body{
  background-color: black;
}

#container-3d
{
    display: flex;
    width: 1590px;
    --width: 1700px;
    height: 660px;
    border: 0px solid black;
    --background-color: #000051;
    --flex-direction: column;
}

#container-action
{
  width:1570px; 
  height:77px;              /* 1 + 75 + 1 */
  display: flex;
}

.container-icon
{
  width: 102px;             /* 1 + 100 + 1 */ 
  height: 100%;
    --overflow-y: auto;
  text-align: center;
    --vertical-align: middle;
    --padding: 0px;
    --margin: 0px;
    --background-color: yellow;
    --border: 1px solid black;
}

#pdf_canvas{
    background-color: grey;
}

.test
{
    --padding: 0px;
    --margin: 0px;
    background-color: rgb(0,120,255);
    --background-color: yellow;
    --border: 1px solid black;
    width: 100PX;
    height: 100px;
    --background: -webkit-linear-gradient(rgb(0,76,161),rgb(0,120,255),rgb(0,63,135)); /* For Safari 5.1 to 6.0 */
    --background: -o-linear-gradient(rgb(0,76,161),rgb(0,120,255),rgb(0,63,135)); /* For Opera 11.1 to 12.0 */
    --background: -moz-linear-gradient(rgb(0,76,161),rgb(0,120,255),rgb(0,63,135)); /* For Firefox 3.6 to 15 */
    --background: linear-gradient(rgb(0,76,161),rgb(0,120,255),rgb(0,63,135)); /* Standard syntax (must be last) */
}

.vcenter
{
    display: block;
    height: 100px;
    padding: 0px;
    margin: 0px;
    line-height: 100px;
    white-space: nowrap;
    --padding-left: 15px;
    --padding-right: 15px;
    --background: -webkit-linear-gradient(rgb(0,76,161),rgb(0,120,255),rgb(0,63,135)); /* For Safari 5.1 to 6.0 */
    --background: -o-linear-gradient(rgb(0,76,161),rgb(0,120,255),rgb(0,63,135)); /* For Opera 11.1 to 12.0 */
    --background: -moz-linear-gradient(rgb(0,76,161),rgb(0,120,255),rgb(0,63,135)); /* For Firefox 3.6 to 15 */
    --background: linear-gradient(rgb(0,76,161),rgb(0,120,255),rgb(0,63,135)); /* Standard syntax (must be last) */
    --color: white;
    text-decoration: none;
    font-size: 1.3em;
    text-align: center;
}


.button {
    background-color: rgb(0,120,255);
    color: white;
    position: relative;
    border: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    --min-width: 500px;
}

.button2{
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;

  text-decoration: none;
  color: initial;

  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  border: 1px solid white;
  border-radius: 30px;
  margin: 5px;
  background-color: black;
  color: white;
  cursor: pointer;
  text-align: center;
  --animation-name: appearButton;
  --animation-duration: 0.5s;
}

.overlay .button2:hover {
  --background: white;
  --color: black;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  height: 50px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  background-color: white;
  display: none;
  overflow: hidden;
}

.action{
    width: 75px;
    height: 75px;
    --border: 1px solid black;
    --cursor: pointer;
}

#action-form{
  display: flex;
  --width: 154px;
  --height: 77px;
  --border: 1px solid black;
    --padding: 0px;
  --margin: none;
}

.create{
    --width: 100px;
    --height: 100px;
    --cursor: pointer;
    --border: 1px solid black;
    --background-origin : border-box;
}

.texture{
    --width: 100px;
    --height: 100px;
    cursor: pointer;
    --border: 1px solid black;
    --background-origin : border-box;
}

.up_down{
    background-color: white;
    --width: 100px;
    --height: 20px;
    --border: 1px solid black;
    --cursor: pointer;
}

.up_down:hover, .texture:hover{
    --background-origin : border-box;
    border: 1px solid black;
    cursor: pointer;
}

#patternViewer{
  --width: 100px;
  --height: 100%;
  --overflow: auto;
}

#pageViewer{
  width: 475px;
  height: 322px;
  overflow: auto;
}