body{
  margin: 0; padding: 0;
  font-family: helvetica neue;
  font-weight: 100;
}


/*selectbox*/

#select_box_wrapper{
  position: absolute;
  width: 100%; height: 100%;
  z-index: 100;
}

#select_background{
  position: absolute;
  width: 100%; height: 100%;
  background-color: black;
  opacity: 0.7;
}

#select_container{
  position: absolute;
  top: 0px; bottom: 0px; left: 0px; right: 0px;
  margin: auto;
  width: 200px; height: 130px;
  border: solid 1px #4d4d4d;
  background-color: #f2f2f2;
}

#select_box{
  position: absolute;
  top: 0px; bottom: 0px; left: 0px; right: 0px;
  margin: auto;
  width: 150px; height: 30px;
  border: solid 1px #4d4d4d;
}

#dummy_select_box{
  position: absolute;
  width: 100%; height: 100%;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  font-weight: 300;
}

#device{
  position: absolute;
  width: 100%; height: 30px;
  zoom: 1.1;
  opacity: 0;
}
/*maincontent*/

input:focus{
  outline: none;
}

input[type=checkbox],input[type=file]{
  position: absolute;
  width: 100%; height: 100%;
  opacity: 0;
}

#content_wrapper{
  position: absolute;
  width: 100%; height: 100%;
  background-image: url("../Images/Background.jpg");
  background-size: cover;
}

.icons{
  position: absolute;
  top: 0px; left: 0px;
  width: 60px; height: 60px;
  font-size: 30px;
  text-align: center;
  line-height: 60px;
  border: solid 1px #4d4d4d;
  border-radius: 15px;
  background-color: #f2f2f2;
  color: #4d4d4d;
  opacity: 0.7;
}

.delete{
  position: absolute;
  top: -10px; left: 45px;
  width: 25px; height: 25px;
  background-image: url("../Images/delete.png");
  background-size: contain;
  display: none;
}

#buttons_container{
  position: absolute;
  width: 120px;
  right: 0px;
}

.buttons{
  position: relative;
  margin: 0px 10px 10px 10px;
  width: 40px; height: 40px;
  float: left;
}

#toggle{
  display: none;
}

#addicon{
  background-image: url("../Images/add.png");
  background-size: contain;
}

#delete{
  background-image: url("../Images/delete_button.png");
  background-size: contain;
}

#save{
  background-image: url("../Images/save.png");
  background-size: contain;
}

#upload{
  background-image: url("../Images/upload.png");
  background-size: contain;
}

#show{
  background-image: url("../Images/element.png");
  background-size: contain;
}

#grid{
  background-image: url("../Images/grid.png");
  background-size: contain;
}

/*windows*/

#show_window{
  position: absolute;
  bottom: 0px; right: 0px;
  width: 120px; height: 80px;
  font-weight: 300;
}

div#background{
width:100%; height: 100%;
background-color: white;
opacity: 0.3;
}

#position_container{
  position: absolute;
  top: 0px; bottom: 0px; left: 0px; right: 0px;
  margin: auto;
  width: 90%; height: 85%;
  border: solid 2px #4d4d4d;
  background-color: #f2f2f2;
}

#position_x{
  position: relative;
  width: 100%; height: 50%;
  text-align: center;
  line-height: 40px;
}

#position_y{
  position: relative;
  width: 100%; height: 50%;
  text-align: center;
  line-height: 20px;
}

#set_position{
  position: absolute;
  bottom: 100px; right: 0px;
  width: 120px; height: 80px;
}

#set_x{
  position: relative;
  width: 98%; height: 47%;
  background-color: #f2f2f2;
  border: 0px;
  text-align: center;
}

#set_y{
  position: relative;
  width: 98%; height: 47%;
  background-color: #f2f2f2;
  border: 0px;
  text-align: center;
}

#set_grid{
  position: absolute;
  bottom: 200px; right: 0px;
  width: 120px; height: 80px;
  display: none;
}

#grid_x{
  position: relative;
  width: 98%; height: 47%;
  background-color: #f2f2f2;
  border: 0px;
  text-align: center;
}

#grid_y{
  position: relative;
  width: 98%; height: 47%;
  background-color: #f2f2f2;
  border: 0px;
  text-align: center;
}


/* others */

#buttons_background{
  display: none;
}

/*footer*/
#footer{
  position: absolute;
  bottom: 0px;
  width: 100%; height: 50px;
}

#version{
  position: absolute;
  bottom: 0px;
  margin: 0px 0px 5px 20px;
  color: #f2f2f2;
}

#copyright{
  position: absolute;
  width: 100%;
  bottom: 0px;
  margin: 0px 0px 2px 0px;
  font-size: 12px;
  text-align: center;
  color: #f2f2f2;
}

a,a:visited{
  color: #f2f2f2;
}