input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}



.hidestift {
    opacity: 0;
    max-height: 0;
    transition: 0.5s;
    overflow: hidden;
    margin-top: -40px;
    z-index: -1;
}

.showstift {
    opacity: 1;
    height: 62px;
    max-height: 100px;
    overflow: visible;
    transition: 0.5s;
    margin-top: 0px;
    position: relative;
}

.buttons{
    position: relative;
    /*z-index: 10;*/
}

input[type=text], input[type=number], input[type=submit], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
  outline: none;
    z-index: -1;
}
 
input[type=text]:focus, input[type=number]:focus, input[type=submit]:focus, textarea:focus {
  box-shadow: 0 0 7px rgba(255, 255, 255, 1) !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  z-index: -1;
}
input[type=text].colorRed:focus, input[type=number].colorRed:focus, input[type=submit].colorRed:focus, textarea.colorRed:focus {
    box-shadow: 0 0 7px rgba(255, 0, 0, 1) !important;
    border: 1px solid rgba(255, 0, 0, 1) !important;
    z-index: -1;
}

input:invalid {
    box-shadow: none;
}
:not(output):-moz-ui-invalid {
    box-shadow: none;
}

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.tekst.element22{
    display: none;
}
.buttons.element23{
    display: none;
}


.hasFocus{
  box-shadow: 0 0 7px rgba(255, 255, 255, 1) !important;;
  border: 1px solid rgba(255, 255, 255, 1) !important;
    -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
}

.colorRed{
    box-shadow: 0 0 7px rgba(255, 0, 0, 1) !important;;
    border: 1px solid rgba(255, 0, 0, 1) !important;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

input[type=radio], input[type=checkbox] {
display: block;
opacity: 0;
width: 0;
height: 0;
position:absolute;
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label {
border: 1px solid rgba(0,0,0,0);
vertical-align: top;
}
input[type=radio] + label, input[type=checkbox] + label {
border: 1px solid rgba(0,0,0,0);
vertical-align: top;
}

.tzSelect .dropDown{
    z-index:100;    
}

.hasFocus.nolineleft{
    border-left: 1px solid rgba(0,0,0,1) !important;
}
.hasFocus.nolineright{
    border-right: 1px solid rgba(0,0,0,1) !important;
}
.hasFocus.nolinemiddle{
    border-right: 1px solid rgba(0,0,0,1) !important;
    border-right: 1px solid rgba(0,0,0,1) !important;
}

.colorWhite{
  color: #ffffff !important;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
}

.tzSelect .selectBox, .tzSelect10 .selectBox, .tzSelectToets .selectBox,  .tzSelectOmwonden .selectBox,  .tzSelectOog .selectBox{
    border: 1px solid rgba(0,0,0,0);
}

.element100bx{
    outline:none;
}/*extra css 26-07-2016 */.element101c, .element101d{	height:42px !important;	margin-top:1px !important;} #diktematenmetpijlen{	margin-top:29px !important;	background-position: 0px 42px !important;}#lengtefransoog{	margin-top:-1px;}#aanhangstiftdikte{	margin-top:-1px;}.buttons.element8{	float: right !important;    margin-right: 4px !important;	width: auto !important;}.tekst.element7{	width:auto !important;	clear: both;}.buttons.element17{	float: right !important;    margin-right: 4px !important;	width: auto !important;}.tekst.element16{	width:auto !important;	clear: both;}.buttons.element23{	float: right !important;    margin-right: 4px !important;	width: auto !important;}.tekst.element22{	width:auto !important;	clear: both;}.buttons.element29{	float: right !important;    margin-right: 4px !important;	width: auto !important;}.tekst.element28{	width:auto !important;	clear: both;}.buttons.element35{	float: right !important;    margin-right: 4px !important;	width: auto !important;}.tekst.element34{	width:auto !important;	clear: both;}.buttons.element39x{	float: right !important;    margin-right: 4px !important;	width: auto !important;}.tekst.element39{	width:auto !important;	clear: both;}.buttons.element100ax{	float: right !important;    margin-right: 4px !important;	width: auto !important;}.tekst.element100a{	width:auto !important;	clear: both;}/* specifieke aangepaste css voor engelse versie */#lengtefransoog{	background-position: 30px 0px !important;}.element50b{	margin-left: 97px !important;}.element70b{	margin-left: 12px !important;    margin-top: 18px !important;	width: 52px !important;}.element60b{	margin-left: 8px !important;    margin-top: 13px !important;}.element80b{	margin-left:21px;}#diktematenmetpijlen label:nth-child(2){	margin-left: 25px !important;}.tzSelect10{	margin-right:3px !important;}#lengteafwerkingStempen{	background-position: 248px 30px !important;	width: 375px !important; margin-left: 11px !important;}#lengteafwerkingStempen p{	margin-left: 33px;}#lengteafwerkingKam{	margin-left: 59px !important;	background-position: 200px 0px !important;}

/*scrollbar*/
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #141414 #666;
  }
  
  /* Works on Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }
  
  *::-webkit-scrollbar-track {
    background: #141414;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: #666;
    border-radius: 4px;
    border: 2px solid #141414;
  }

  input {
    -webkit-user-select: text !important; /* Chrome, Opera, Safari */
    -moz-user-select: text !important; /* Firefox 2+ */
    -ms-user-select: text !important; /* IE 10+ */
    user-select: text !important; /* Standard syntax */
}