.recaptchatext {
     float: right;
    margin: auto;
    font-size: 10px;
    }
    
form {
	background-color : #FBFBFB;
border: 1px solid #ccc;
  border-radius: 4px;
    padding : 5px;
	margin-top:5px;
}
    
.column {
  float: left;
  width: 50%;
  padding: 5px;
  display: flex;
  align-items: center;
}

.tooltitle {
   	background-color : #FBFBFB;
	border: 1px solid #ccc;
  	border-radius: 4px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.toolimg {
	margin-top: 5px;
   	background-color : #ffffff;
	border: 1px solid #ccc;
  	border-radius: 4px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
	max-width: 100%;
	height: auto;
}
    
.result,.result_4band,result_5band,.result_6band,.result_flowrate,.result_diameter,.result_velocity {
    display: none;
   	background-color : #FBFBFB;
	border: 2px solid #9a0700;
  	border-radius: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    text-align: center !important;
	font-size: 20px;
}

* {
  box-sizing: border-box;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
    
input[type=number] {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 2px;
  resize: vertical;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

label {
  padding: 0px 0px 0px 0px;
    vertical-align: middle;
  display: inline-block;
	font-weight: bold;
}

input[type=submit] {
  background-color: #3085EE;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
   display: block; 
    margin: 0 auto;
}

input[type=submit]:hover {
   background-color: #0099cc; 
}
    
input[type=button] {
  background-color: #3085EE;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
   display: block; 
    margin: 0 auto;
}

input[type=button]:hover {
   background-color: #0099cc; 
}

input[type=reset] {
  background-color: #3085EE;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
   display: block; 
    margin: 0 auto;
}

input[type=reset]:hover {
   background-color: #0099cc; 
}
    
.col-25 {
  float: left;
  width: 33%;
  margin-top: 5px;
}

.col-75 {
  float: left;
  width: 50%;
  margin-top: 5px;
}

.unit {
  float: left;
  width: 17%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 0px;
  border-left-style: none;
  resize: vertical;
  margin-top: 5px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
}

.unitselect {
  background-color: #FBFBFB;
  float: left;
  width: 17%;
  padding: 8.5px;
  border: 1px solid #ccc;
  border-radius: 0px;
  border-left-style: none;
  resize: vertical;
  margin-top: 4.5px;
  font-weight: bold;
  text-align: center;
  display: inline-block;

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
    
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
	width: 100%;
}
.dunit {
    width: 15%;
}
.result {
    width: 100%;
}
input[type=reset], input[type=submit] {
    width: 100%;
    margin-top: 0;
    margin-top: 10px;
}
.unitselect {
  background-color: #FBFBFB;
  padding: 8px;
  margin-top: 4px;
}
}

.res img {
    position: absolute;
    margin: auto auto;
}
	
.res {
	width: 417px;
    height: 80px;
    position: relative;
	margin: 0 auto;
	z-index:1;
}

.resistor_strip4 {
	position:absolute;
	z-index:2;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	width:20px;
}
.resistor_strip5 {
	position:absolute;
	background-color:red;
	z-index:2;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	width:20px;
}
.resistor_strip6 {
	position:absolute;
	background-color:red;
	z-index:2;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	width:20px;
}
	
.stripimg {
	min-width:417px;
	margin-left:0!important;
	}
	
	#strip41,#strip51,#strip61,#strip66{background-color:brown;}
	#strip42,#strip52,#strip62,#strip43,#strip53,#strip63,#strip64{background-color:black;}
	#strip44,#strip55,#strip65{background-color:gold;}
	#strip54{background-color:black;}
	
	#strip41,#strip42,#strip43{height:66px;top:7px;width:20px}
	#strip51,#strip61{left:80px}
	#strip41,#strip52,#strip62{left:129px}
	#strip44,#strip55,#strip66{left:314px}
	.resistor_strip4,.resistor_strip5,.resistor_strip6{position:absolute;z-index:2}
	.colored-box,.resistor_strip4,.resistor_strip5,.resistor_strip6{border-color:#000;border-style:solid;border-width:1px}
	.bold-header,.colored-box{line-height:200%;text-align:center}
	.stripimg{min-width:417px;margin-left:0!important}
	#strip42{left:181px}
	#strip43{left:233px}
	#strip44{height:78px;top:1px;width:20px}
	.resistor_strip4{height:20px;width:20px}
	#strip52,#strip53,#strip54{height:66px;top:7px}
	#strip51,#strip55{height:78px;top:1px}
	
	@media (max-width:600px){
		.toolfont{font-size:12px}
		.stripimg{min-width:320px;max-width:320px}
		.res {width:320px}
		#strip41,#strip42,#strip43{height:51px;top:5px;width:15px}
		#strip41{left:99px}
		#strip42{left:139px}
		#strip43{left:179px}
		#strip44{height:61px;left:244px;top:0px;width:15px}
	}
	
	#strip51,#strip52{width:20px}
	#strip53{left:181px;width:20px}
	#strip54{left:233px;width:20px}
	#strip55{width:20px}
	.resistor_strip5{height:20px;width:20px}
	#strip62,#strip63,#strip64,#strip65{height:66px;top:7px}
	#strip61,#strip66{height:78px;top:1px}
	
	@media (max-width:600px){
		#strip52,#strip53,#strip54{height:51px;top:5px}
		#strip51,#strip55{height:61px;top:0px;width:15px}
		#strip51{left:65px}#strip52{left:99px;width:15px}
		#strip53{left:139px;width:15px}
		#strip54{left:179px;width:15px}
		#strip55{left:244px}
	}
	
	#strip61,#strip62,#strip63,#strip64,#strip65,#strip66{width:20px}
	#strip63{left:159px}
	#strip64{left:189px}
	#strip65{left:270px}
	.resistor_strip6{height:20px;width:20px}
	.black,.colored-box{background-color:#262323}
	
	@media (max-width:600px){
		#strip62,#strip63,#strip64,#strip65{height:51px;top:5px}
		#strip61,#strip66{height:61px;top:0px;width:15px}
		#strip61,#strip62,#strip63,#strip64,#strip65,#strip66{width:15px}
		#strip61{left:65px}
		#strip62{left:99px}
		#strip63{left:129px}
		#strip64{left:159px}
		#strip65{left:209px}
		#strip66{left:244px}
	}
	
	#wrapper{position:relative}
	.colored-box{color:#fff;height:100%;margin-left:5px;width:100%;cursor:pointer}
	.bold-header{color:#000;font-size:85%;font-weight:700;height:20px;margin-left:2px;width:55px}
	.black,.brown,.orange,.red{color:#FFF}
	.brown{background-color:#7D4302}
	.red{background-color:#E60514}
	.orange{background-color:#f26b31}
	.yellow{background-color:#F2EA7C;color:#000}
	.blue,.green,.grey,.purple{color:#FFF}
	.green{background-color:#3CB057}
	.blue{background-color:#0483DE}
	.purple{background-color:#9D2CA3}
	.grey{background-color:#595759}
	.gold,.silver,.white{color:#000}
	.white{background-color:#FFF}
	.gold{background-color:#D4AF37}
	.silver{background-color:silver}

.bands {
	background-color : #FBFBFB;
border: 1px solid #ccc;
  border-radius: 4px;
    padding : 5px;
	margin-top:5px;
}

.bandsflow {
	background-color : #FBFBFB;
border: 1px solid #ccc;
  border-radius: 4px;
    padding : 5px;
	margin-top:5px;
}
	/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 0px solid #ccc;
  border-top: none;
}

.tabcontentflow {
  display: none;
  padding: 6px 12px;
  border: 0px solid #ccc;
  border-top: none;
}

@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
    mjx-container mjx-c::before {
      will-change: opacity;
    }
  }