/* Style - www.netbax.net © January 2025 - Autor by Chris Bax - net@netbax.net */

body {
background-color:#000;
width: 100%; 
height:100%;
margin:0px;
padding:0px;
font-family:"Heebo",sans-serif;
font-size:1rem;
font-weight:400;
color:#fff;
-webkit-tap-highlight-color:rgba(0,0,0,0)}
*,*::before,*::after{box-sizing:border-box}


* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;

}

::-webkit-selection { 
  color: #fff;
  background: #c00;
}

::-moz-selection { 
  color: #fff;
  background: #c00;
}

::selection {
 color: #fff;
  background: #c00;
}







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

.checkbox {
     color: transparent;
     background: url('../../images/checkbox.png') -40px 0 no-repeat;
     border-radius: 14px;
     box-shadow: 0 1px 2px #888, 0 0px 3px #777, inset 0 -1px 5px #333;
     display: inline-block;
     position: relative;
     text-indent: 100%;
     width: 65px;
     height: 29px;
     -webkit-transition: background-position .3s ease;
     -moz-transition: background-position .3s ease;
     cursor: pointer;
     font-size: .01em;}

.check[type=checkbox] {
     display: none;}

.checkbox span {
     background: url('../../images/checkbox.png') -1px -30px no-repeat;
     border: 0px solid transparent;
     border-radius: 14px;
     box-shadow: 0 1px 3px #000, 0 2px 13px #000;
     content: "";
     display: block;
     position: absolute;
     top: 0px;
     left: -1px;
     width: 28px;
     height: 28px;
     -webkit-transition: left .3s ease;
     -moz-transition: left .3s ease;}

.check[type=checkbox]:checked + label {
     background-position: 0 0;}

.check[type=checkbox]:checked + label span {
     left: 40px;}















.flex{display:flex;overflow:none;}

.sidebar1{
height:100%;
width:36%;
background-color:#000;
position:fixed!important;
overflow:auto;
border-radius:0px;
box-shadow:1px 1px .5em #000 inset;
left:0px;
z-index:5;
padding:5px;}

.sidebar2{
height:100%;
width:55%;
background-color:#000;
  background-image: url(../../images/transparent.png);
position:fixed!important;
overflow-x:none;
border-radius:0px;
box-shadow:1px 1px .5em #000 inset;
right:115px;
z-index:5;}

.sidebar3{
height:530px;
width:13%;
background-color:#000;
position:fixed!important;
overflow:auto;
border-radius:0px;
box-shadow:1px 1px .5em #000 inset;
right:0px;
z-index:5;
padding:5px;
margin:0px;}













   






























.button5 {
font-size: 15px;
  min-width: 25px;
  height: 30px;


  font-weight: normal;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 2px;
  z-index: 0;
background: #008000;
  overflow: hidden;
  border: 1px solid #008000;
  color: #fff;

}
.button5:hover {
  color: #fff;
border-color: #555;
}
.button5:hover:after {
  width: 100%;
}
.button5:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
background: #777;
}











.button55 {
font-size: 15px;
  min-width: 25px;
  height: 30px;


  font-weight: normal;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  outline: none;
  border-radius: 2px;
  z-index: 0;
background: #ff3800;
  overflow: hidden;
  border: 1px solid #ff3800;
  color: #fff;

}
.button55:hover {
  color: #fff;
border-color: #555;
}
.button55:hover:after {
  width: 100%;
}
.button55:after {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s ease;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
background: #777;
}



























.lock1{
position:fixed;
top:4px;
  background: #000;

}







.lock{
position:fixed;
top:4px;
right:19px;
border:none;
outline:none;
}


.select {
width:40%;
color:#fff;
position: relative;
  height: 28px;
  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: baseline;
  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;
}





.center{text-align:center;}






.put2 {
background-color: #c00;
  padding: 27px 15px;
border-radius:4px 0px 0px 4px;
  color: #fff;
}
.put1 {
background-color: #c00;
  padding: 7px 15px;
border-radius:4px 0px 0px 4px;
  color: #fff;
}

.put {
background-color: #c00;
  padding: 17px 15px;
border-radius:4px 0px 0px 4px;
  color: #fff;
}


.input6{


width:367px;
height:30px;

display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #222;
box-shadow:1px 1px .5em #000 inset;
border-radius:0px 4px 4px 0px;

border-right:1px solid #555;
border-top:1px solid #555;
border-left:0px solid #555;
border-bottom:1px solid #555;
}

.input6:hover {
    background-color: #222;
border-right:4px solid #ff4500;
}

.input8{


width:348px;
height:70px;

  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #222;
box-shadow:1px 1px .5em #000 inset;
border-radius:0px 4px 4px 0px;

border-right:1px solid #555;
border-top:1px solid #555;
border-left:0px solid #555;
border-bottom:1px solid #555;
display: inline-block;

}

.input8:hover {
background-color: #222;
border-right:4px solid #ff4500;
}


.input9{


width:385px;
height:30px;

display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #222;
box-shadow:1px 1px .5em #000 inset;
border-radius:0px 4px 4px 0px;

border-right:1px solid #555;
border-top:1px solid #555;
border-left:0px solid #555;
border-bottom:1px solid #555;
}

.input9:hover {
background-color: #222;
border-right:4px solid #ff4500;
}
.input10{


width:343px;
height:30px;

display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #222;
box-shadow:1px 1px .5em #000 inset;
border-radius:0px 4px 4px 0px;

border-right:1px solid #555;
border-top:1px solid #555;
border-left:0px solid #555;
border-bottom:1px solid #555;
}

.input10:hover {
background-color: #222;
border-right:4px solid #ff4500;
}
.input11{


width:305px;
height:30px;

display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #222;
box-shadow:1px 1px .5em #000 inset;
border-radius:0px 4px 4px 0px;

border-right:1px solid #555;
border-top:1px solid #555;
border-left:0px solid #555;
border-bottom:1px solid #555;
}

.input11:hover {
background-color: #222;
border-right:4px solid #ff4500;
}
.input12{


width:326px;
height:30px;

display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #222;
box-shadow:1px 1px .5em #000 inset;
border-radius:0px 4px 4px 0px;

border-right:1px solid #555;
border-top:1px solid #555;
border-left:0px solid #555;
border-bottom:1px solid #555;
}

.input12:hover {
background-color: #222;
border-right:4px solid #ff4500;
}
.input13{


width:323px;
height:30px;

display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #222;
box-shadow:1px 1px .5em #000 inset;
border-radius:0px 4px 4px 0px;

border-right:1px solid #555;
border-top:1px solid #555;
border-left:0px solid #555;
border-bottom:1px solid #555;
}

.input13:hover {
background-color: #222;
border-right:4px solid #ff4500;
}
.input14{


width:304px;
height:30px;

display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #222;
box-shadow:1px 1px .5em #000 inset;
border-radius:0px 4px 4px 0px;

border-right:1px solid #555;
border-top:1px solid #555;
border-left:0px solid #555;
border-bottom:1px solid #555;
}

.input14:hover {
background-color: #222;
border-right:4px solid #ff4500;
}


.input19{


width:345px;
height:50px;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #222;
box-shadow:1px 1px .5em #000 inset;
border-radius:0px 0px 0px 0px;

border-right:1px solid #555;
border-top:1px solid #555;
border-left:0px solid #555;
border-bottom:1px solid #555;
}

.input19:hover {
background-color: #222;
border-right:4px solid #ff4500;
}


.input20{


width:300px;
height:70px;
display: inline-block;
  vertical-align: middle;
  font-size: 14px;
color:#fff;
background-color: #222;
box-shadow:1px 1px .5em #000 inset;
border-radius:0px 0px 0px 0px;

border-right:1px solid #555;
border-top:1px solid #555;
border-left:0px solid #555;
border-bottom:1px solid #555;
}

.input20:hover {
background-color: #222;
border-right:4px solid #ff4500;
}

.textarea1 {
  width: 650px;
  height: 400px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 4px;
background-color:#000;
 background-image: url("../../images/1.png");
  font-size: 14px;
  resize: none;
color:#fff;
display: inline-block;
overflow: auto;
box-shadow:1px 1px .5em #fff inset;
}

.put {
background-color: #c00;
  padding: 17px 15px;
border-radius:4px 0px 0px 4px;
  color: #fff;
}

.input4{

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

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

.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);}

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

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

}

.put4 {border:none;
background-color: #c00;
  padding: 17px 0px;
border-radius:0px 4px 4px 0px;
  color: #fff;
text-align:center;
}


.put5 {border:none;
background-color: #c00;
  padding: 27px 0px;
border-radius:0px 4px 4px 0px;
  color: #fff;
text-align:center;
}


.nav69 {  margin: 0px 0;}

.nav69 {  padding: 8px;  background-clip: padding-box;  border: 1px solid;  border-color: #070809 #0d0e0f #131517;  border-color: rgba(0, 0, 0, 0.8) rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.5);  border-radius: 3px;  display: inline-block;  vertical-align: baseline;  zoom: 1;  *display: inline;  *vertical-align: auto;    background:#222; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0));  -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.05);  box-shadow: 0 1px rgba(255, 255, 255, 0.05);}

.nav69  a {  float: left;  margin-left: 5px;  padding: 0 9px;  min-width: 17px;  line-height: 27px;  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  font-size: 12px;  font-weight: 500;  color: #d4d4d4;  text-align: center;  text-decoration: none;  border: 1px solid black;  border-radius: 3px;}

.nav69 :first-child {  margin-left: 0;}

.nav69  a {  text-decoration: none;  text-shadow: 0 1px black;  background-clip: padding-box;  border-color: rgba(0, 0, 0, 0.9);  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1);  -webkit-transition: 0.1s ease-out;  -moz-transition: 0.1s ease-out;  -o-transition: 0.1s ease-out;  transition: 0.1s ease-out;}

.nav69  a:hover {  background-color: #333;  background-color: rgba(255, 255, 255, 0.05);}

.nav69 a:active {  color: #eee;  text-shadow: 0 -1px black;  background: #1c1c1c;  background: rgba(255, 255, 255, 0.01);  border-color: black rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.6);  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);  box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);}