body {
background-color: #fff;
  padding: 10px;
  margin: 0px;
}



#page{
position:absolute;
background-color: #fff;
left:350px!important;
right:10px!important;
z-index:1;
}



.x-bar{position:fixed;top:0px;left:0px;z-index:40;}








.drop {
  position: absolute;
z-index:9999;
  width: 0px;
  height: 0px;
  background: transparent;
  border: none;
  cursor:move;}

.drop > img {

  width:0%;
  height:auto;}

.row9{display:initial-block;}



.input{
text-decoration: none;
width:24%;
height:34px;
font-family:tahoma;
font-size:17px;
color:#000;
background-color: #fff;
border:none;
border:1px solid #ddd;

}


.input::placeholder {
font-size:17px;
  color: #000;
  opacity: 1;
text-transform:capitalize;}

.input1{
text-decoration: none;
width:97%;
height:34px;
font-family:tahoma;
font-size:20px;
color:#000;
background-color: #fff;
border:none;
border:1px solid #ddd;

}

.input1::placeholder {
font-size:17px;
  color: #000;
  opacity: 1;
text-transform:capitalize;}

textarea::placeholder {
font-size:17px;
  color: #000;
  opacity: 1;
text-transform:capitalize;}

.textarea{
background-color: #fff;
font-family:tahoma;
font-size:17px;
color: #000;
overflow: hidden;
outline:none;
width:200px;
height:300px;
border:1px solid #ddd;
}

.textarea1{
background-color: #fff;
box-sizing: border-box;
font-family:tahoma;
font-size:17px;
color: #000;
overflow: hidden;
resize: both;
outline:none;
width:500px;
height:300px;
border:1px solid #ddd;
}


.textarea2{
background-color: #fff;
box-sizing: border-box;
font-family:tahoma;
font-size:17px;
color: #000;
overflow: hidden;
resize: both;
outline:none;
width:200px;
height:300px;
border:1px solid #ddd;
}

.textarea3{
background-color: #fff;
box-sizing: border-box;
font-family:tahoma;
font-size:17px;
color: #000;
overflow: hidden;
resize: both;
outline:none;
width:200px;
height:300px;
border:1px solid #ddd;
}

.textarea4{
background-color: #fff;
box-sizing: border-box;
font-family:tahoma;
font-size:17px;
color: #000;
overflow: hidden;
resize: both;
outline:none;
width:701px;
height:300px;
border:1px solid #ddd;
}

.textarea5{
background-color: #fff;
box-sizing: border-box;
font-family:tahoma;
font-size:17px;
color: #000;
overflow: hidden;
resize: both;
outline:none;
width:900px;
height:100px;
border:1px solid #ddd;
}

.wrap {
    position: relative;
    display: flex;
}





.top{position:absolute;
top:10px;
left:20px;}

.top1{position:absolute;
top:10px;
left:330px;}

.top2{position:absolute;
top:10px;
right:340px;}

.top3{position:absolute;
top:10px;
right:20px;}


.vishi {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.input4{
width:200px;
height:35px;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background: radial-gradient(circle at -1% 57.5%, rgb(19, 170, 82) 0%, rgb(0, 102, 43) 90%);
background-image: url(../images/up1.png);
border-radius:2px 2px 2px 2px;
border:0px;
 cursor:pointer;
}

.input4:hover {  
background: radial-gradient(circle at -1% 57.5%, rgb(0, 102, 43) 0%, rgb(19, 170, 82) 90%);
background-image: url(../images/up2.png);
border-right:4px solid #008000;
color:#fff;
border:0px;
}

.input5{
width:200px;
height:35px;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background: radial-gradient(circle at -1% 57.5%, rgb(19, 170, 82) 0%, rgb(0, 102, 43) 90%);
background-image: url(../images/up3.png);
border-radius:2px 2px 2px 2px;
border:0px;
 cursor:pointer;
}

.input5:hover {  
background: radial-gradient(circle at -1% 57.5%, rgb(0, 102, 43) 0%, rgb(19, 170, 82) 90%);
background-image: url(../images/up4.png);
border-right:4px solid #008000;
color:#fff;
border:0px;
}

.input6{
width:200px;
height:35px;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background: radial-gradient(circle at -1% 57.5%, rgb(19, 170, 82) 0%, rgb(0, 102, 43) 90%);
background-image: url(../images/up5.png);
border-radius:2px 2px 2px 2px;
border:0px;
 cursor:pointer;
}

.input6:hover {  
background: radial-gradient(circle at -1% 57.5%, rgb(0, 102, 43) 0%, rgb(19, 170, 82) 90%);
background-image: url(../images/up6.png);
border-right:4px solid #008000;
color:#fff;
border:0px;
}

.input7{
width:200px;
height:35px;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background: radial-gradient(circle at -1% 57.5%, rgb(19, 170, 82) 0%, rgb(0, 102, 43) 90%);
background-image: url(../images/up7.png);
border-radius:2px 2px 2px 2px;
border:0px;
 cursor:pointer;
}

.input7:hover {  
background: radial-gradient(circle at -1% 57.5%, rgb(0, 102, 43) 0%, rgb(19, 170, 82) 90%);
background-image: url(../images/up8.png);
border-right:4px solid #008000;
color:#fff;
border:0px;
}





#baxnet ul {
position: fixed;
    width: 100%;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background-color: #222;
box-shadow: inset 5px 5px 5px 5px rgba(0,0,0,0.4);
border-radius:0px;
z-index:20;
}

#baxnet ul li {
  float: left;
}

#baxnet ul li a {
font-family:"Heebo",sans-serif;
font-size:14px;
font-weight:700;
  display: block;
  color: #fff;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;

}

#baxnet ul li a:hover {
background-color: #ff7e00;

}

#baxnet li.baxnet1 a {
display: inline;
float: left;
margin: 0px;
background-color: #ff3800;

}

#baxnet li.baxnet1 a:hover {
display: inline;
float: left;
margin: 0px;
background-color: #ff3800;

}


input,
output {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-family: Arial, sans-serif;
}

output {
background: #c00;
padding: 7px 15px;
color: #fff;
border-radius:4px 4px 4px 4px;
border:none;

}

.out {
    background-color: #777;
  padding: 7px 10px;
border-radius:4px 0px 0px 4px;


  color: #fff;
}

.form-group{
margin-bottom:10px;
}

.input11{


width:10%;
height:30px;
cursor: pointer;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
 background-color: #777;
border-radius:0px 4px 4px 0px;

border:0px;
}

.input11:hover {
    background-color: #555;
border-right:4px solid #c00;
}

.oup3 {
background: #222;
  padding: 7px 15px;
margin-left:0px;
  color: #fff;
border-radius:4px 0px 0px 4px;
border:none;
box-shadow: inset 5px 5px 5px 5px rgba(0,0,0,0.4);}


.select {

color:#fff;
position: relative;
    padding: 0px 4px;
  background: #363d47;
font-size:14px;
cursor: pointer;
  border: 1px solid;
  border-color: #272c33 #242930 #22272d;
border-radius:0px 4px 4px 0px;
  display: inline-block;
  vertical-align: auto;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  background-image: -webkit-linear-gradient(top, #4a5361, #363d47);
  background-image: -moz-linear-gradient(top, #4a5361, #363d47);
  background-image: -o-linear-gradient(top, #4a5361, #363d47);
  background-image: linear-gradient(to bottom, #4a5361, #363d47);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.15);}

.select:hover{
  background-color: gray;
}

.input44{

margin-left:-4px;
width:12%;
height:30px;
cursor: pointer;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #555;
border-radius:0px;
border:0px;
}

.input44:hover {
    background-color: #777;
}

input[type="range"] {
  -webkit-appearance: none;
  margin-right: 15px;
  width: 150px;
  height: 7px;
  background: rgba(000, 000, 000, 0.6);
  border-radius: 5px;
  background-image: linear-gradient(#c00, #ff4500);
  background-size: 70% 100%;
  background-repeat: no-repeat;
}


[dir="rtl"] input[type="range"] {
  background: #ff4500;
  background-image: linear-gradient(#fff, #fff);
  background-size: 30% 100%;
  background-repeat: no-repeat;
}

/* Input Thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ff4500;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
}

input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ff4500;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
}

input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ff4500;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb:hover {
  background: #ff0200;
}

input[type="range"]::-moz-range-thumb:hover {
  background: #ff0200;
}

input[type="range"]::-ms-thumb:hover {
  background: #ff0200;
}

/* Input Track */
input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

input[type=range]::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

input[type="range"]::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.button4 {
  display: inline-block;

}

.button4 a {

  float: left;
  padding: 4px 10px;
  text-decoration: none;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
transform: scale(1.05);
  
  background-image: linear-gradient( /* chrome */
    hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%,
    hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2)
  );

}



.button4 a:first-child {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  border: 1px solid #555;
}

.button4 a:last-child {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  border: 1px solid #555;
}

.xblack{background-color:#000;
border: 1px solid #000;}

.xwhite{background-color:#ccc;
border: 1px solid #ccc;}

.xred{background-color:#ff0000;
border: 1px solid #ff0000;}

.xorange{background-color:#FFAE00;
border: 1px solid #FFAE00;
}



.xblue{background-color:#007FFF;
border: 1px solid #007FFF;}

.xcoral{background-color:#ff9966;
border: 1px solid #ff9966;}

.xgreen{background-color:#008000;
border: 1px solid #008000;}

.air-force-blue{background-color:#5d8aa8;
border: 1px solid #5d8aa8;}

.aurometalsaurus{background-color:#6e7f80;
border: 1px solid #6e7f80;}

.beaver{background-color:#9f8170;
border: 1px solid #9f8170;}

.electric-green{background-color:#0f0;
border: 1px solid #0f0;}

.purple{background-color:#966fd6;
border: 1px solid #966fd6;}

.input33{
width:200px;
height:30px;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-image: url("../images/x7.png");
border-radius:0px 2px 2px 0px;
border:none;
 cursor:pointer;
}

.input33:hover {
background-image: url("../images/x8.png");
border-right:4px solid #ff4500;
color:#fff;
}

.oup {
background: #ff3800;
  padding: 7px 8px;
border-radius:0px;
margin-left:5px;
  color: #fff;
border-radius:2px 0px 0px 2px;
}