/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  Copyright (c) 2010 SMR

  Released under the GNU General Public License
*/

h3 {
font-weight:normal;
} 

.ClrWS {
  color: #000000;
  background: #FFFFFF;
}
.ClrGE {
  color: #000000;
  background: #FFeF00;
}
.ClrOR {
  color: #000000;
  background: #FF7F00;
}
.ClrRT {
  color: #000000;
  background: #FF0000;
}
.ClrBR {
  color: #000000;
  background: #904040;
}
.ClrSW {
  color: #FFFFFF;
  background: #000000;
}
.ClrBL {
  color: #000000;
  background: #0000FF;
}
.ClrGN {
  color: #000000;
  background: #00FF00;
}
.ClrGR {
  color: #000000;
  background: #6f6f6f;
}
.ClrSI {
  color: #000000;
  background: #c0c0c0;
}
.ClrGL {
  color: #000000;
  background: #808000;
}
.ClrVL {
  color: #000000;
  background: #AF00FF;
}

.ResCalResBack {
height: 15%;
  width: 100%;
	display: block;
	background-image:url(https://www.leds-and-more.de/catalog/images/Calc-Resistor.png);
	background-repeat: no-repeat;
  background-size:100% 97%;
	vertical-align: middle;
}

.infobox_property {
position: absolute;
left: 200px;
top:  300px;
visibility: hidden;
border: 1px solid darkred;
background-color: #dfdfef;
border-radius: 10px;
padding:5px;
}

.infobox_pro_header {
font-size: 9px;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
color:#000000;
text-align: left;
background-color: #dfdfef;
}

.infobox_pro_text {
font-size: 9px;
font-family: Verdana, Arial, sans-serif;
color:#000000;
text-align: left;
background-color: #dfdfef;
}

.BoxInlayRes {
padding: 10px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .resVR2, .resVR6, .resVRIn, .resVRR  {
    box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 8 15 8 15px;
    width: 100%;
}

html {
    font-family: "Lucida Sans", sans-serif;
}

.resVR2 {
height: 100%;
width: 10%;
margin-left: 12%;
}

.resVR6 {
height: 98%;
width: 5%;
margin-left: 5%;
}

.resVRIn {
height: 100%;
width: 100%;
padding-top: 2%;
padding-bottom: 2.5%;
display: inline-block;
vertical-align: middle;
}

.resVRR {
height: 100%;
width: 100%;
padding-top: 1%;
padding-bottom: 2%;
display: inline-block;
vertical-align: middle;
}

.col-1, .col-m-1 {
font-size: 12px;
font-weight:bold;
}
.col-2, .col-3 {
font-size: 12px;
text-align: left;
line-height: 2.0em;
}

@media only screen and (min-width: 250px) {
    /* For tablets: */
		.col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

@media only screen and (min-width: 610px) {
    /* For desktop: */
		.col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

@media only screen and (max-width: 850px) {
	.resVRR {
		padding-top: 1%;
		padding-bottom: 1%;
	}
}

@media only screen and (max-width: 650px) {
	.resVRR {
		padding-top: 2%;
		padding-bottom: 3%;
	}
}

@media only screen and (max-width: 450px) {
	.resVRR {
		padding-top: 4%;
		padding-bottom: 5%;
	}
	.resVR6 {
		margin-left: 4%;
	}
}

.col-4, .col-m-10, .col-7, .col-m-12 {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-align: left;
}

.FieldColFirstgr, .FieldColSecondgr, .FieldColThreegr, .FieldColLineCalcgr{
background-color: #E8E8E8;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
min-width: 200px;
max-width: 660px;
box-shadow:  2px 2px 2px #000000, -1px -1px 1px #888888;
 -moz-box-shadow:  2px 2px 2px #000000, -1px -1px 1px #888888;
 -webkit-box-shadow:  2px 2px 2px #000000, -1px -1px 1px #888888;
}

.FieldColSecondgr {
padding: 0 8 8 8px;
height: 28px;
overflow: hidden;
transition: height 2s;
-webkit-transition: height 2s;
}

.FieldColThreeChangeRing {
height: 28px;
overflow: hidden;
transition: height 1s;
-webkit-transition: height 1s;
}

.FieldColThreegr {
padding: 8px;
min-height: 100px;
vertical-align: middle;
}

.resVR1, .resVR6{
display: inline-block;	
}

.resVR2, .resVR3, .resVR4, .resVR5 {
display: inline-block;	
}

.resVR1 {
height: 98%;
width: 5%;
margin-left: 1%;
}

.resVRR {
height: 100%;
width: 100%;
display: inline-block;
vertical-align: middle;
}

.resVRGR {
vertical-align: top;
height: 100%;
width: 50%;
display: inline-block;	
}

.resVR3 {
height: 100%;
width: 10%;
margin-left: 12%;
}

.resVR4 {
height: 100%;
width: 10%;
margin-left: 12%;
}

.resVR5 {
height: 100%;
width: 10%;
margin-left: 12%;
}

.ColorBlueB, .TXTBlue {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight:bold;
color: #0000DF;
}
.ColorBlueB {cursor:pointer; }
.TXTRight {text-align: right;}
.TXTLeft {text-align: left;}
.TXTRed {color: #df0000;}
.TXTNorm {font-size: 11px;font-weight:normal;}

 .inputFldRW {
 background-color: #FFFFFF;
 border: 1px solid #8f8f8f;
 -webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out;
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;
height: 28px;
 width: 75px;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 font-family: Verdana,Arial,sans-serif;
 font-size: 14px;
 text-align: right;
 padding: 3px;
 font-weight:normal;
 }

.inputFldRW:focus {
border: 1px solid #2000df;
box-shadow: 0 0 5px rgba(40, 60, 238, 1);
padding: 5px;
font-weight:bold;
}

 .inputFldRO {
 background-color: rgba(0,0,0,0.0);
 border: 1px solid #8f8f8f;
 -webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out;
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;
height: 28px;
 width: 75px;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 font-family: Verdana,Arial,sans-serif;
 font-size: 14px;
 text-align: right;
 padding: 3px;
 }

.inputFldRO:focus {
border: 1px solid #df0000;
box-shadow: 0 0 5px rgba(238, 40, 4, 1);
}

 .inputCobRW {
 background-color: #FFFFFF;
 border: 1px solid #8f8f8f;
 -webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out;
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
height: 28px;
 width: 75px;
 font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
 text-align: right;
 padding: 3px;
 font-weight:normal;
 }
 
.inputCobRWS , .inputCobRWS2 {
 background-color: #FFFFFF;
 border: 1px solid #8f8f8f;
 -webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out;
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;
border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 font-family: Verdana,Arial,sans-serif;
 text-align: right;
 padding-right: 2px;
 font-weight:normal;
 }
 
.inputCobRWS {
 height: 24px;
 width: 75px;
 font-size: 11px;
}
.inputCobRWS2 {
 height: 24px;
 width: 125px;
 font-size: 12px;
}
 
.OutIconResult {
visibility: hidden;
font-weight:bold;
} 

.inputCobRW:focus, .inputCobRWS:focus {
border: 1px solid #2000df;
box-shadow: 0 0 5px rgba(40, 60, 238, 1);
}

.resdiv1, .resdiv2, .resdiv3, .resdiv4, .resdiv5, .resdiv6 {
display: inline-block;
line-height: 2.0em;
}

.moveupChk {
 position:relative;
 margin-top: -15px;
 margin-left: 10px;
 }

 .moveupChkLine {
  position:relative;
	margin-top: -25px;
	font-size: 55px;
 }
 
.rowup {
background-color: #dfffdf;
border-radius: 15px 15px 0px 0px;
-moz-border-radius: 15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px;
}

.rowdown {
background-color: #dfffdf;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
}

.col-1 img, .col-m-1 img {
margin-left: -10px;
}