﻿.resistor-calc-parameter {
    width: 50%;
    float: left;
    padding: 5px 0 5px 5px;
}
	
.resistor-container {
    border: 1px solid #000;
    border-radius: 4px;
    padding: 20px 0;
    margin-top: 20px;
}	
.resistor-calc-input {
    border-radius: 4px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    padding: 4px 6px;
}
.conversion-calculator-formula {
    border: 1px solid #999;
    border-radius: 6px;
    padding: 45px;
    margin-top: 20px;
}

.time-constant-calculator-formula {
    padding: 110px;
}
	
.conversion-calculator-formula-header {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}
.conversion-calculator-formula-text {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.conversion-calc-labels {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
	margin-bottom: 0;
}
.conversion-calculator-parameter {
    margin-bottom: 10px;
	text-align: center;
}
.conversion-calc-input {
    border-radius: 4px;
    height: 40px;
    font-size: 16px;
    padding: 4px 6px;
    border: 1px solid #a9a9a9;
}
.conversion-calc-sm-input {
    width: 80%;
}

.conversion-calculator-hide {
    display: none !important;
}

.resistor {
    margin-left: 10%;
}
.resistor > * {
    display: inline-block;
    margin-left: -4px;
    background-color: #e1e5ea;
}
.resistor .resistor-stick {
    width: 9%;
    padding-top: 2%;
    margin-bottom: 9.5%;
}
.resistor .resistor-stick.left {
    border-radius: 10px 0 0 10px;
}
.resistor .resistor-stick.right {
    border-radius: 0 10px 10px 0;
}
.resistor .left-left,
.resistor .right-left {
    border-radius: 8px 0 0 8px;
    width: 9%;
    padding-top: 20%;
}
.resistor .left-right,
.resistor .right-right {
    border-radius: 0 8px 8px 0;
    width: 9%;
    padding-top: 20%;
}
.resistor .left-band,
.resistor .right-band {
    padding-top: 20% !important;
    margin-bottom: 0 !important;
}
.resistor .band,
.resistor .band-spacing {
    position: relative;
    width: 3%;
    padding-top: 15.5%;
    margin-bottom: 2%;
}
.resistor .band.none,
.resistor .band-spacing.none {
    background-color: #e1e5ea;
}
.resistor .band.black,
.resistor .band-spacing.black {
    background-color: #000;
}
.resistor .band.brown,
.resistor .band-spacing.brown {
    background-color: #944a00;
}
.resistor .band.red,
.resistor .band-spacing.red {
    background-color: #f00;
}
.resistor .band.orange,
.resistor .band-spacing.orange {
    background-color: #ff8000;
}
.resistor .band.yellow,
.resistor .band-spacing.yellow {
    background-color: #ff0;
}
.resistor .band.green,
.resistor .band-spacing.green {
    background-color: #0f0;
}
.resistor .band.blue,
.resistor .band-spacing.blue {
    background-color: #00f;
}
.resistor .band.violet,
.resistor .band-spacing.violet {
    background-color: #9100ff;
}
.resistor .band.grey,
.resistor .band-spacing.grey {
    background-color: #808080;
}
.resistor .band.white,
.resistor .band-spacing.white {
    background-color: #fff;
}
.resistor .band.gold,
.resistor .band-spacing.gold {
    background-color: #d4af35;
}
.resistor .band.silver,
.resistor .band-spacing.silver {
    background-color: #bfbfbf;
}
.resistor .band.band-hide,
.resistor .band-spacing.band-hide {
    background-color: #e0e4e9;
}

