body{
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */

    cursor: default;              /* show always same cursor */
}

.nav ul {
  padding: 0px;
  margin: 20px -30px 0px 0px;
  position: relative;
  z-index: 100;
  top: 93;
  left: 0px;
  width: max-content;
  text-align: left;
}

.nav {
height: 76px;
 float: left;
text-align: center;
}

.nav ul li {
  list-style-type: none;
}

.nav ul li:hover {
  background-color: rgb(205,230,247);
}
.nav ul li a{
  padding: 6px 10px 6px;
  text-decoration: none;
  color: inherit;
  display: block;
}
.nav ul li{
  display: none;
  position: relative;
  z-index: 100;
  width: 100%;
}

.nav ul:hover li,
  .nav a:hover ~ ul li{
  display: block;
}

.nav a:after{
display: none;
}

.nav ul:hover,
  .nav a:hover ~ ul{
  border-style: outset;
  
background-color: #FAFAFA;
}

.nav ul {
  border-style: none;
border-width: 2px;
border-color: #FAFAFA;

}

a, a:hover, a:focus, a:active {
  text-decoration: none;
  color: inherit;
  cursor: default;    
}

.nav h1,
.nav > a{
  display: block;
  min-width: 35px;
  font-size: 14px;
  text-align: center;
  padding: 0px 19px 0px 19px;
  margin: 0px 0px -22px 0px;
  height: 75px;

}

nav a:hover{
background-color: rgb(205,230,247);
}

.nav .desc{
  position: relative;
  top: -32px;
}

.nav_icon{
  display: inline-block;
  height: 75px;
}

.nav_icon::before{
  content: ' ';
  width: 24px;
  height: 24px;
  background-image: url("/style/action_toobar3/png");
  background-size: 198px;
  display: block;
  position: relative;
top: 10px;

}

.nav_sub .nav_icon::after{
  content: ' ';
  width: 24px;
  height: 8px;
  background-image: url("/style/action_toobar3/png");
  background-size: 198px;
  display: block;
  background-position-x: 71px;
  background-position-y: 48px;
  margin-top: 44px;
}



.plugin_list .nav_icon::before{
  background-position-x: 112px;
background-position-y: 101px;
}

.nav.plugin_navigation::before{
  background-position-x: 72px;
  background-position-y: 54px;
  left: 55px;
  transform: rotate(90deg);}

  .plugin_action .nav_icon::before{

  background-position-x: 73px;
  background-position-y: 102px;
}

.nav_group{
  float: left;
  
  border-color: rgb(238,238,238);
  border-left-width: 2px;
  border-left-style: solid;
}

.nav_naming::before{
  content: ' ';
  display: block;
  clear: both;
  width: 0px;
  height: 0px;
}

.nav_naming{
  width: inherit;
  text-align: center;
  padding: 2px;
}

.plugin_name,
.plugin_error {
  display: none;
}

.option {
  display: flex;
  width: 100%;
}

div ul{
  margin: 0px;
}

ul {
  counter-reset: list-number;    
}
li{
  display: block;
}
ul .option:before {
  counter-increment: list-number;
  content: counter(list-number);
  display: block;
  padding: 4px 4px 0px 30px;
width: 20px;
}

#plugin_settings{
  padding-left: 0px;
}

.edit ,
#plugin_settings > li:hover .option:not(.edit)  {
  _background-image: url("/style/action/png");
  _background-size: 16px;
  _background-blend-mode: overlay;
  background-color:#EAEAEA6B;
}

.edit [contenteditable="true"]{
border-style: solid;
background-color: white;
padding: 2px;
border-color: gray;
border-width: thin;
display: inline-block;
width: 100%;
}

.edit .option_label::before{
    display: block;
    width: 10px;
    height: 10px;
}
.option_label{
    display: none;
  }
  
.edit .option_label {
  display: inline-block;
  width: 106px;
}
.edit .option_value {
  width: 100%;
}

.option_setting {
  display: table-cell;
  width: 70vw;
}

.option_control {
  width: 100px;
  display: none;
  position: relative;
  top: 12px;
  left: 12px;
}

.option_Toggle{
  display: block;
  height: 16px;
}

.option_exp,
.option_msg {
  display: none;
}

.edit .option_control,
li:hover .option_control {
  display: block;
}

.edit .option_new,
.edit .option_del {
display: none;
  }
  
  
.option_control div {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("/style/action_toobar3/png");
  background-size: 198px;
}

.option_editToggle {
  background-position-y: -7px;
  background-position-x: 71px;

}

.edit .option_editToggle {
  background-position-y: -7px;
  background-position-x: 111px;
}

.edit .option_discard {
    background-position-y: -7px;
    background-position-x: 150px;
    display: inline-block !important;
  }

  .option_discard {
    display: none !important;
  }

   
  
.option_new {
  background-position-y: -77px;
  background-position-x: 151px;
}

.option_del {
    background-position-y: -114px;
    background-position-x: 32px;
}