/* styles for jsoWrite interface buttons, if you prefer you can add these to user.css */
/* jsoWrite/oWrite copyright 2024 Brainy Data Limited */


.jsowrite-noselect {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}


/************ standard on/off buttons and enum buttons ************/
.jsowrite-button, .jsowrite-button-on {
  text-align: center;
  align-content: center;
  overflow:hidden;
  border-radius: 5px;
}
.jsowrite-button {
  background:none;
  color:rgb(128, 128, 128);
  /* below filter paints a black svg icon in standard gray (only works if icon color is black) */
  /*filter: invert(51%) sepia(0%) saturate(0%) hue-rotate(214deg) brightness(99%) contrast(90%);*/
}
.jsowrite-button-on {
  background:rgb(218, 218, 246);
  color:rgb(128, 128, 128);
  /* below filter paints a black svg icon in white (only works if icon color is black) */
  /*filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);*/
}
.jsowrite-button:active, .jsowrite-button-on:active, .jsowrite-button:hover, .jsowrite-button-on:hover {
  background:rgb(195, 195, 224);
  color:rgb(83, 83, 83);
}



/************ popup's use standard select and option tags in code ************/
.jsowrite-button-popup, .jsowrite-button-popup-on {
  overflow:hidden;
  border:0px;
  border-radius: 5px;
  text-align: center;
  padding:0px;
}
.jsowrite-button-popup {
  background:none;
  color:rgb(128, 128, 128);
}
.jsowrite-button-popup-on {
  background:rgb(218, 218, 246);
  color:rgb(128, 128, 128);
}
.jsowrite-button-popup:active, .jsowrite-button-popup-on:active, .jsowrite-button-popup:hover, .jsowrite-button-popup-on:hover {
  background:rgb(195, 195, 224);
  color:rgb(83, 83, 83);
}








.jsowrite-button-left {
  border-left:1px solid gray;
  border-top:1px solid gray;
  border-bottom:1px solid gray;
  border-radius: 5px 0px 0px 5px;
}
.jsowrite-button-center {
  border-left:1px solid gray;
  border-top:1px solid gray;
  border-bottom:1px solid gray;
}
.jsowrite-button-right {
  border-left:1px solid gray;
  border-right:1px solid gray;
  border-top:1px solid gray;
  border-bottom:1px solid gray;
  border-radius: 0px 5px 5px 0px;
}
.jsowrite-button-half {
  border-top:1px solid gray;
  border-bottom:1px solid gray;
  border-radius: 0px 5px 5px 0px;
}