/*
orange = #bb650e
purple = #003c69
teal = #7d9aaa
*/

/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none; color: inherit}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,input {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
form {display:inline;}

/* ------------------------------------------------------------------------------------------------------- */
body{ 
	background: #f5f5f5;
	font-family: Arial, sans-serif; 
	color: #323232; 
	font-size: 12px;
}
div#body{
	background:url("img/bgShadow.jpg") 50% 0 repeat-y;
	position:relative; 
	margin:-1.1em auto 0 auto;
	height:100%;
}
div#header{
	background: #fff;
	margin: 0px auto;
	width: 960px;
}
div#pufferheader{
	margin: 0 0 5px 0;
	height: 20px;
	z-index: 1500;
}
div#logo{
	position: relative;
	padding-bottom:2px;
}
div#navigation{
	text-align: right;
    background: url("img/bgHeader.jpg") 0 30px no-repeat;
    height: 77px;
}
div#headernavigation{
	text-align: right;
    background: url("img/bgHeader.jpg") 0 0 auto;
    height: 60px;
}
div#footer{
	background: url("img/bgFooterTrans.png") transparent 50% 0 no-repeat;
    margin: 0 auto;
}
div#contact{
	margin:40px auto 0 auto;
	height:100px;
	width:300px;
	background-color:transparent;
	text-align:center;
}
div#pufferfooter{
	height:70px;
	background-color:transparent;
}
div#content{
	background: #fff;
    margin: 0px auto;
	padding-top: 1em;
    width: 960px;
    overflow: hidden;
    position: relative;
	min-height:500px;
}
div#contentcontainer{
	background: #fff;
    margin: 0px auto;
	padding-top: 1em;
    width: 960px;
    overflow: hidden;
	min-height:500px;
	height: 100%;
}
div#selection{
	border-style:none;
	float: left;
    padding: 10px 10px 0 0;
    position: relative;
	width:400px;
	text-align:left;
	font-size:1.2em;
	display: inline-block;
}
div#data{
	float: left;
	border-style:none;
	width:330px;
	padding: 3.5em 1em 0 1em;
	font-size:1.2em;
	line-height: 150%;
	display: inline-block;
}
div.user{
    width: 235px;
    display: inline-block;
    margin: 35px 15px 10px 0;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;	
}
div.save{
    width:auto;
	min-width:150px;
    display: inline-block;
    margin: 2em 6em 3em 0em;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
	max-width: 300px;
}
div.save select{
	margin:0;
	padding:0;
	min-width:75px;
}
div.save input.user{
	margin:0;
	padding:0;
	width:100px;
}
div#login{
	padding: 35px 60px;
    text-align: right;
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
    width: 650px;
}
div.login-item{
	margin: 0 0 24px 0;
    overflow: hidden;
    text-align: center;
}
div#newquestion{
	padding: 35px 60px;
    text-align: center;
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}
div#userbox{
	margin: 0 auto;
	width:	960px;
}

div#picture{
	float:left;
	margin-left: -80px;
}
div#fipicture{
	float:left;
	max-height: 450px;
}
div#outputtechdata{    
	padding-top:50px;
	margin-left: 200px;
}
div#techdata{
	margin: 0 0 10px 0;
	padding: 0;
	display: inline-block;
}
div#fiunitprice {
	float: right;
	width: 130px;
	text-align: right;
}
img.emotronlogo{
	border-width: 0px;
	position: absolute;
    top: 25px;
    font-size: 17px;
    line-height: 1em;
    letter-spacing: 9px;
    color: #fff;
    background-color: #004b85;
}
img.cglogo{
	border-width: 0px;
	position: absolute;
    left: 115px;
    top: 60px;
}
img.logo{
	display: inline-block;
	border-width: 0px;
	margin: 0 0 0 20px; 
	width: 220px;
	position: relative;
	z-index: 2;
	float: right;
}
img#picturefi{
	max-width: 320px;
	max-height: 450px;
}
img#picfi{
	max-width: 430px;
	max-height: 410px;
}
button{
	background: transparent; 
	border-style: none; 
	cursor: pointer;
	height: 25px;
	font-size: 1.1em;
	color: #003c69;
}
input {
	height: 18px;
}
input[type='checkbox'] {
	height: 12px;
}
#navigation ul li span{
	line-height:25px;
	background: transparent; 
	border-style: none; 
	height: 25px;
	margin:0 0.4167em;
	font-size: 1.2em;
	color: #BBB;
}
#logoutbutton{
	float: left;
	padding: 0 20px 0 20px;
	height: 28px;
}
#usermanagement{
	padding: 0 20px 0 20px;
}
.adminbuttons {
	background: #fff; 
	color: #000;
	border: none;
	padding: 4px;
	margin:0 0.4167em;
	font-size: 1.2em;
    height: 28px;
	padding: 0 20px 0 0;
	float: left;
}
button.language {
	width: 4em;
	height: 24px;
	background: transparent;
	border-style: none;
	cursor: pointer;
	margin-left:15px;
	margin-top:10px;
	margin-right:10px;
}
#de{
	background: url("img/ger.png") transparent center center no-repeat;
	width:41px;
	height:20px;
	margin:50px 5px 5px 5px;
	padding:0;
}
#eng{
	background: url("img/en.png") transparent center center no-repeat;
	width:41px;
	height:20px;
	margin:50px 15px 5px 0;
	padding:0;
}
#ger {
	display: inline-block;
	background: url("img/ger.png") transparent center center no-repeat;
	width:41px;
	height:20px;
	margin:5px 0 5px 5px;
	padding:0;
}
#en {
	display: inline-block;
	background: url("img/en.png") transparent center center no-repeat;
	width:41px;
	height:20px;
	margin:5px 0 5px 5px;
	padding:0;
}
/*button.next{
	margin-bottom:5px;
	min-width:150px;
	margin-top:0.7em;
	background: url("img/linkArrow.gif") 2px 50% no-repeat;
	font-size: 1.1em;
	text-align: left;
    padding-left: 17px;
}*/

button.next, button.prev {
	margin-bottom: 0.7em;
	min-width: 150px;
	margin-top: 0;
	font-size: 1.1em;
	text-align: left;
	padding-left: 1.1em;
}
button.next {
	background: url("img/linkArrow.gif") 0.1em 49% no-repeat;
}
button.prev {
	background: url("img/linkArrowPrev.gif") 0.1em 49% no-repeat;
}
fieldset legend {
	margin: 0 0.5em;
	padding: 0 4px 4px 4px;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	color:#666;
}
fieldset {
	margin: 0;
	padding: 0.7em 0 0 0.5em;
	border: 2px dotted #AAA;
	border-radius: 6px;
}
fieldset+fieldset {
	margin-top: 1em;
}

#data textarea{
margin-top: 0.2em;
}
#data textarea#cab{
margin-top:0.2em
}
#loginbutton{
	display: inline-block;
    width: 110px;
    height: 36px;
    padding: 0 0 10px 0;
    margin: 8px 0 0 0;
    background: url("img/submit.jpg") 0 0 no-repeat;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    font-size: 16px;
}
#navigation ul {
	display: inline-block;
	margin: 0;
	width:100%;
}
#navigation ul li {
    border: none;
    float: right;
    text-align: right;
    vertical-align: middle;
    margin: 0 0.5em;
    padding: 0;
    list-style-type: none;
    min-height: 30px;
    min-width: 8em;
    font-family: Arial, sans-serif;
}
#navigation ul li button:hover, #activenavigation *{ 
	color: #bb650e!important;
}
#navigation button {
	font-size: 1.2em!important;
}
#navigation div button {
	padding-bottom: 4px;
}
span.unseen{
	color: white!important;
}
h1{
	background: url("img/bgSubNav.jpg") 0 0 no-repeat;
    height: 33px;
	padding-top:5px;
	padding-left:1em;
	text-align:left;
	vertical-align:middle;
	font-size:1.5em;
}
h1.newH {
	padding-left: 0;
}
/*h3{
	line-height: 25px;
    background: url("img/bgSidebarHeading.jpg") 0 0 repeat-y;
    margin-bottom: 25px;
}*/
#footer h4{
	color:#A2AD00;
}

#footer p{
	color:#96ABBC;
}
hr {
    margin-bottom: 1px;
    margin-top: 0px;
}
label{
	/*text-transform:uppercase;*/
	width: 12em;
    display: inline-block;
	padding:0;
	margin:0 0 1.2em 0;
	vertical-align:middle;
}
.loginlabel{
	width: auto ;
}
div.user label{
	min-width:5em;
	margin-top: 15px;
}
div.save label{
	width:5em;
	margin-top: 15px;
}
.yesno{
	width:5em;
	margin-top: 0;
}
div.login-item label{
	min-width: 66px;
    padding: 5px;
    display: block;
}
.monmotemp{
	margin-bottom:0.5em;
	min-width:11em;
	margin-left:2em;
}

#selection select{
	padding:0;
	margin:0 0 1.2em 0;
	vertical-align:middle;
	width:155px;
	height: 24px;
}

fieldset span span select {
	padding:0;
	margin:0 0 1.2em 0;
	vertical-align:middle;
	width:180px;
}

select {
	height: 24px;
}

#selection .wideSelect {
	width:186px;
}

.selectend{
	padding:0;
	margin:0 0 0.5em 0;
	vertical-align:top;
}

strong.asterisk{
	color: red;
	font-size: 20px;
}

strong#fault{
	border-style:none;
	color:RGB(255,0,0);
}

input#checkbox{
	margin-right:135px;
	background-color:RGB(224,255,255);
}
input#number{
	margin-top:0;
	margin-right:100px;
	margin-bottom: 1.2em;
	vertical-align:middle;
	width:50px;
}
input#numberfi{
	margin:0;
	vertical-align:top;
	width:30px;
}
.selectend{
	width:60px;
	margin:0 0 0 0.25em;
}

div.login-item input{
	width: 285px;
    height: 24px;
    border: 1px solid #999;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #323232;
    line-height: 24px;
	padding: 2px;
    vertical-align: middle;
	margin: 1px;
}

label a,a:hover,a:visited{
	color: #003c69;
}
table,th,td{
	border: 1px solid black;
	border-collapse:collapse;
}
th{
	border-bottom-width:2px;
}
table#show{
	width:100%;
}
table#hidden{
	visibility:hidden;
}
p#salesdoc{
	margin-top: 1.2em;
    border-style: none;
    height: 25px;
    color: #003c69;
    min-width: 150px;
    font-size: 1.1em;
    text-align: left;
    padding-left: 1.1em;
    background: url(img/linkArrow.gif) 0.1em 49% no-repeat;
}

p#customerdata{
	padding: 17px 10px 0 20px;
	line-height: 21px;
}

.aside{
	line-height:150%;
}

.normalbox span {
text-decoration:none;
background: transparent;
color:rgb(0,0,0);
}
.normalbox span div{display:none;}


.normalbox span:hover div{
	font-size:90%;
	text-align:left;
	display:block;
	width:188px;
	height:100%;
	background: url("img/bgSidebarWithbgHeadline.png") left top no-repeat #fff;
	padding:30px 6px 0 6px;
	position:absolute;
	top:0px; 
	right:-545px;
	z-index:3;
}
.normalbox span:hover div h3{
	text-align:left;
	font-size:110%;
	position:fixed;
	line-height: 25px;
	background:url("img/bgSidebarFlip.png") transparent left bottom no-repeat;
	padding:0 4px;
	margin:-30px 0 0 -6px;
	height:100%;
	width:100%;
}
.normalbox span:hover div p {
	position:fixed;
	display:block;
	width:185px;
	top:185px;
}

.longbox span:hover div h3 {
    text-align: left;
    font-size: 110%;
    position: fixed;
    line-height: 25px;
    background: url("img/bgSidebarHeading.jpg") transparent left bottom repeat-y;
    padding: 0 4px;
    margin: -30px 0 0 -6px;
    height: auto;
    width: 100%;
}
.longbox span {
text-decoration:none;
background: transparent;
color:rgb(0,0,0);
}

.longbox span div{display:none;}

.longbox span:hover div{
	font-size:90%;
	text-align:left;
	display:block;
	width:188px;
	height:100%;
	background: url("img/bgSidebarWithbgHeadline.png") left top no-repeat #fff;
	padding:30px 6px 0 6px;
	position:absolute;
	top:0px; 
	right:-545px;
	z-index:3;
}
.longbox span:hover div p {
    margin-top: 1.5em;
	position:fixed;
	display:block;
	width:185px;
	top:185px;
}
.offsetlabel {
	margin-top: 13px;
}
#brakeAmount {
	width: 30px;
}
.modal {
	display: none;
	position: fixed; 
	z-index: 5;
	padding-top: 150px; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	background-color: rgba(0,0,0,0.4); 
}
.modal-content {
	display: none;
	background-color: #fefefe;
	margin: auto;
	padding: 50px;
	border: 1px solid #888;
	width: 40%;
}
.modalHeader {
	text-align: center;
}
.modalBtnRight {
	float: right;
}
#deleteUser {
	border: none;
	width: 100%;
	text-align: center;
}
.container {
	margin: 6px 10px 14px 10px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
}
.borderContainer {
	margin: -16px 20px 30px 20px;
	padding: 12px;
	height: 304px;
	width: 560px;
	overflow-y: scroll;
	border: 1px solid #595959;
}
#usertablecontainer {
	padding-right: 36px;
	padding-bottom: 0;
	margin-bottom: 20px;
	border-right: 2px dotted #aaa;
	width: 520px;
	height: 490px;
}
#userdetailscontainer {
	width: 310px;
	height: 490px;
}
#userdetailscontainer h2 {
	text-align: center;
}
h2 {
	font-size: 1.2em;
	margin-top: 4px;
}
.linelabel {
	padding-top: 16px;
}
.rightAlignText {
	width: 150px;
	text-align: right;
}
.longinput {
	width: 150px;
}
.shortinput {
	width: 60px;
	margin-left: 86px;
}
.shorterinput {
	width: 50px;
}
#currency {
	width: 64px;
}
#activecurrency {
	width: 60px;
	margin: 5px;
}
#headernavigation span form #currency {
	display: inline-block;
	margin: 0 10px 0 0;
	height: 22px;
}
.highlightbutton {
	display: inline-block;
    height: 32px;
	width: 300px;
    background-color: #05559c;
	color: #fff;
    border-radius: 6px;
    font-size: 14px;
	font-weight: bold;
}
.lightbutton {
	display: inline-block;
    height: 26px;
	width: 150px;
	border: 2px solid #05559c;
	color: #05559c;
    border-radius: 6px;
    font-size: 12px;
	font-weight: bold;
}
.darkbutton {
	display: inline-block;
    height: 26px;
	padding: 0 20px 0 20px;
	background-color: #05559c;
	color: #fff;
	border: 2px solid #05559c;
    border-radius: 6px;
    font-size: 12px;
	font-weight: bold;
}
.lighthighlightbutton {
	display: inline-block;
    height: 32px;
	padding: 0 20px 0 20px;
	border: 2px solid #05559c;
	color: #05559c;
    border-radius: 6px;
    font-size: 14px;
	font-weight: bold;
	min-width: 100px;
}
.darkhighlightbutton {
	display: inline-block;
    height: 32px;
	padding: 0 20px 0 20px;
	background-color: #05559c;
	color: #fff;
	border: 2px solid #05559c;
    border-radius: 6px;
    font-size: 14px;
	font-weight: bold;
	min-width: 100px;
}
.simplebutton {
	background: #fff; 
	color: #000;
	border: 1px solid #595959;
	padding: 4px;
	border-radius: 6px;
	font-size: 1.2em;
	display: inline-block;
    height: 26px;
	padding: 0 10px 0 10px;
}
.smallbutton {
	width: 94px;
	height: 26px;
	margin-right: 4px;
	padding: 0 10px 0 10px;
	min-width: 50px;
}
.mediumbutton {
	width: 144px;
	margin-right: 4px;
	padding: 0 10px 0 10px;
}
#userdetailHeightContainer {
	height: 400px;
}
#scrollContainer {
	height: 390px;
	overflow: auto;
}
.bottomFloat {
	position: absolute;
	bottom: 0;
}
#tableButtons {
	width: 520px;
}
#submitUser {
	bottom: 76px;
}
.hide {
	display: none;
}
.invisible {
	width: 1px;
	height: 1px;
	visibility: hidden;
}
#tableContainer {
	position: relative;
	margin-bottom: 24px;
}
.centerAlign {
	text-align: center;
}
#usertable, #optionsTable {
	width: 100%;
	border: none;
}
#usertable thead tr th, #optionsTable tbody tr th {
	font-weight: bold;
	padding: 4px;
	border-color: grey;
	border-top: none;
}
#usertable tbody tr td, #optionsTable tbody tr td {
	padding: 4px;
	border-top: none;
	border-bottom: none;
	border-color: grey;
}
.leftBorder {
	border-left: none;
}
.rightBorder {
	border-right: none;
}
.left {
	display: inline-block;
}
.right {
	display: inline-block;
	float: right;
}
#confnav {
	background: #fff;
    margin: 0px auto;
	padding-top: 1em;
    width: 960px;
    overflow: hidden;
    position: relative;
}
#confman span button {
	margin-left: 6px;
}
.largeInput {
	height: 26px;
	font-size: 1.2em;
}
.largeLabel {
	width: auto;
	font-size: 1.2em;
	margin: 0 4px 0 0;
	padding: 0 0 4px 2px;
}
.marginWidth {
	width: 280px;
}
.mediumInput {
	height: 22px;
	width: 296px;
	padding-left: 4px;
	font-size: 1.2em;
}
#confstepcontainer {
	margin: 1em 0 1em 0;
}
.confsteps {
	height: 30px;
	border: 1px solid grey;
	background-color: #fff;
	width: 234px;
	padding: 0;
	margin-right: -10px;
	padding-left: 10px;
}
.laststep {
	margin-right: 0;
	width: 226px;
}
.firststep {
	padding-left: 0;
}
#nextstep {
	height: 30px;
	border: 2px solid #05559c;
	background-color: #05559c;
	color: white;
	margin-left: 10px;
	width: 52px;
	border-radius: 4px;
}
.rightRoundedCorner {
	border-radius: 0 10px 0 0;
}
.currentstep {	
	background-color: #05559c;
	color: #fff;
	font-weight: bold;
	cursor: default;
}
.previousstep {	
	background-color: #fff;
	color: #05559c;
}
.disabledstep {	
	background-color: #f2f2f2;
	color: #595959;
	cursor: default;
}
#companydatacontainer {	
	border-right: 2px dotted #aaa;
	width: 426px;
	padding-right: 30px;
	margin-right: 10px;
}
.longtextbox {
	width: 210px;
	height: 18px;
}
.inset {
	margin-left: 20px;
}
#selectConfigLabel {
	width: 200px;
}
#selectedConfig {
	width: 380px;
	margin-right: 14px;
}
#configCsvContainer {
	margin-top: -16px;
	height: 330px;
	width: 300px;
	position: relative;
}
.helpwrapper {
	position: relative;
}
#configPreviewTable {
	width: 100%;
	border: none;
}
#configPreviewTable th {
	text-align: left;
	padding: 4px 4px 8px 4px;
	border: none;
}
#configPreviewTable td {
	padding: 3px;
	border: none;
}
.select-editable {
	position:relative; 
	width:120px; 
	display: inline-block; 
	top:0;
}
.select-editable * {
	position:absolute; top:0; 
	left:0; 
	box-sizing:border-box; 
	outline:none;
}
.select-editable select {
	width:100%;
}
.select-editable input {
	width: 356px; 
	margin: 1px; 
	border:none; 
	text-overflow:ellipsis;
}
.select-editable select:focus, .select-editable input:focus {
	outline:none;
}
.largelineLabel {
	padding-top: 36px;
}
#configChoiceContainer {
	padding-top: 0;
}
.positionhelper {
	top: 18px; 
}
#buttonwrapper {
	left: 276px;
	display: inline; 
}
.nolabelspace {
	margin: 0 0.3em 1.2em 0.3em;
	padding: 0;
	width: auto;
}
.smallinput {
	width: 30px;
}
.absolutePos {	
	position: absolute;
}
.relativePos {
	position: relative; 	
}
.currencyPos {
	top: -5px;	
}
.thinFieldset {
	width: 200px;
	padding: 14px 0 0 14px;
	min-height: 460px;
}
.wideFieldset {
	width: 560px;
	padding: 4px 0 0 14px;
}
#infofield {	
	float: right;
	padding: 14px;
	overflow: hidden;
	border: 1px solid darkgrey;
}
#infopara {	
	font-size:1.1em;
}
.wideInfoField {	
	margin-top: 20px;
	width: 330px;
	min-height: 350px;
}
.thinInfoField {	
	margin-top: 10px;
	width: 214px;
	min-height: 446px;
}
#buttoncontainer {
	display: block;
	margin: 20px 0 0 0;
}
#fieldsets{
	height: 397px;
	overflow-y: scroll;
}
#fieldsets .wideFieldset {
	width: 540px;
	margin-right: 10px;
}
.abstopright {
	position: absolute;
	top: 230px;
	text-align: center;
}
strong.abstopright {	
	font-size: 1.2em;
}
.offsettext {
	margin-left: 0.5em;
	width: auto;
	vertical-align: middle;
}
.offsetheight {
	line-height: 40px;
}
span.offsettext {
	display: inline;
	margin-left: 0.5em;
	vertical-align: top;
}
.tallButton {
	height: 50px;
	padding: 0;
	display: inline-block;
}
.wideTallButton {
	max-width: 180px;
}
.fixedWidthButton {
	width: 144px;
}
.distanceHelper {
	display: inline-block;
	width: 6px;
}
div#summaryContainer {
	border-style:none;
	height: auto;
	font-size:1.2em;
	line-height: 140%;
	display: inline-block;
	float: right;
}
#summaryFieldset {
	width: 550px;
	height: 528px;
	padding: 16px 6px 8px 20px;
}
#leftContainer {
	font-size:1.2em; 
	display: inline-block; 
	margin-top: 2px;
}
.shortSelect {
	width: 140px;
}
#transportFieldset {
	padding: 16px 6px 4px 20px;
	height: 530px;
}
.scrollingContainer {
	height: 390px;
	overflow-y: scroll;
}
.driveDetails {
	border: none;
	margin: 10px 0 10px 20px;
}
.driveDetails tr,td {	
	border: none;
}
.driveDetails td {
	padding-left: 10px;
}
.tinyButton {
	padding: 2px 8px 2px 8px;
	width: auto;
	height: auto;
	font-size: 0.85em;
	color: #000;
	border: 1px solid #595959;
	border-radius: 6px;
	margin: 0 6px 0 6px;
}
.leftCol {
	width: 220px;
}
.largerFont {
	font-size: 1.2em;
}
.shortlabel {
	width: 150px;
}
.scrollable-element {
	scrollbar-color: #bbb #fff;
}
.wideLabel {
	width: 14.5em;
}
.tooltiptrigger {
	position: relative;
	display: inline-block;
}
.tooltiptrigger .tooltiptext {
	visibility: hidden;
	background-color: #ddd;
	color: black;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	top: 70%;
	left: 34%;
	margin-left: -60px;
}
.tooltiptrigger .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 20%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color:  transparent transparent #ddd transparent;
}
.tooltiptrigger:hover .tooltiptext {
	visibility: visible;
}
.tab {
  overflow: hidden;
}
.tab button {
  border: 1px solid #ccc;
  background-color: #f1f1f1; 
  float: left;
  cursor: pointer;
  padding: 6px 14px;
  transition: 0.3s;
  height: auto;
  font-size: 1.2em;
}
.tab button:hover {
  background-color: #ddd;
}
.tab button.active {
  background-color: #ccc;
}
.tabcontent {
  display: none;
}
.optionstab {
  overflow: hidden;
}
.optionstab button {
  float: left;
  cursor: pointer;
  padding: 6px 14px;
  transition: 0.3s;
  height: auto;
  font-size: 1em;
}
.optionstab button:hover {
  background-color: #ddd;
}
.optionstab button.active {
  background-color: #ccc;
}
.optionstabcontent {
 padding: 20px 14px;
  display: none;
}
.rightAlign {
	text-align: right;
	margin-right: 4px;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
       -moz-user-select: none; /* Old versions of Firefox */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.newPriceCell::-webkit-outer-spin-button,
.newPriceCell::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.newPriceCell {
-moz-appearance: textfield;
}