body {
  font-family: Arial, Helvetica, sans-serif;
}

* {
  box-sizing: border-box;
}

table {
  font-size: 1em;
}

.ui-draggable, .ui-droppable {
  background-position: top;
}

.hidden-fields {
  display: none;
}

#script-name {
  display: none;
}

.drupal-header {
  background-color: aquamarine;
}

#mol-header {
  width: 100%;
  height: 10vh;
}

.drupal-content-container {
  background-color: rgb(127, 214, 255);
  display: flex;
  flex-direction: row;
  z-index: 1;
}

#mol-content-container {
  width: 100%;
  height: 80vh;
}

.drupal-nav {
  width: 300px;
  background-color: rgb(148, 255, 127);
}

#ngl_viewport {
  height: 80vh;
  width: 80%;
  background-color: rgb(15, 15, 15);
  z-index: 1;
}

#mol-content {
  position: relative;
  z-index: 1;
  background-color: white;
  color: black;
  padding: 2px;
  height: 30vh;
  width: 100%;
  font-family: sans-serif;
  font-size: 0.7em;
}

.drupal-footer {
  width: 100%;
  background-color: rgb(255, 127, 227);
}

#mol-footer {
  height: 10vh;
}

.marjen-theme {
  position: absolute;
  /* background-color:#007FFF; */
  /* color: white;  */
  color: #202020;
  padding: 5px;
  margin: 5px;
}

.theme-button button {
  position: absolute;
  z-index: 1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1 em;
  cursor: pointer;
  background-color: #F6F6F6;
}

.theme-button button:active {
  position: absolute;
  z-index: 1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1 em;
  cursor: pointer;
  background-color: #007FFF;
}

#mol-control-panel {
  position: fixed;
  z-index: 150000;
  /* top: 140px;
  left: 140px; */
  width: 300px;
  height: 450px;
  /* cursor: move; */
  background-color: #f1f1f1;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #d3d3d3;
}

#mol-control-panel-handle {
  padding: 5px;
  width: 80px;
  height: 80px;
  cursor: move;
  float: left;
  background-color: #2196F3;
  color: #fff;
}

#mol-control-panel-header {
  width: 100%;
  height: 80px;
  background-color: rgba(171, 213, 247, 0.8431372549);
  color: #fff;
}

/*  #fullscreenToggle{

   position: absolute;
   right: 5px;
   bottom: 2px;
 } */
.mol-control-panel-tab {
  /* overflow: hidden; */
  /* border: 1px solid #ccc; */
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.mol-control-panel-tab button {
  /* background-color: inherit; */
  background-color: #ccc;
  width: 80px;
  height: 80px;
  float: right;
  margin-left: 5px;
  /*   border-top-style: dotted;
    border-right-style: solid;
    border-bottom-style: dotted; */
  /*  box-shadow: -10px 0px 5px rgb(211, 210, 210); */
  border: none;
  /*   
    border-left-style: solid;
    border-width:thin; */
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.mol-control-panel-tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.mol-control-panel-tab button.active {
  background-color: #f1f1f1;
}

/* Style the tab content */
.mol-control-panel-tabcontent {
  height: 280px;
  display: none;
  padding: 6px;
  /*  border: 1px solid #ccc; */
  overflow: auto;
  border-top: none;
  background-color: #f8d2d2;
}

/*  #mol-control-panel {
   position: absolute;
   z-index: 150000;
   top: 12vh;
   right: 5%;
   width:300px;
   height:460px ;

   background-color: #f1f1f1;

   border: 1px solid #d3d3d3;
   }

   #mol-control-panel-header {
     padding: 5px;
     cursor: move;
     z-index: 50;
     background-color: #2196F3;
     color: #fff;
   }
   #tabs-2a {
     display: none;
   } */
#fullscreenToggle {
  /*  position: relative;
   right: 240px;
   bottom: 2px; */
}

#tooltipToggle {
  /* position: absolute;
    right: 180px;
   bottom: 2px; */
}

/*  .drupal-tab{ 
   overflow: auto;
   height: 600px;
   text-align: center;
 } */
.labeltooltip {
  display: none;
  position: fixed;
  z-index: 10;
  pointer-events: none;
  /* background-color: rgba(0, 0, 0, 0.6 ); */
  background-color: transparent;
  color: #fffdfd;
  /* padding: 5px; */
  padding: 8px;
  font-family: sans-serif;
  font-size: 1.5em;
}

.tooltip {
  display: none;
  position: fixed;
  z-index: 10;
  pointer-events: none;
  /* background-color: rgba(0, 0, 0, 0.6 ); */
  background-color: transparent;
  color: white;
  /* padding: 5px; */
  padding: 8px;
  font-family: sans-serif;
  font-size: 1em;
}

.devtooltip {
  display: none;
  position: fixed;
  z-index: 5;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 8px;
  font-family: sans-serif;
  font-size: 1em;
}

.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
}/*# sourceMappingURL=main.css.map */