/*CrossCompat by SpleefDinamix
  Company: ©TheFreelancersBG
    All rights reserved*/ 

/*Range input*/
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 3.75px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5.5px;
  cursor: pointer;
  box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d;
  background: #000a00;
  border-radius: 25px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(13, 13, 13, 0.05);
  border: 1.8px solid rgba(0, 0, 30, 0);
  height: 13px;
  width: 12px;
  border-radius: 15px;
  background: #0d960d;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.75px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #000a00;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5.5px;
  cursor: pointer;
  box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d;
  background: #000a00;
  border-radius: 25px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(13, 13, 13, 0.05);
  border: 1.8px solid rgba(0, 0, 30, 0);
  height: 13px;
  width: 12px;
  border-radius: 15px;
  background: #0d960d;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5.5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #000a00;
  border: 0px solid #010101;
  border-radius: 50px;
  box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #000a00;
  border: 0px solid #010101;
  border-radius: 50px;
  box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(13, 13, 13, 0.05);
  border: 1.8px solid rgba(0, 0, 30, 0);
  height: 13px;
  width: 12px;
  border-radius: 15px;
  background: #0d960d;
  cursor: pointer;
  height: 5.5px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #000a00;
}
input[type=range]:focus::-ms-fill-upper {
  background: #000a00;
}
/*End of Range input*/


/*Simular Input Paramiters*/
/*Checkbox,Button,Textbox,ValueBox*/
input[type=checkbox],input[type=text],input[type=value],button{
  color: #34F35D;
  border:solid 3px transparent;
  border-radius : 3px;
  padding : 4px;
  margin: 1px;
  background-color:  #030303;
  background-image: repeating-radial-gradient(ellipse farthest-corner at center center , rgb(26, 24, 24) 0%,#030303 100%);
}

/*Checkbox Input*/
input[type=checkbox]{
    position: relative;
    top:6.5px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width:40px;
    height: 20px;
    border-radius: 35%;
    outline: 0;
}
input[type=checkbox]::after{
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -1px;
    background-color: crimson;
    border-radius: 100%;
    position: absolute;
    left: 5px;
    transition:  left 0.09s ease-in-out;
}
input[type=checkbox]:checked::after{
    left:20px;
    background-color: forestgreen;
}


/*Text+Value Input*/
input[type=text],input[type=value]{
  cursor: auto;
  border: 1px solid rgba(34, 139, 34, 0.3);
  border-radius: 0px;
} 


/*Checkbox + Buttons*/
input[type=checkbox],button{
  cursor: pointer;
}
/*End CHB*/


/*Button Style*/
button:active{
  background-image: none;
  background-color:#57b13b; 
  color: whitesmoke;
  border:2px solid #0D0D16;
}
/*End Button*/