.tmid2::after, 
bgopacity::after,
miniselect::after {
  content: ''; 
  width: 100%;
  clear: both
}

.none {
  display: none
}

.ParallaxMenu {
  color: #fff;
  clear: both
}

#RightClickMenu {
  background: #1c4e52;
  color: #fff;
  height: unset!important;
  padding: 3px
}

#RightClickMenu div {
  background: rgba(93, 93, 93, .44);
  color: #fff!important;
  border-bottom: 1px solid #333;
  font-family: Tahoma, Geneva, sans-serif;
  cursor: pointer;
  margin: 3px;
  padding-bottom: 1px;
  font-size: 14px;
  background: #6e6979;
  background-image: url(../assets/speck.png);
  /* box-shadow: inset 0px 45px 4px 0px #383838bd; */
}

.trightfulltrightfull {
  display: flex
}

#SizingToolbar img {
  cursor: grab;
  cursor: -webkit-grab
}

.single img::after {
  content: "\A";
  white-space: pre
}

#FluxFMenuFolded::after,
#dockedmenucontainer::after,
.FluxTabDisabled::after,
.RangeFit::after,
.ToolbarWrap::after,
.bgopacity::after,
.floatmenu::after,
.menuItem a::after,
.menuItem div::after,
.menuItem input::after,
.menuItem select::after,
.menuItem::after,
.menuItem::before,
.menuItem:after,
.menudesc::after,
.navimg::after,
.palcont::after,
.pneobject2::after,
.pneobject::after,
.single::after,
.slidershell::after,
.smalldesc::after,
.tmidleft::after,
.tmidright::after,
.trightfull::after,
.twidth::after,
a::after,
li::after,
li:after,
ul::after {
  display: table;
  clear: both;
  : wid;
  content: ''
}

#SizingToolbar div {
  cursor: grab;
  cursor: -webkit-grab
}

#NoEdittool14 .FluxTabHead {
  height: 10px;
  outline: none;
  min-height: 25px;
  top: -20px;
  left: 0px;
  position: absolute;
  display: none;
  width: 100%;
  z-index: 10000;
}

#NoEdittool14 .FluxTabHeadMove {
  height: 25px;
  width: 50px;
  float: left
}

#RightClickMenu img {
  width: 20px
}

input.color {
  width: 25px;
  margin-right: 10px;
  height: 25px;
  ansparent;
  text-align: center;
  cursor: pointer;
  background-color: #000;
  box-sizing: border-box;
  padding: 0;
  outline: #757575 solid 2px
}

.CKmatch {
  border: 1px solid #715e60;
  padding: 2px;
  white-space: normal;
  background: rgba(221, 221, 221, .86);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1f1f1f));
  background-image: -webkit-linear-gradient(top, #333, #1f1f1f);
}

.wordpress1 {
  font-family: Baumans;
  font-size: 11px;
  font-style: normal;
  color: #21759B;
  font-weight: 700
}

.wordpress1B,
.wp1 {
  font-family: Baumans;
  font-size: 14px;
  font-style: normal;
  color: #21759B;
  font-weight: 700
}

.Stext {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  color: #000;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
  -ms-user-select: text
}

.SStext {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  color: #000
}

.SmallStext {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 10px;
  color: #000
}

.SStextblue {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  color: #00f;
  font-weight: 700
}

.Rtext {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: Red;
  font-weight: 700
}

.PublishY {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 15px;
  font-style: normal;
  color: #FFF70A;
  font-weight: 700
}

.RtextB {
  font-family: Baumans;
  font-size: 13px;
  font-style: normal;
  color: Red;
  font-weight: 700
}

.RtextL {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 18px;
  font-style: normal;
  color: Red;
  font-weight: 700
}

.Otext {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: Orange;
  font-weight: 700
}

.Ptext {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: Purple;
  font-weight: 700
}

.Btext {
  font-family: Baumans;
  font-size: 11px;
  font-style: normal;
  color: #000;
  font-weight: 700
}

.BtextB {
  font-family: Baumans;
  font-size: 16px;
  font-style: normal;
  color: #000;
  font-weight: 700
}

.Bluetext {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: #00f;
  font-weight: 700
}

.Gtext {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: Green;
  font-weight: 700
}

.GtextB {
  font-family: Baumans;
  font-size: 12px;
  font-style: normal;
  color: Green;
  font-weight: 700
}

.dropdown:hover .dropdownc {
  color: #000;
  display: block;
}

.inputText {
  width: 8em;
  padding: 1px 0;
  border: 1px solid #000;
  text-align: center;
  cursor: pointer
}

.inputText2 {
  width: 8em;
  padding: 1px 0;
  border: 1px solid #000
}

.inputparams {
  width: 12em;
  padding: 1px 0;
  border: 1px solid #000;
  text-align: center;
  cursor: pointer
}

body {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-position: top center;
  background-color: #F5F5F5;
  background-repeat: no-repeat;
  height: 20000px;
  margin: 0;
  padding: 0
}

.SetZb {
  z-index: 3
}

.SetZ {
  z-index: 2
}

.menu-top {
  font-weight: 700;
  line-height: 18px;
  min-width: 10em;
  padding: 5px;
  border-width: 1px 0;
  border-style: solid;
  font-size: 13px;
  color: #21759B
}

.selectoff {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

A:active {
  background: #956b21;
}

.button,
a.button-primary,
button.button-primary,
input.button-primary {
  color: #fff;
  background: #FF9800;
  text-decoration: none;
  font-size: 16px;
  font-weight: bolder;
  line-height: 13px;
  padding: 3px 8px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.button2 {
  color: #fff;
  background: red;
  text-decoration: none;
  font-size: 16px;
  font-weight: bolder;
  line-height: 13px;
  padding: 3px 8px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.Stylesubmenubox {
  background: url(../assets/speck.png);
  padding: 0 2px 2px;
  border: 1px solid #ddd;
  outline: #042443 solid 1px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 10px 3px rgba(8, 3, 9, .45);
  z-index: 4000;
  background-color: #060606;
  overflow: hidden;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: -1px 1px 2px 1px rgba(250, 231, 255, .62) inset, 0 -1px 11px 0 rgba(241, 218, 54, .44) inset, -1px 3px 0 2px rgba(86, 3, 117, .17), 1px -1px 1px 1px #eee, inset -1px -2px 2px 2px rgba(241, 218, 54, .39);
}

.stylebluegrad {
  background: #256956;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#256956));
  background-image: -moz-linear-gradient(top, #3c3c3c, #256956);
  background-image: -o-linear-gradient(top, #3c3c3c, #256956);
  background-image: -ms-linear-gradient(top, #3c3c3c, #256956);
  background-image: linear-gradient(top, #3c3c3c, #256956);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#256956')
}

.gradboxent {
  background: #f3c5bd;
  background: -moz-linear-gradient(-45deg, rgba(243, 197, 189, 1) 0, rgba(232, 108, 87, 1) 50%, rgba(234, 40, 3, 1) 51%, rgba(255, 102, 0, 1) 75%, rgba(199, 34, 0, 1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(243, 197, 189, 1)), color-stop(50%, rgba(232, 108, 87, 1)), color-stop(51%, rgba(234, 40, 3, 1)), color-stop(75%, rgba(255, 102, 0, 1)), color-stop(100%, rgba(199, 34, 0, 1)));
  background: -webkit-linear-gradient(-45deg, rgba(243, 197, 189, 1) 0, rgba(232, 108, 87, 1) 50%, rgba(234, 40, 3, 1) 51%, rgba(255, 102, 0, 1) 75%, rgba(199, 34, 0, 1) 100%);
  background: -o-linear-gradient(-45deg, rgba(243, 197, 189, 1) 0, rgba(232, 108, 87, 1) 50%, rgba(234, 40, 3, 1) 51%, rgba(255, 102, 0, 1) 75%, rgba(199, 34, 0, 1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(243, 197, 189, 1) 0, rgba(232, 108, 87, 1) 50%, rgba(234, 40, 3, 1) 51%, rgba(255, 102, 0, 1) 75%, rgba(199, 34, 0, 1) 100%);
  background: linear-gradient(135deg, rgba(243, 197, 189, 1) 0, rgba(232, 108, 87, 1) 50%, rgba(234, 40, 3, 1) 51%, rgba(255, 102, 0, 1) 75%, rgba(199, 34, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c5bd', endColorstr='#c72200', GradientType=1)
}

.StyleHcover {
  background: rgb(7, 29, 31)!important;
  top: 40px !important;
}

#StopEditing {
  background: rgba(0, 0, 0, 0.6);
  display: block;
  ne; */
  position:fixed;
  top: 0px;
  left: 0px;
  padding:10px;
  text-align:justify;
  opacity:1;
  z-index: 1;
  position:  fixed;
  right:  0;
  bottom: 0;
}

.textbar {
  color: #000;
  background-color: #000;
  font-weight: 700;
  font-family: arial
}

.Btext2 {
  color: #000;
  font-family: arial;
  font-size: 11px;
  font-style: normal;
  font-weight: 700
}

.styled-select select {
  width: 229px;
  outline: #5a5a5a solid 1px;
  margin: 1px;
  BORDER-LEFT: 2PX SOLID #9e9e9e
}

.palettes .pmenui,
.palettes .verticalselect select {
  padding: 2px 31px 2px 5px;
  font-size: 11px;
  line-height: 1;
  border-radius: 3px;
  font-weight: 400;
  color: #bcbcbc;
  box-shadow: inset -26px 0 0 0 rgba(31, 31, 31, .11), 0 0 2px rgba(255, 255, 255, .67) inset, -1px -1px 0 0 #000 inset;
  box-sizing: border-box;
  height: 30px;
  opacity: .8;
  margin: 0;
  width: 100%;
  max-height: 26px;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: right 3px center;
  min-width: unset;
  border: none;
  d9;
  background-image: url(../assets/dropdown.png);
  g); */
  -webkit-appearance: none;
  /* box-shadow: inset 1px 1px 20px 1px #696565, inset 3px -2px 40px 0px #444340; */
  /* background-image: url(../assets/fluxpearl2h.png); */
}

.bgopacity,
.verticalselect .bgopacity,
div div.bgopacity {
  position: static;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 71%, rgba(43, 43, 43, 0) 73%, rgba(86, 86, 86, 1) 75%, rgba(173, 173, 173, 1) 79%, rgba(255, 255, 255, 1) 98%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-linear-gradient(left, #2c2c2c 70%, #000 70%, #979797 70%, #313131 79%, #373737 98%, #414141 100%);
  %) */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=1);
  min-width: 45px;
  px;
  */
  min-height: 20px;
  height: 28px;
  overflow: hidden;
  color: #c8c8c8;
  border: nne;
  margin: 0 auto;
  max-height: 30px;
  /* box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .18), 0 0 1px 1px rgba(51, 51, 51, .5) inset, 0 1px 0 1px rgba(203, 203, 203, .51) inset; */
  /* box-shadow: inset 1px 1px 20px 1px #696565, inset 3px -2px 40px 0px #444340; */
  /* background-image: url(../assets/fluxpearl2h.png); */
}

n {
  color: #bfbfbf;
  background: 0 0;
  margin-top: 3px;
  padding: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.FloatingBondingT {
  padding-bottom: 5px
}

.BondingT, .Rangefit, .palettes .BondingT, .palettes .palcont {
  font-family: arial;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 1px 1px 1px #131313;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius:  3px;
  height: auto;
  overflow: hidden;
}

.TextShadow {
  text-shadow: 1px 1px 1px #000
}

.BondingK {
  font-family: arial;
  font-size: 11px;
  font-style: normal;
  color: #000;
  font-weight: 700
}

.Styleddailbox {
  border: 3px solid #75C0A6;
  -webkit-box-shadow: 10px 10px 31px 5px rgba(0, 0, 0, .75);
  -moz-box-shadow: 10px 10px 31px 5px rgba(0, 0, 0, .75);
  box-shadow: 10px 10px 31px 5px rgba(0, 0, 0, .75);
  background-color: #B36697;
  color: #fff;
  font-family: arial;
  font-size: 13px;
  font-weight: 400
}

.Styleddailbox h1 {
  color: #fff;
  font-family: arial;
  font-size: 16px;
  font-weight: bolder
}

.Stylemenubuttonbox {
  color: #C2C2C2;
  width: 220px;
  margin: 2px;
  padding: 2px;
  display: none;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #256956;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#256956));
  background-image: -moz-linear-gradient(top, #3c3c3c, #256956);
  background-image: -o-linear-gradient(top, #3c3c3c, #256956);
  background-image: -ms-linear-gradient(top, #3c3c3c, #256956);
  background-image: linear-gradient(top, #3c3c3c, #256956);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#256956')
}

select {
  width: 92%;
  /* min-width: 98%; */
  max-width: 98%;
}

.Stylemenubox {
  border: 1px solid rgba(255, 255, 255, 0);
  outline: #fff solid 1px;
  -webkit-box-shadow: 0 1px 0 3px #6b6b60;
  z-index: 4000;
  overflow: hidden;
  padding-top: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #dddede
}

.Gradinlinemenu2 {
  color: #000;
  font-family: arial;
  font-weight: bolder;
  text-align: center;
  cursor: move;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #fceabb;
  -webkit-box-shadow: inset 0 2px 11px -1px rgba(0, 0, 0, 1);
  -moz-box-shadow: inset 0 2px 11px -1px rgba(0, 0, 0, 1);
  box-shadow: inset 0 2px 11px -1px rgba(0, 0, 0, 1)
}

.GradMenuBlue {
  clear: both
}

.GradinlinemenuHead {
  font-family: arial;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  width: 242px;
  cursor: move;
  -moz-box-shadow: inset 0 2px 11px -1px rgba(0, 0, 0, 1);
  border-bottom-color: #1e6a8d;
  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, .5);
  box-shadow: inset 0 1px 0 rgba(120, 200, 230, .5);
  color: #fff!important;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
  Height: 35px;
  background-image: url(../assets/newui/movehandle.png);
  background-repeat: no-repeat;
  background-position: left;
  background-attachment: fixed
}

.FluxTabEnabled {
  font-family: arial;
  font-weight: 700;
  font-size: 12px;
  border-color: #4486c4 #4486c4 #1e6a8d;
  color: #797979!important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
  padding-top: 3px;
  text-decoration: none;
  list-style-type: none;
  width: 57px;
  height: 46px;
  text-align: center;
  float: left;
  border-right: 1px solid #fff;
  border-top: 1px solid #000;
  background: -webkit-linear-gradient(top, #505050, #0c0c0c)
}

.FluxTabHead {
  display: none
}

.movehandle {
  max-height: 90%;
  float: left;
  padding: 0 0 0 16px;
  cursor: move;
  height: 24px;
  FLOAT: LEFT;
  font-size: 10px;
  position: relative;
  opacity: 1;
  top: -1px
}

.FluxTabHead {
  cursor: move;
  )) width: 100%;
  height: 6%;
  -webkit-box-shadow: inset 0 -2px 3px -1px rgba(0, 0, 0, 1);
  1) */ padding: 0;
  border: 3px ridge #292929;
  WIDTH: 50PX;
  z-index: 40
}

div#NoEdittoo2l333-5embed {
  display: none
}

#NoEdittool4 .layerinactive {
  color: #a4a4a4;
  background: -webkit-linear-gradient(top, #3c3c3c, #1b1b1b);
  -webkit-linear-gradient(top,
  #c3c3c3,
  #4e5a57);
  border: 2px groove;
  border-right: none;
  border-left: none
}

#NoEdittool4 .layeractive,
.layeractive img {
  color: #fff;
  background: -webkit-linear-gradient(top, #343b43, #404449);
  height: auto;
  border: 2px groove #434752;
  border-left: none;
  border-right: none
}

#LayersPallet div {
  /* -webkit-box-shadow: inset 0 -2px 3px -1px rgba(0, 0, 0, 1); */
  -moz-box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 1);
  moz-box-shadow: inset 0 2px 5px -1px rgba(0, 0, 0, 1);
  box-shadow: inset 0 0 1px 1px #202020;
  cursor: finger;
  /* background-image: -webkit-linear-gradient(top, #303030, #404040); */
  min-height: 35px;
  color: #fff;
  float: left;
  width: auto;
  margin: 0 auto;
  padding: 3px;
}

#LayersPallet {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset;
  cursor: pointer;
  padding: 0;
  border-radius: 0;
  font-family: Baumans;
  font-weight: 700;
  font-size: 12px;
  overflow: auto;
  width: 100%;
  height: auto;
  opacity: 1;
  filter: alpha(opacity=100);
  text-align: left;
  margin: 0;
  min-height: 400px;
  max-height: unset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
  /* -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset; */
  /* background: -webkit-linear-gradient(top, #3c3c3c, #1b1b1b); */
  background: -moz-linear-gradient(top, #333, #1f1f1f);
  background: -o-linear-gradient(top, #333, #1f1f1f);
  background: -ms-linear-gradient(top, #333, #1f1f1f);
  background: linear-gradient(top, #333, #1f1f1f);
  filter: progid:DXImageTransform.Microsoft.;
}

.layersimage {
  cursor: pointer;
  max-width: 14%;
  margin: 1%
}

.dim {
  opacity: .5
}

.FluxTabDisabled {
  font-family: arial;
  font-size: 10px;
  border-bottom: 2px solid olive;
  der-top: 1px solid #000;
  */color: #fff!important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .84);
  padding-top: 3px;
  text-decoration: none;
  list-style-type: none;
  width: 57px;
  height: 20px;
  text-align: center;
  float: left
}

.ChannelContainer {
  height: 20px;
  border-bottom: 1px solid #161616;
  color: #fff;
  width: 19999px;
  border-top: 1px solid #505050;
  background-color: #000
}

.ChannelName {
  width: 100px;
  height: 20px;
  vertical-align: middle;
  display: table-cell;
  float: left;
  line-height: 20px
}

.TimelineContainer {
  float: left;
  background-color: #232323;
  width: 19799px;
  position: relative;
  display: block;
  border-bottom: 1px solid #4E4E4E;
  border-top: 1px solid #141313;
  height: 100%
}

.Timeline {
  color: #c64545;
  float: left;
  position: relative;
  height: 19px;
  display: table-cell;
  text-align: left;
  min-width: 100px;
  line-height: 19px;
  border: 0;
  background: -o-linear-gradient(top, rgba(115, 187, 223, 1) 0, rgba(23, 86, 127, 1) 100%);
  background: -ms-linear-gradient(top, rgba(115, 187, 223, 1) 0, rgba(23, 86, 127, 1) 100%);
  background: linear-gradient(to bottom, #f5f6af 0, #a5dbff 100%);
  filter: none;
  -moz-box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1);
  box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1)
}

.Timeline2 {
  color: rgba(0, 0, 0, .57);
  float: left;
  position: relative;
  height: 19px;
  text-align: left;
  line-height: 19px;
  display: table-cell;
  min-width: 100px;
  border: 0;
  background: -o-linear-gradient(top, rgba(115, 187, 223, 1) 0, rgba(23, 86, 127, 1) 100%);
  background: -ms-linear-gradient(top, rgba(115, 187, 223, 1) 0, rgba(23, 86, 127, 1) 100%);
  background: linear-gradient(to bottom, #fdffa3 0, #ffbcbc 100%);
  filter: none;
  -moz-box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1);
  box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1)
}

.qupdate {
  margin: 0;
  border: 1px solid #fff;
  border-radius: 0;
  height: 15px;
  color: #fff;
  width: 80px;
  background: -webkit-linear-gradient(top, hsla(280, 5%, 36%, .71) 0, hsla(280, 9%, 42%, .48) 12%, hsla(280, 20%, 40%, .51) 88%, #7c7480 100%);
  border: 2px solid hsla(0, 0%, 100%, .73);
  padding: 2px;
  font-size: 11px;
  outline: rgba(44, 46, 51, .56) solid 1px;
  text-shadow: 1px 1px 2px #72777c;
  font-weight: bolder
}

.timelinebutton {
  height: 20px;
  float: left;
  width: 100px;
  display: table;
  vertical-align: middle;
  line-height: 20px
}

.sharedspaceid {
  box-shadow: 0 -1px 16px 0 rgba(0, 0, 0, .2)
}

#NoEdittool6 input[type=range] {
  width: 104%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: -2%;
  cursor: pointer
}

.menuItem div.ltpalette {
  background: -webkit-linear-gradient(top, #636568, #3e4045);
  display: flex;
  height: 30px;
  align-items: baseline;
  align-content: space-between
}

.subiframe {
  border: none;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.iframesubs {
  position: fixed;
  top: 30px;
  left: 30px;
  right: 55px;
  bottom: 60px;
  z-index: 160000;
  overflow: hidden;
  min-height: 300px;
  -webkit-box-shadow: inset 0 0 3px 3px #1e1f20;
  background: #232a34;
  -webkit-font-smoothing: subpixel-antialiased;
  display: none;
  color: #fff;
}

.tleft {
  font-size: 12px;
  padding: 0;
  font-family: arial;
  text-align: left;
  float: left;
  min-width: 20px;
  max-width: 20;
  flex-grow: 1
}

.tright {
  width: 75%;
  font-size: 12px;
  padding: 1px;
  font-family: arial;
  text-align: left;
  float: left;
  height: 100%
}

.trightselect {
  width: 140px;
  font-size: 12px;
  padding: 1px;
  font-family: arial;
  text-align: left;
  float: left
}

.twidth {
  font-size: 12px;
  padding: 0;
  font-family: arial;
  text-align: left;
  margin: 10px 0 0;
  float: left
}

.rgrad {
  margin: 0;
  border: 0 solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 16px;
  height: auto
}

.styled-select3 {
  width: 58px;
  height: 30px;
  border: none;
  border-right: 1px solid #000;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  float: left;
  font-weight: 400;
  margin: 0;
  box-sizing: border-box
}

.tabs a {
  flex-grow: 1;
  text-decoration: none;
  padding: 3px 0 0;
  width: 100%;
  height: 20px;
  min-height: 15px;
  max-height: 20px;
  z-index: 1;
  border: 1px inset rgba(0, 0, 0, .85);
  00 */
  box-shadow: inset 0 -2px 3px 2px #717171;
  background: -webkit-linear-gradient(top, #ffffff, #181818) right top;
  text-align: center;
  opacity: 1;
  font-weight: 700;
  margin: 0;
  border-style: outset;
  letter-spacing: .1em;
  border-bottom: none;
  border-radius: 0;
  position: relative;
  min-width: auto;
  display: inline-block;
  box-shadow: inset 0px -7px 4px 0px #0a0a0a;
  overflow: hidden;
  display: block;
}

.Stylemenubox ul {
  list-style-type: none;
  text-align: center;
  display: flex;
  float: left;
  overflow: visible;
  padding-left: 0;
  background: #1e1e1e;
  width: 95%;
  margin: 0;
  max-width: 100%;
  flex-flow: row;
  flex-direction: row;
  flex-wrap: wrap;
  max-height: 100%;
  min-height: 30%;
  height: 60%;
  border-bottom: none;
  left: 5%
}

.tabs li {
  flex-shrink: 2;
  flex-grow:  2;
  z-index: auto;
  position: relative;
  left: 0;
  margin: 0;
  cursor: pointer;
  padding-top: 0;
  -webkit-box-shadow: 0 0 20px 3px #333;
  -moz-box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 1);
  box-shadow: inset 5px -20px 20px 18px rgba(61, 61, 61, .63);
  background: -webkit-linear-gradient(top, #474747, #121212);
  border: #393939;
  border-bottom: none;
  border-radius: 0;
  max-width: unset;
  min-width: 50px;
  min-height: 2px;
  min-height: 20px;
  overflow: visible;
  max-height: 20px;
  display: inline;
}

#Menutab,
.tabrow1 {
  position: relative;
  top: 0;
  left: 0;
  px;
  */
  float: left;
  display: flex;
  flex: auto;
  overflow: visible;
  height: auto;
  max-height: 500px;
  min-height: 20px;
  width: 100%;
  border: #fff;
  background: -webkit-linear-gradient(top, #717171, #1b1b1b);
  /* box-shadow: inset 0px -4px 0px -3px #1f332b; */
}

.tabrow3 {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  float: left;
  display: flex;
  flex-grow: 1;
  height: 20px
}

.tabrow4 {
  margin: 0;
  position: fixed;
  padding: 7px 0 0;
  color: #e6e6e6;
  text-align: center;
  background: -webkit-linear-gradient(top, #000, rgba(0, 0, 0, .13));
  height: 1px;
  2: 1px solid #c3d9ff;
  border: 4px solid #272727;
  overflow: hidden;
  top: auto;
  border-left: none;
  z-index: 100;
  width: 100%;
  display: none;
  min-width: 100%
}

ul.tabrow2 {
  position: relative;
  z-index: 5000;
  top: -10px;
  display: flex;
  flex-grow: 1;
  flex-flow: row;
  flex-basis: auto;
  border-radius: 6px;
  width: 36%;
  left: 2%;
  flex-direction: row;
  min-width: 100%;
  flex-wrap: wrap;
  max-height: 30px;
  border-bottom: none
}

#flextab {
  position: relative;
  width: 107%;
  z-index: 200;
  margin-left: 0ps auto;
  height: auto;
  top: 0;
  left: 1%;
  flex-grow: 1;
  float: left;
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: row;
  background: 0 0;
  max-width: unset;
  max-height: unset;
  min-width: auto;
  min-height: auto;
  overflow: hidden;
  margin-bottom: 5px;
  display: none
}

#flextab2 {
  display: none;
  position: relative;
  width: 107%;
  left: -5%;
  z-index: 10000;
  height: auto;
  border-radius: 14px;
  top: 23px;
  flex-grow: 1;
  min-width: 100%;
  background: 0 0;
  min-height: auto;
  max-height: 100%;
  flex-wrap: wrap;
  max-width: 112%
}

#NoEdittool7 {
  -ms-transform: translate(0px, -180px);
  IE 9 -webkit-transform: translate(0px, -180px)
}

.transform {
  -ms-transform: translate(0px, -10px);
  -webkit-transform: translate(0px, 10px);
  transform: translate(0px, -10px)
}

.styled-selectthird {
  width: 33.3%;
  height: 20px;
  border: 1px solid #000;
  border-radius: 0;
  font-size: 15px;
  float: left;
  font-weight: bolder;
  margin: 2px;
  color: #fff;
  box-sizing: border-box
}

.styled-mini select {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  margin: 2px;
  color: #fff;
  box-sizing: border-box;
  width: 232px;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #256956;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#256956));
  background-image: -moz-linear-gradient(top, #3c3c3c, #256956);
  background-image: -o-linear-gradient(top, #3c3c3c, #256956);
  background-image: -ms-linear-gradient(top, #3c3c3c, #256956);
  background-image: linear-gradient(top, #3c3c3c, #256956);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#256956');
  background-image: -webkit-linear-gradient(top, rgba(90, 90, 90, .75), rgba(64, 64, 64, .69))
}

.styled-mid {
  width: 115px;
  margin: 2px;
  float: left;
  color: #fff;
  box-sizing: border-box;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #256956;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#414141));
  background-image: -moz-linear-gradient(top, #333, #414141);
  background-image: -o-linear-gradient(top, #3c3c3c, #414141);
  background-image: -ms-linear-gradient(top, #3c3c3c, #414141);
  background-image: linear-gradient(top, #3c3c3c, #414141);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#414141')
}

.tabs .FluxTabDisabledHide,
.tabs .FluxTabDisabledHide a {
  top: 1;
  z-index: 7000;
  font-size: 10px;
  min-height: 20px;
  height: 100%;
  text-align: center;
  box-shadow: none;
  font-weight: 100;
  color: #f4f4f4;
  padding: px;
  margin: 0;
  transform: matrix(1,0,0,1,-2,0);
  max-width: unset;
  border: 2px solid #000;
  background-color: #9e9e9ed1;
  display: inline-block;
  box-shadow: inset 1px 1px 7px 1px #0000004a;
}

.floatmenu {
  position: relative;
  height: 30px;
  margin: 1px auto 0;
  width: auto;
  outline: #5e5e5e solid 1px;
  border: 1px groove rgba(141, 141, 141, .82);
  padding: 0;
  float: none;
  border-raduis: 4px;
  font-size: 11px;
  font-weight: 6;
  min-width: auto;
  border-bottom: none;
  max-width: 100%
}

.floatminimenu {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0 auto
}

#FluxFMenuFolded .ActiveTab {
  width: 40px;
  width: 100px;
  position: relative;
  z-index: 3999;
  top: -15px;
  left: 30px;
  max-width: 200px;
  height: 30p
}

#FluxFMenuFolded .FluxTabEnabled {
  width: 100px;
  max-width: 100p;
  position: fixed;
  top: auto;
  z-index: 2000000;
  left: auto
}

.styled-mid select {
  width: 115px;
  margin: 2px;
  float: left;
  color: #fff;
  box-sizing: border-box;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #256956;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#256956));
  background-image: -moz-linear-gradient(top, #3c3c3c, #256956);
  background-image: -o-linear-gradient(top, #3c3c3c, #256956);
  background-image: -ms-linear-gradient(top, #3c3c3c, #256956);
  background-image: linear-gradient(top, #3c3c3c, #256956);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#256956')
}

.styled-minimid {
  width: 40%;
  margin: 2px;
  float: left;
  color: #fff;
  box-sizing: border-box;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #256956;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#256956));
  background-image: -moz-linear-gradient(top, #3c3c3c, #256956);
  background-image: -o-linear-gradient(top, #3c3c3c, #256956);
  background-image: -ms-linear-gradient(top, #3c3c3c, #256956);
  background-image: linear-gradient(top, #3c3c3c, #256956);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#256956')
}

.padicon {
  padding: 5px
}

.fontimg {
  height: 5;
  padding: 0;
  box-sizing: border-box;
  min-width: 30px;
  max-width: 33px;
  width: unset;
  margin: auto;
  display: block;
  vertical-align: top
}

.displayhorizontal {
  display: none
}

.fontimg2 {
  padding: 0;
  margin-left: 5px;
  margin-right: 10px;
  box-sizing: border-box;
  max-height: 70%
}

.navmenimg {
  height: 14px;
  cursor: pointer;
  padding: 0 15px 0 0;
  box-sizing: border-box;
  z-index: 1;
  position: relative
}

.navtext a {
  /* height: 25px; */
  /* left: 10px; */
  font-size: 10px;
  /* width: auto; */
  /* padding-top: 0; */
  position:  relative;
  z-index: -1;
  /* position: relative; */
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0;
  /* color: #fff; */
  /* float: left; */
}

.transparentChords {
  width: 100%;
  opacity: 1;
  background-color: rgba(221, 221, 221, .86);
  color: #272727
}

select option {
  background: #414a59;
  text-shadow: 0 1px 0 rgba(256, 256, 256, 1);
  color: #fff;
  font-size: 13px
}

.styled-select select option {
  text-shadow: 0 1px 0 rgba(256, 256, 256, 1);
  color: #fff;
  font-size: 13px
}

.styled-select select {
  background: -webkit-linear-gradient(top, #252525, #4c4c4c) #383838;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#4c4c4c', GradientType=1);
  padding: 1px;
  font-size: 12px;
  line-height: 0;
  letter-spacing: 0;
  border-radius: 4px;
  height: 30px;
  font-weight: 700;
  color: #c1c1c1;
  border: 2px inset #545353;
  border-bottom: 1px solid #000;
  border-right: 1PX SOLID #000
}

.styled-selectfull {
  width: 232px;
  height: 30px;
  box-sizing: border-box;
  padding: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  font-weight: 700;
  color: #c6c6c6;
  margin: 1px;
  background: 0 0;
  border: 1px solid #505050
}

.styled-select2 {
  width: 220px;
  height: 50px;
  border-radius: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

.floatfifty {
  width: 48%;
  float: left;
  padding: 6px
}

.W100pFR {
  width: 100%;
  float: right
}

.styled-select4 {
  width: 100%;
  background: -webkit-linear-gradient(bottom, #d5d5d5, #1b1b1b);
  border-radius: 0;
  margin: 2px;
  padding: 0;
  box-sizing: border-box;
  height: 100%
}

.singles {
  padding: 0;
  height: 24px;
  margin: 0;
  background-color: rgba(221, 221, 221, .86)
}

.single {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .66);
  background: rgba(3, 3, 3, .65);
  padding: 0;
  margin: 0
}

.styledb select {
  height: 35px
}

.singleb {
  height: 50px;
  width: 100%
}

.quad {
  height: 200px;
  margin-bottom: 1px;
  float: left
}

.palettes .Bonding.div.quadQT {
  height: auto!important;
  margin-bottom: 1px;
  float: left
}

.tripleb {
  height: 170px;
  margin-bottom: 1px
}

.triple {
  height: 190px;
  margin-bottom: 1px;
  float: left
}

.fullb {
  height: 130px;
  margin-bottom: 1px
}

.menuItem .menudesc .full {
  width: 100%;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 71%, rgba(43, 43, 43, 0) 73%, #000 75%, #000 79%, #575757 98%, rgba(0, 0, 0, 1) 100%) 95% 50%;
  background: linear-gradient(to right, #323232 71%, #2f2f22 73%, #696969 72%, #3e3e3e 79%, rgba(87, 87, 87, 1) 98%, #656565 100%) 95% 50%;
  padding-right: 5px;
  margin-top: 14px;
  margin-bottom: 14px
}

.quarter {
  height: 25px;
  margin-bottom: 1px
}

.third {
  height: 65px;
  margin-bottom: 1px
}

.onethird {
  height: 30px;
  margin-bottom: 1px;
  background-color: #333
}

.thirdb {
  height: 70px;
  margin: 0;
  width: 224px
}

.forth {
  height: 70px;
  margin-bottom: 1px
}

.eight {
  height: 80px;
  margin-bottom: 1px
}

.textallmenu {
  padding: 7px 1px 1px;
  font-size: 12px;
  font-family: arial;
  text-align: left;
  float: left;
  color: #fff;
  width: 70%
}

.pneobject {
  : to
  */
  width: 25px;
  min-width: 20px;
  max-width: 40px;
  width: 100%;
  margin: 3%;
}

#NoEdittool2 img.pneobject2 {
  max-height: 50%;
  er;
  */ padding-top: 6px;
  flex-shrink: 2;
  width: auto;
  flex-grow: 0;
  min-height: 10px
}

.menugradInline {
  font-size: 5px;
  float: none;
  display: block;
  z-index: 10000;
  height: 15px;
  top: 0;
  min-width: 100%;
  max-width: 100%!important;
  position: relative;
  padding: 0;
  clear: both;
  width: auto;
  margin: 0;
  max-height: 40px;
  background-repeat-y: repeat;
  background-repeat-x: no-repeat;
  background: 0 0
}

w50pxf {
  width: 50px;
  float: left
}

w75pxf {
  width: 75px;
  float: left
}

w100pxf {
  width: 100px;
  float: left
}

w100pf {
  width: 100%;
  float: left
}

.Width100P {
  width: 100%
}

.floatfortyfive {
  width: 45%;
  float: left
}

.ParallaxMenu,
.transitionsmenubody {
  font-weight: 700;
  font-size: 12px;
  font-family: arail;
  min-height: 25px;
  overflow: hidden;
  -ms-webkit-transition: all 300ms;
  transition: all 300ms;
  padding: 0;
  height: 640px;
  background: #313131
}

.ParallaxMenu div div,
.transitionsmenubody div div {
  width: 90%;
  float: none;
  clear: both;
  margin: 10px;
  height: 100%;
  height: auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

#NoEdittool0 select,
.ParallaxMenu select {
  width: 100%;
  height: 25px
}

effectsmenu {
  height: 600px
}

.ParallaxMenu div,
.transitionsmenubody div {
  width: 95%;
  float: none;
  clear: both;
  margin: 4px;
  height: 100%;
  height: auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: 0 0
}

.showmore {
  font-size: 13px;
  font-weight: bolder;
  margin: 5px 0 1px;
  border: 0;
  padding-top: 0;
  padding-bottom: 5px;
  width: 200px;
  float: left;
  text-align: left;
  color: #fff
}

.showall {
  font-size: 12px;
  font-weight: bolder;
  margin: 1px 0;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100px;
  float: right;
  text-align: right;
  color: #fff;
  border: 0
}

.clear {
  position: relative;
  left: 0;
  width: 100%
}

.showbutton {
  width: 98%;
  padding: 2px 5px;
  height: 25px;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: -webkit-linear-gradient(top, #252525, #4c4c4c)
}

#tmos {
  -ms-webkit-transition: all 300ms ease;
  transition: all 300ms ease
}

.Stylemenubox {
  -ms-webkit-transition: all 300ms ease-out;
  transition: unset
}

.Menu1Dialog2 {
  - transform: scale(1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 100%;
  width: 100%
}

.Menu1Dialog1 {
  height: 465px;
  padding: 0;
  margin: 0;
  -transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden;
  width: 100%
}

.Menu1Dialog1s {
  height: 0;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  overflow: hidden;
  padding: 0;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 100%;
  display: none
}

.Menu1Dialog2s {
  height: 0;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  overflow: hidden;
  padding: 0;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 100%
}

.Menu2Dialog2 {
  -transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  padding: 0;
  margin: 0;
  overflow: hidden;
  width: 100%
}

.Menu2Dialog1 {
  padding: 0;
  margin: 0;
  -transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden;
  width: 100%
}

.Menu2Dialog1s,
.Menu2Dialog2s {
  height: 0;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  overflow: hidden;
  padding: 0;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease
}

.optimized {
  height: 700px
}

#NoEdittool5 img,
.boximg {
  height: 35px
}

.flex img {
  position: relative;
  margin-top: 0;
  height: 30px;
  width: 30px
}

.bkoption {
  background-color: #eee
}

#PNEFontFrame {
  height: auto;
  border: none;
  border: 2px ridge rgba(0, 0, 0, .46);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-bottom-style: ridge;
  box-shadow: 1px 1px 2px 0 #2f2f2f;
  background: -webkit-linear-gradient(top, #4c4c4c, #404040);
  min-height: 30%;
  min-height: 100px;
  max-height: 590px;
  min-width: 90%;
  width: auto;
  max-width: 90%;
  resize: vertical;
  clear: both;
  margin: 0 auto
}

.menbar {
  margin-right: 5px
}

#textshadowtext input:nth-child(2) {
  position: relative;
  top: -5
}

.palette input[type=number] {
  color: #ababab;
  width: 50px;
  font-weight: bolder;
  height: 30px;
  border: 3px inset #777;
  margin: 1px 1px 1px 5px;
  BORDER-LEFT: 2PX SOLID #9e9e9e;
  border: 2px inset rgba(78, 90, 87, .47);
  padding: 2px;
  font-size: 11px;
  background: -webkit-linear-gradient(top, #2b2b2b, #333);
  outline: #373837 solid 1px;
  box-sizing: border-box
}

.styled-select .miniselect {
  width: 112px
}

.fullplate {
  height: 400px
}

#SwatchMenu {
  background-color: rgba(99, 99, 99, .12)
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0
}

input[type=color]::-webkit-color-swatch {
  border: none
}

.historyp {
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.2);
  min-height: 300px;
  height: auto;
}

.historyp div {
  border-bottom: 2px groove #4e4e4e;
  color: rgba(255, 255, 255, .56);
  background-color: #404040;
  height: auto;
  text-align: left;
  font-size: 9px;
  font-weight: 400;
  padding: 7px;
  overflow: hidden;
  text-shadow: 1px 1px 1px #080808;
  margin: 2px
}

.historyp div p {
  color: #a2a2a2;
  margin: 2px;
  text-align: left;
  font-size: 8px
}

.historyp img {
  max-height: 30px;
  float: left;
  padding: 0;
  margin: 0 4px 0 0
}

.palettes .palcontold,
div.palettes {
  min-height: 200px;
  flex-flow: column;
  1) */
  background-color: rgba(240, 230, 241, .8);
  outline: 0;
  border-radius: 0;
  z-index: 100002;
  min-width: 100px;
  flex-basis: 90%;
  position: relative;
  float: left;
  margin: 0 auto;
  flex: 1 1;
  flex-shrink: 0;
  flex-grow: 1;
  display: block;
  flex-wrap: wrap;
  overflow: hidden;
  overflow-x: hidden;
  height: 94%;
  resize: none;
  max-height: 500vh;
  max-width: unset;
  width: auto;
  border: none;
  background: none;
  padding: 0;
}

.FileCover {
  margin: 0;
  padding: 0
}

.underz {
  z-index: -2
}

.FileZ {
  height: 2000px;
  background-color: #262626;
  border: 6px solid #72777c;
  margin: 0;
  overflow: hidden;
  padding: 0;
  border-radius: 6px;
  min-width: 1280px;
  max-width: 1280px
}

.fileWrapperCover {
  height: 100vh;
  z-index: 2;
  background: #282c36;
  border: 1px solid #a7a7a7;
  overflow: auto;
  margin: 0 auto;
  border-radius: 4px;
  resize: both;
  min-width: 1280px;
  max-width: 1280px;
  direction: ltr;
  border-left: none;
  scroll-behavior: smooth;
  float: left
}

div.undocked {
  z-index: 4000
}

#NoEdittool7,
#NoEdittool7wrap {
  box-shadow: 0 0 1px 2px #c9c9c9;
  margin: 0;
  overflow-x: hidden;
  box-sizing: content-box;
  overflow-y: hidden;
  z-index: 202901;
  */
  outline: 0;
  padding: 0;
  height: 650px;
  max-height: 80vh;
  outline: #373737 solid 1px;
  width: 200;
  max-width: 300px!important;
  min-width: 125px!important;
  flex-flow: column;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  float: none;
  background: -webkit-linear-gradient(top, #4c4c4c, #2a2a2a);
  color: #c9c9c9;
  font-family: arial;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  text-shadow: 1px 1px 1px #131313;
  border: 1px solid #444;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  top: 50px;
  left: 0;
  position: absolute;
  resize: both;
  min-height: 15;
}

#NoEdittool7wrap {
  z-index: 3;
  box-shadow: none;
  resize: none;
  -ms-transform: translate(0px, 0);
  : nslate(0px, -60px);
  outline: 0;
  float: NONE;
  margin: 0;
  position: relative;
  padding1%: 0;
  top: auto;
  padding: 0;
  left: auto;
  max-height: 300px;
  height: unset;
  !: 200px!important float:none;
  color: #c9c9c9;
  font-family: arial;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  text-shadow: 1px 1px 1px #131313;
  vertical-align: middle;
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-bottom: none;
  min-height: 50px;
  overflow: hidden;
  display: block;
  width: auto!important;
  min-width: 100px!important;
  max-width: unset!important;
  background: #202020;
  border-radius: 0
}

.palettes .single,
.palettes .singleb {
  text-align: center;
  color: #8c8c8c;
  position: static;
  display: block;
  padding-top: 10px;
  width: auto;
  min-width: 99%;
  *
  padding-bottom: 10px;
  */ *
  margin: 0;
  */
  border-left: none;
  overflow: hidden;
  */
  border-right: 4px solid olive;
  */
  border: 2px inset #b9b9b9;
  moz-border-radius: 3px;
  */
  margin-top: 6px;
  background: -webkit-linear-gradient(top, rgba(183, 183, 183, 0.24), #c3c3c338);
  : nt
}

.palettes .GradMenuBlue,
.palettes .Menu1Dialog1,
.palettes .styled-select4 {
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  min-height: 85%;
  height: 85%
}

,
.palettes .rgrad,
.palettes .styled-select2 {
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  background: #535353
}

.tlefttextsize div {
  er-left: 0
}

.tleft {
  width: auto
}

.tright .tleft {
  width: 20%
}

.palettes .tright {
  min-width: 100px;
  margin-top: 0;
  width: 60%;
  margin-right: 2%;
  max-width: 100%;
  margin-left: 3%;
  height: auto;
  min-height: 20px;
  max-height: 100%;
  float: left
}

.palettes .single,
.palettes .singleb {
  flex-flow: wrap;
  margin: 0;
  box-shadow: none;
  border-right: none;
  outline: 0;
  border-top: #ffdead;
  max-height: unset;
  border-left: none;
  height: auto;
  min-height: 50;
  float: none
}

input[type=color] {
  width: 2px;
  height: 25px;
  margin-top: 4px;
  min-width: 25px
}

.palettes .third {
  height: 78px
}

.palettes .styled-selectfull {
  width: 100%;
  margin: 1% 1% 1px;
  font-size: 10px
}

.palettes .textcolors {
  height: auto
}

.textcolors .tleft {
  height: 50%
}

.textcolors .textcolorinput {
  height: 45px;
  margin: 0
}

div.horizendock {
  width: 100%!important;
  top: 0!important;
  left: 0!important;
  height: 120px;
  position: relative!important;
  z-index: 4000;
  border: none;
  padding: 5px;
  margin-top: 10px
}

.toolbaricons {
  display: none
}

.hdockcontainer .toolbaricons img {
  margin: 1px;
  padding: 1px
}

.hdockcontainer .toolbaricons {
  position: absolute;
  top: 10px;
  left: -1px;
  width: 180px;
  background: #313130;
  z-index: 9000;
  padding: 0 1px 1px;
  margin: 1px;
  display: block
}

div.horizon7 {
  z-index: 5000!important
}

.horizendock.triple {
  height: 190px;
  width: auto
}

.Menu1Dialog2 .single {
  float: left;
  height: 98%;
  8% */min-height: 80px
}

.hdockcontainer {
  width: 100%!important;
  left: 0!important;
  bottom: 0!important;
  height: 0!important;
  position: fixed!important;
  z-index: 4000!important
}

div.horizendock div.palcont {
  margin-top: 10px;
  height: 100%
}

div.horizendock {
  -ms-transform-origin: 0 0;
  -o-transform: scale(1);
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

.horizendock .FluxTabDisabledHide {
  display: flex;
  background: -webkit-linear-gradient(top, #ededed, #dbdbdb);
  color: #000!important;
  text-align: middle;
  vertical-align: center
}

.hdockcontainer #NoEdittool6 .bkoption {
  margin-top: 0;
  padding-top: 10px
}

.horizendock #flextab2 {
  display: flex;
  clear: both;
  position: absolute;
  top: 8px;
  left: 475px;
  width: 365px;
  margin: 0;
  height: 0
}

.horizendock .tabrow4 div {
  height: 16px;
  padding: 4px 10px 1px;
  min-width: 90px;
  max-width: 110px;
  margin-left: 4px
}

.hdockcontainer #NoEdittool4 .single,
.hdockcontainer #NoEdittool5 .single {
  padding-top: 2px;
  margin-top: 2px;
  float: left;
  height: 55px;
  max-width: 300px;
  max-width: 275px
}

.hdockcontainer #NoEdittool5 .single {
  height: 120px;
  padding-top: 2px;
  margin-top: 2px;
  float: left;
  min-width: 300px
}

.hdockcontainer #NoEdittool5 .styled-select2 {
  WIDTH: AUTO;
  clear: both;
  float: left;
  min-width: 600px
}

.horizendock .menudesc {
  display: none
}

.horizendock .AlignMenu img {
  background-color: transparent;
  margin-right: 10px
}

.hdockcontainer #NoEdittool2 img {
  max-width: 40px;
  margin: 7px;
  padding: 0pX
}

.horizendock select {
  max-width: 100%
}

.horizendock .AlignMenu {
  background-color: transparent;
  width: 40%;
  height: 100px;
  float: left
}

.horizendock .amen {
  background-color: transparent;
  width: 50%;
  height: 100px;
  float: left
}

.hdockcontainer .hfloatleft {
  float: left;
  padding: 15px
}

.hdockcontainer .hfloatleft img {
  height: 20px
}

.hdockcontainer #NoEdittool4 .tleft {
  text-align: center;
  margin-right: 6px;
  margin-top: 0;
  width: 20%
}

.hdockcontainer #NoEdittool4 .tlefttextsize {
  width: 100%;
  margin: 0
}

.hdockcontainer #NoEdittool4 .eightfive div {
  height: auto
}

.horizendock .eightfive {
  background: -webkit-linear-gradient(top, #565656, #545454);
  height: 120px;
  margin-bottom: 1px;
  max-width: 320px
}

.hdockcontainer #LayersPallet {
  float: left;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #1f1f1f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1f1f1f));
  background-image: -moz-linear-gradient(top, #333, #1f1f1f);
  background-image: -webkit-linear-gradient(top, #eee, #ccc);
  background-image: -o-linear-gradient(top, #333, #1f1f1f);
  background-image: -ms-linear-gradient(top, #333, #1f1f1f);
  background-image: linear-gradient(top, #333, #1f1f1f);
  filter: progid:DXImageTransform.Microsoft.
}

.horizendock .triple {
  height: auto
}

.horizendock .double {
  height: 100px;
  margin-bottom: 1px;
  max-width: 300px;
  min-width: 250px
}

.horizendock .singleb,
.horizendock .single {
  height: 100px;
  padding-top: 10px;
  margin-top: 0;
  float: left;
  min-width: 300px;
  border: none
}

.horizendock .menugradInline {
  display: none
}

.horizendock #Menutab {
  padding-right: 0
}

.horizendock li {
  height: 25px;
  background: -webkit-linear-gradient(top, hsl(208, 18%, 49%), #38424c)
}

.horizendock #flextab li {
  height: 20px;
  background: -webkit-linear-gradient(top, #667e93, #38424c)
}

.horizendock #flextab {
  display: flex;
  clear: both;
  position: absolute;
  top: 0;
  left: 800px;
  width: 365px;
  margin: 0
}

.horizendock .tabrow4 {
  position: absolute;
  top: -15px;
  left: 0;
  z-index: 50015;
  width: auto;
  margin: 0;
  padding: 0;
  background: 0 0;
  outline: 0;
  border: none;
  display: none
}

.horizendock .tabrow2 {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  float: right;
  display: flex;
  flex-grow: 1;
  margin: 0
}

.horizendock .Menu1Dialog1,
.horizendock .Menu1Dialog2,
.horizendock .Menu2Dialog1,
.horizendock .Menu2Dialog2,
.palettes .GradMenuBlue,
.palettes .styled-select4 {
  min-height: 100;
  max-height: 100%;
  height: auto;
  height: auto
}

.horizendock .menudesc,
.horizendock .twidth {
  clear: none;
  width: auto;
  float: left
}

.horizendock .transparentChords {
  font-size: 12px;
  padding: 1px;
  font-family: arial;
  text-align: left;
  float: left
}

.horizendock .tright {
  width: 72%
}

.horizendock #PNEFontFrame {
  height: 100px;
  float: left;
  width: 250px
}

.horizendock .styled-selectfull {
  width: 170px;
  height: 30px;
  color: #fff;
  margin: 1px;
  BORDER-LEFT: 2PX SOLID #9e9e9e;
  background: -webkit-linear-gradient(top, rgba(90, 90, 90, .75), rgba(64, 64, 64, .69))
}

.horizendock .menudesc {
  height: 120px;
  width: 60px;
  background: -webkit-linear-gradient(top, #545454, #565656)
}

.horizendock .horizenselect {
  width: 340px
}

.horizendock .horizenselect .styled-selectfull {
  width: 97%
}

.horizendock .horizenselect .miniselect {
  width: 47%
}

.horizendock .horizenfont {
  width: 170px;
  clear: both
}

.horizendock .transparentChords {
  width: 100%;
  opacity: 1;
  background-color: rgba(60, 60, 60, .86);
  color: #2d4152
}

.hdockcontainer .qupdate {
  margin: 0;
  border: 1px solid #fff;
  border-radius: 0;
  height: 10px;
  color: #fff;
  width: 70px;
  background: -webkit-linear-gradient(top, #667e93, #38424c);
  padding: 1px;
  font-size: 10px;
  outline: rgba(44, 46, 51, .56) solid 1px;
  text-shadow: 1px 1px 2px #72777c;
  font-weight: bolder
}

.hdockcontainer .transparentChords {
  opacity: 1;
  background-color: transparent;
  color: #fff
}

.horizendock .quadQT {
  width: auto
}

.hdockcontainer .transparentChords {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px!important;
  z-index: 200000;
  text-align: center;
  padding: 1px!important;
  border: none;
  white-space: nowrap
}

#color {
  top: 10px;
  outline: #777b4a solid 2px;
  to;
  */
  height: 80%;
  max-height: 30px;
  padding: 0;
  margin: 0;
  position: relative;
  left: -10px;
  z-index: 0;
  width: 30px;
  height: 30px;
  min-width: 30px;
  max-width: 35px;
}

#BackColor {
  position: relative;
  px;
  */ position: relative;
  margin-top: 0;
  top: 0;
  left: 20%;
  z-index: 0;
  width: 20px;
  height: 20px;
  min-width: 20px
}

.palettes .showbutton {
  display: block
}

.palettes .triple {
  height: auto
}

.styled-select .miniselect {
  min-width: 170px;
  margin-right: 2px;
  height: 40px;
  box-sizing: border-box;
  margin-top: 0;
  max-width: 100%
}

.Menu1Dialog1 {
  height: 450px;
  overflow: hidden;
  display: block
}

.Menu1Dialog2 {
  height: 100%;
  overflow: hidden;
  display: block
}

.Menu1Dialog2s {
  -transform: scale(1);
  height: 365px;
  overflow: hidden;
  display: none;
  -webkit-transform: scale(1);
  transform: scale(1);
  width: 98%
}

.palettes {
  text-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
  letter-spacing: 1px;
  font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  font-size: 11px;
  font-weight: bolder
}

.palettes input,
.palettes select {
  text-rendering: geometricPrecision;
  letter-spacing: 1px;
  outline: 0;
  font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  font-size: 9px;
  background-color: transparent;
  5) */ px;
  */
}

.palettes .tleft {
  text-align: center;
  margin-top: 6px;
  margin-right: 5px;
  margin-left: 5px;
  max-height: 110px
}

.single img {
  */left: 50%;
  margin: 0 auto;
  height: auto;
  width: 25px;
  vertical-align: middle;
  align-items: center;
  round;
  text-align: center;
  display: block
}

.tright img {
  height: 30px;
  margin-top: 0
}

.textcolors .pickerswatch {
  width: 80px
}

.palettes .tlefttextsize,
.tlefttextsize {
  margin-left: 5px;
  max-width: 70%
}

.TSshadow .tleft,
.tdwidth .TSshadow {
  text-align: center;
  height: 70px;
  min-width: 20%
}

.tright .tleft {
  margin: 0 0 0 5%;
  height: 100%;
  min-height: 35px;
  max-height: 45px
}

.menudesc {
  overflow: hidden;
  color: #cfcfcf;
  clear: both;
  border-top: 3px groove #69696963;
  font-family: arial;
  font-size: 13px;
  font-weight: 700;
  background-image: -webkit-linear-gradient(bottom, #525252, #424242);
  border-left: none;
  text-align: center;
  vertical-align: baseline;
  width: auto;
  height: auto;
  border-radius: 0;
  flex-direction: row;
  margin-bottom: 10px;
  text-shadow: 1px 1px 0 #262626;
  min-height: 75px;
  box-sizing: 200;
  display: block;
  flex-grow: 1;
  max-height: 100px;
  min-width: 92%;
  max-width: 100%;
  padding-top: 16px;
  position: relative;
  z-index: 1
}

.single .tleft {
  width: unset;
  max-width: 100%;
  overflow: hidden;
  height: auto;
  min-height: 40px;
  flex-grow: 1;
  max-height: unset;
  min-width: 40px;
  align-items: center;
  align-content: center;
  font-weight: bolder;
  font-size: 7px;
  color: #e7e7e7;
  float: left;
  margin: 1%;
  align-self: center
}

.palettes input[type=number] {
  min-height: 2px;
  max-height: 25px;
  margin: 0 auto 5px;
  background-color: #1e1e1e;
  width: auto;
  /* -webkit-appearance: none; */
  -moz-appearance: none;
  border-radius: 3px;
  border: 3px solid #727272;
  box-shadow: 0 0 3px 1px #000;
  padding-right: 2px;
  background-image: url(../assets/dropdown.png);
}

.palettes .BackBorder {
  position: relative;
  top: 0;
  left: 10%;
  z-index: 0;
  height: 20px;
  min-width: 20px;
  width: 2px
}

.palettes .double {
  margin-bottom: 2px
}

#backgroundColor,
.palettes #borderColor {
  position: relative;
  left: -10%;
  z-index: 0;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  min-width: 20px
}

#NoEdittool6 .bkoption .tleft img {
  width: 50%;
  margin: 1px 5px 1px 1px;
  position: relative;
  left: 30%;
  max-width: 50px;
  max-height: unset;
  height: unset
}

#NoEdittool6 BRado {
  height: 52px
}

#NoEdittool6 .bkoption .tleft {
  margin-left: 0
}

#NoEdittool6 .seamless {
  margin: 0;
  border: 0;
  box-shadow: none;
  outline: 0
}

#NoEdittool6 .bkoption {
  padding-top: 10px;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: -webkit-linear-gradient(top, #1c1c1c, #3d3d3d);
  margin: 0;
  border-top: none
}

#NoEdittool6 .bkoption .bkoo {
  min-width: 65px;
  margin-left: 0
}

#NoEdittool6 .bkoption .tleft input[type=number] {
  margin: 0
}

#NoEdittool6 .bkoption .tleft,
#NoEdittool6 .bkoption .tright {
  margin-right: 1%;
  min-width: 70px;
  max-width: 45%;
  width: auto;
  min-height: 35px;
  max-height: 50px;
  margin-top: 10px;
  align-content: center
}

.palettes .singletop {
  width: auto;
  position: relative;
  z-index: 5;
  margin: 0;
  min-width: 98%;
  max-width: 100%;
  overflow: hidden;
  */
}

#NoEdittool6 .bkoption .bkocolor {
  max-width: 100%;
  min-width: 75px;
  padding: 0;
  margin: 0;
  width: 50%
}

.palettes .notactivetab {
  margin: 0;
  font-size: 11px;
  padding: 7px;
  color: #e6e6e6;
  clear: both;
  text-align: center;
  background: -webkit-linear-gradient(top, #4d5c79, #2c3548);
  height: 20px;
  border: 1px solid #f9f9f9;
  border: 2px inset hsla(215, 2%, 13%, .96);
  border-bottom: 3px inset hsla(0, 0%, 58%, .96);
  flex-grow: 1
}

.palettes .menudesctop {
  margin: 0;
  font-size: 14px;
  color: #fff;
  z-index: 10;
  padding: 0 3px 3px 25px;
  clear: both;
  text-align: center;
  background: #000;
  height: 3px;
  border: 1px inset #464646;
  border-top: 2px solid #1e202f;
  border-bottom: 1px inset #343536;
  min-width: 100%;
  display: block;
  top: -55px
}

.palettes .eightfive {
  background: -webkit-linear-gradient(top, #4c4c4c, #4c4c4c);
  height: 120px;
  margin-bottom: 1px
}

#NoEdittool14 {
  max-width: unset;
  position: absolute;
  display: block;
  visibility: visible;
  width: 100vw!important;
  height: auto!important;
  overflow: visible;
  left: 50px;
  border-radius: 8px 8px 0 0;
  margin: 0 auto;
  border: 3px solid #212121;
  box-sizing: border-box;
  padding: 0;
  outline: grey solid 1px;
  float: none;
  z-index: 4000
}

#NoEdittool4 .eightfive input {
  margin: 5px
}

#NoEdittool4 .eightfive div {
  height: 40px
}

.eightfive .tright {
  height: 40px;
  padding-top: 10px;
  margin-bottom: 10px
}

#NoEdittool2 img {
  float: left;
  max-height: 70%;
  0% */ 4% */ min-height: 25px;
  height: auto;
  width: 1;
  1 flex-shrink: 10;
  margin: 5px 5px 5px auto;
  max-width: 2%;
  min-width: 15px;
  min-height: 15px;
  align-self: flex-start;
  align-content: flex-start;
  justify-content: space-around
}

@media only screen and (min-width:1441px) and (max-width:12700px) {
  #NoEdittool7,
  .scale {
    -ms-transform-origin: 0 -90px;
    -o-transform: scale(.8, .8);
    -o-transform-origin: 0 -80px;
    transform-origin: 0 -90px;
    -webkit-transform-origin: 0 -90px;
    -ms-transform: scale(.8, .8);
    -webkit-transform: scale(.8, .8);
    transform: scale(.8, .8)
  }
}

#NoEdittool7,
undocked {
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  webkit-transform-origin: 0 0
}

#FloatingToolsContainer .palettes80 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.8, .8);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.8, .8);
  -webkit-transform: scale(.8, .8);
  transform: scale(.8, .8)
}

#FloatingToolsContainer .palettes90 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.9, .9);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.9, .9);
  -webkit-transform: scale(.9, .9);
  transform: scale(.9, .9)
}

#FloatingToolsContainer .palettes95 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.95, .95);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.95, .95);
  -webkit-transform: scale(.95, .95);
  transform: scale(.95, .95)
}

#FloatingToolsContainer .palettes85 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.85, .85);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.85, .85);
  -webkit-transform: scale(.85, .85);
  transform: scale(.85, .85)
}

#FloatingToolsContainer .palettes65 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.65, .65);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.65, .65);
  -webkit-transform: scale(.65, .65);
  transform: scale(.65, .65)
}

#FloatingToolsContainer .palettes75 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.75, .75);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.75, .75);
  -webkit-transform: scale(.75, .75);
  transform: scale(.75, .75)
}

#FloatingToolsContainer .palettes70 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.7, .7);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.7, .7);
  -webkit-transform: scale(.7, .7);
  transform: scale(.7, .7)
}

@media only screen and (max-height:800px) and (min-height:1px) {
  #NoEdittool7,
  .scale {
    transform: scale(1, 1);
    max-height: 90vh
  }
  #NoEdittool7wrap {
    -webkit-transform-origin-x: right
  }
  .Menu1Dialog1 {
    height: auto;
    max-height: 100%
  }
  .Menu1Dialog1s {
    height: 0
  }
  div.toolnavmenu,
  div.undockedp {
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
  }
}

/*@media only screen and (min-width:1388px) and (max-width:1440px){#NoEdittool7,.scale{-ms-transform-origin:0 0;-o-transform:scale(.9,.9);-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform-origin:0 0;-ms-transform:scale(.9,.9);IE 9 -webkit-transform:scale(.9,.9);transform:scale(.9,.9)}#NoEdittool7wrap{-webkit-transform-origin:0 -130px;transform-origin:0 0;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}.Menu1Dialog1{height:450px}.Menu1Dialog1s{height:0}div.toolnavmenu,div.undockedp{-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform-origin:0 0}}.horizendock #flextab li{height:20px;background:-webkit-linear-gradient(top,#667e93,#38424c)}.horizendock #flextab{display:flex;clear:both;position:absolute;top:0;left:800px;width:365px;margin:0}.horizendock .tabrow4{position:absolute;top:-15px;left:0;z-index:50015;width:auto;margin:0;padding:0;background:0 0;outline:0;border:none;display:none}.horizendock .tabrow2{position:relative;z-index:1;top:0;left:0;float:right;display:flex;flex-grow:1;margin:0}.horizendock .Menu1Dialog1,.horizendock .Menu1Dialog2,.horizendock .Menu2Dialog1,.horizendock .Menu2Dialog2,.palettes .GradMenuBlue,.palettes .styled-select4{min-height:100;max-height:100%;height:auto;height:auto}.horizendock .menudesc,.horizendock .twidth{clear:none;width:auto;float:left}.horizendock .transparentChords{font-size:12px;padding:1px;font-family:arial;text-align:left;float:left}.horizendock .tright{width:72%}.horizendock #PNEFontFrame{height:100px;float:left;width:250px}.horizendock .styled-selectfull{width:170px;height:30px;color:#fff;margin:1px;BORDER-LEFT:2PX SOLID #9e9e9e;background:-webkit-linear-gradient(top,rgba(90,90,90,.75),rgba(64,64,64,.69))}.horizendock .menudesc{height:120px;width:60px;background:-webkit-linear-gradient(top,#545454,#565656)}.horizendock .horizenselect{width:340px}.horizendock .horizenselect .styled-selectfull{width:97%}.horizendock .horizenselect .miniselect{width:47%}.horizendock .horizenfont{width:170px;clear:both}.horizendock .transparentChords{width:100%;opacity:1;background-color:rgba(60,60,60,.86);color:#2d4152}.hdockcontainer .qupdate{margin:0;border:1px solid #fff;border-radius:0;height:10px;color:#fff;width:70px;background:-webkit-linear-gradient(top,#667e93,#38424c);padding:1px;font-size:10px;outline:rgba(44,46,51,.56) solid 1px;text-shadow:1px 1px 2px #72777c;font-weight:bolder}.hdockcontainer .transparentChords{opacity:1;background-color:transparent;color:#fff}.horizendock .quadQT{width:auto}.hdockcontainer .transparentChords{position:fixed;bottom:0;left:0;width:100%;height:30px!important;z-index:200000;text-align:center;padding:1px!important;border:none;white-space:nowrap}#color{top:10px;outline:#777b4a solid 2px;to;*/

height:80%;
eft:%;
h:auto;
min-height:20px;
max-height:20px;
padding:0;
margin:0;
position:relative;
left:-10px;
z-index:0;
width:20px;
height:20px;
min-width:20px;
max-width:25px
}

#BackColor {
  position: relative;
  px;
  */ position: relative;
  margin-top: 0;
  top: 0;
  left: 20%;
  z-index: 0;
  width: 20px;
  height: 20px;
  min-width: 20px
}

.palettes .showbutton {
  display: block
}

.palettes .triple {
  height: auto
}

.styled-select .miniselect {
  min-width: 170px;
  margin-right: 2px;
  height: 40px;
  box-sizing: border-box;
  margin-top: 0;
  max-width: 100%
}

.Menu1Dialog1 {
  height: 450px;
  overflow: hidden;
  display: block
}

.Menu1Dialog2 {
  height: 100%;
  overflow: hidden;
  display: block
}

.Menu1Dialog2s {
  -transform: scale(1);
  height: 365px;
  overflow: hidden;
  display: none;
  -webkit-transform: scale(1);
  transform: scale(1);
  width: 98%
}

.palettes {
  text-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
  letter-spacing: 1px;
  font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  font-size: 11px;
  font-weight: bolder
}

.palettes input,
.palettes select {
  text-rendering: geometricPrecision;
  letter-spacing: 1px;
  outline: 0;
  font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  font-size: 9px;
  background-color: transparent;
  5) */ px;
  */
}

.palettes .tleft {
  text-align: center;
  margin-top: 6px;
  margin-right: 5px;
  margin-left: 5px;
  max-height: 110px
}

.single img {
  */left: 50%;
  margin: 0 auto;
  height: auto;
  width: 25px;
  vertical-align: middle;
  align-items: center;
  round;
  text-align: center;
  display: block
}

.tright img {
  height: 30px;
  margin-top: 0
}

.textcolors .pickerswatch {
  width: 80px
}

.palettes .tlefttextsize,
.tlefttextsize {
  margin-left: 5px;
  max-width: 70%
}

.TSshadow .tleft,
.tdwidth .TSshadow {
  text-align: center;
  height: 70px;
  min-width: 20%
}

.tright .tleft {
  margin: 0 0 0 5%;
  height: 100%;
  min-height: 35px;
  max-height: 45px
}

.menudesc {
  overflow: hidden;
  color: #cfcfcf;
  clear: both;
  /* border-top: 3px groove #69696963; */
  font-family: arial;
  font-size: 13px;
  font-weight: 700;
  background-image: -webkit-linear-gradient(bottom, #525252, #424242);
  border-left: none;
  text-align: center;
  vertical-align: baseline;
  width: auto;
  height: auto;
  border-radius: 0;
  flex-direction: row;
  margin-bottom: 10px;
  text-shadow: 1px 1px 0 #262626;
  min-height: 75px;
  box-sizing: 200;
  display: block;
  flex-grow: 1;
  max-height: 100px;
  min-width: 92%;
  max-width: 100%;
  padding-top: 16px;
  position: relative;
  z-index: 1;
  background-image: url(../assets/speck.png);
}

.single .tleft {
  width: unset;
  max-width: 100%;
  overflow: hidden;
  height: auto;
  min-height: 40px;
  flex-grow: 1;
  max-height: unset;
  min-width: 40px;
  align-items: center;
  align-content: center;
  font-weight: bolder;
  font-size: 7px;
  color: #e7e7e7;
  float: left;
  margin: 1%;
  align-self: center
}

.palettes input[type=number] {
  min-height: 2px;
  max-height: 25px;
  margin: 0 auto 5px;
  background-color: #1e1e1e;
  width: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 3px;
  border: 3px solid #727272;
  box-shadow: 0 0 3px 1px #000;
  background-image: url(../assets/dropdown.png);
}

.palettes .BackBorder {
  position: relative;
  top: 0;
  left: 10%;
  z-index: 0;
  height: 20px;
  min-width: 20px;
  width: 20px;
}

.palettes .double {
  margin-bottom: 2px
}

#backgroundColor,
.palettes #borderColor {
  position: relative;
  left: -10%;
  z-index: 0;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  min-width: 20px
}

#NoEdittool6 .bkoption .tleft img {
  width: 50%;
  margin: 1px 5px 1px 1px;
  position: relative;
  left: 30%;
  max-width: 50px;
  max-height: unset;
  height: unset
}

#NoEdittool6 BRado {
  height: 52px
}

#NoEdittool6 .bkoption .tleft {
  margin-left: 0
}

#NoEdittool6 .seamless .tleft {
  width: 23%;
  border: 0;
  box-shadow: none;
  outline: 0;
}

#NoEdittool6 .bkoption {
  padding-top: 10px;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: -webkit-linear-gradient(top, #1c1c1c, #3d3d3d);
  margin: 0;
  border-top: none
}

#NoEdittool6 .bkoption .bkoo {
  min-width: 65px;
  margin-left: 0
}

#NoEdittool6 .bkoption .tleft input[type=number] {
  margin: 0
}

#NoEdittool6 .bkoption .tleft,
#NoEdittool6 .bkoption .tright {
  margin-right: 1%;
  min-width: 70px;
  max-width: 45%;
  width: auto;
  min-height: 35px;
  max-height: 50px;
  margin-top: 10px;
  /* align-content: center */
}

.palettes .singletop {
  width: auto;
  position: relative;
  z-index: 5;
  margin: 0;
  min-width: 98%;
  max-width: 100%;
  overflow: hidden;
  */
}

#NoEdittool6 .bkoption .bkocolor {
  max-width: 100%;
  min-width: 75px;
  padding: 0;
  margin: 0;
  width: 50%
}

.palettes .notactivetab {
  margin: 0;
  font-size: 11px;
  padding: 7px;
  color: #e6e6e6;
  clear: both;
  text-align: center;
  background: -webkit-linear-gradient(top, #4d5c79, #2c3548);
  height: 20px;
  border: 1px solid #f9f9f9;
  border: 2px inset hsla(215, 2%, 13%, .96);
  border-bottom: 3px inset hsla(0, 0%, 58%, .96);
  flex-grow: 1
}

.palettes .menudesctop {
  margin: 0;
  font-size: 14px;
  color: #fff;
  z-index: 10;
  padding: 0 3px 3px 25px;
  clear: both;
  text-align: center;
  background: #000;
  height: 3px;
  border: 1px inset #464646;
  border-top: 2px solid #1e202f;
  border-bottom: 1px inset #343536;
  min-width: 100%;
  display: block;
  top: -55px
}

.palettes .eightfive {
  background: -webkit-linear-gradient(top, #4c4c4c, #4c4c4c);
  height: 120px;
  margin-bottom: 1px
}

#NoEdittool14 {
  max-width: unset;
  position: absolute;
  display: block;
  visibility: visible;
  width: 100vw!important;
  height: auto!important;
  overflow: visible;
  left: 50px;
  border-radius: 8px 8px 0 0;
  margin: 0 auto;
  border: 3px solid #212121;
  box-sizing: border-box;
  padding: 0;
  outline: grey solid 1px;
  float: none;
  z-index: 4000
}

#NoEdittool4 .eightfive input {
  margin: 5px
}

#NoEdittool4 .eightfive div {
  height: 40px
}

.eightfive .tright {
  height: 40px;
  padding-top: 10px;
  margin-bottom: 10px
}

#NoEdittool2 img {
  float: left;
  max-height: 70%;
  0% */ 4% */ min-height: 25px;
  height: auto;
  width: 1;
  1 flex-shrink: 10;
  margin: 5px 5px 5px auto;
  max-width: 2%;
  min-width: 15px;
  min-height: 15px;
  align-self: flex-start;
  align-content: flex-start;
  justify-content: space-around
}

@media only screen and (min-width:1441px) and (max-width:12700px) {
  #NoEdittool7,
  .scale {
    -ms-transform-origin: 0 -90px;
    -o-transform: scale(.8, .8);
    -o-transform-origin: 0 -80px;
    transform-origin: 0 -90px;
    -webkit-transform-origin: 0 -90px;
    -ms-transform: scale(.8, .8);
    -webkit-transform: scale(.8, .8);
    transform: scale(.8, .8)
  }
}

#NoEdittool7,
undocked {
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  webkit-transform-origin: 0 0
}

#FloatingToolsContainer .palettes80 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.8, .8);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.8, .8);
  -webkit-transform: scale(.8, .8);
  transform: scale(.8, .8)
}

#FloatingToolsContainer .palettes90 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.9, .9);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.9, .9);
  -webkit-transform: scale(.9, .9);
  transform: scale(.9, .9)
}

#FloatingToolsContainer .palettes95 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.95, .95);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.95, .95);
  -webkit-transform: scale(.95, .95);
  transform: scale(.95, .95)
}

#FloatingToolsContainer .palettes85 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.85, .85);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.85, .85);
  -webkit-transform: scale(.85, .85);
  transform: scale(.85, .85)
}

#FloatingToolsContainer .palettes65 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.65, .65);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.65, .65);
  -webkit-transform: scale(.65, .65);
  transform: scale(.65, .65)
}

#FloatingToolsContainer .palettes75 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.75, .75);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.75, .75);
  -webkit-transform: scale(.75, .75);
  transform: scale(.75, .75)
}

#FloatingToolsContainer .palettes70 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.7, .7);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.7, .7);
  -webkit-transform: scale(.7, .7);
  transform: scale(.7, .7)
}

@media only screen and (max-height:800px) and (min-height:1px) {
  #NoEdittool7,
  .scale {
    transform: scale(1, 1);
    max-height: 90vh
  }
  #NoEdittool7wrap {
    -webkit-transform-origin-x: right
  }
  .Menu1Dialog1 {
    height: auto;
    max-height: 100%
  }
  .Menu1Dialog1s {
    height: 0
  }
  div.toolnavmenu,
  div.undockedp {
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
  }
}

/*@media only screen and (min-width:1388px) and (max-width:1440px){#NoEdittool7,.scale{-ms-transform-origin:0 0;-o-transform:scale(.9,.9);-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform-origin:0 0;-ms-transform:scale(.9,.9);IE 9 -webkit-transform:scale(.9,.9);transform:scale(.9,.9)}#NoEdittool7wrap{-webkit-transform-origin:0 -130px;transform-origin:0 0;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}.Menu1Dialog1{height:450px}.Menu1Dialog1s{height:0}div.toolnavmenu,div.undockedp{-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;-webkit-transform-origin:0 0}}


.trightfull{display:flex;width: auto;padding-top: 2%;height: auto;margin: 2%;max-width: 100%;background: transparent;height: auto;margin: 0px;min-height: 40px;flex-grow: 1;flex-wrap: wrap;overflow: hidden;max-height: 1500px;}


.tmid:after{content:'';clear:both}.tmid2::after,bgopacity::after,miniselect::after{content:'';width:100%;clear:both}
.none{display:none}.ParallaxMenu{color:#fff;clear:both}#RightClickMenu{background:#1c4e52;color:#fff;height:unset!important;padding:3px}
#RightClickMenu div{background:rgba(93,93,93,.44);color:#fff!important;border-bottom:1px solid #333;font-family:Tahoma,Geneva,sans-serif;cursor:pointer;margin:3px;padding-bottom:1px;font-size:14px}.trightfulltrightfull{display:flex}#SizingToolbar img{cursor:grab;cursor:-webkit-grab}.single img::after{content:"\A";white-space:pre}#FluxFMenuFolded::after,#dockedmenucontainer::after,.FluxTabDisabled::after,.RangeFit::after,.ToolbarWrap::after,.bgopacity::after,.floatmenu::after,.menuItem a::after,.menuItem div::after,.menuItem input::after,.menuItem select::after,.menuItem::after,.menuItem::before,.menuItem:after,.menudesc::after,.navimg::after,.palcont::after,.pneobject2::after,.pneobject::after,.single::after,.slidershell::after,.smalldesc::after,.tmidleft::after,.tmidright::after,.trightfull::after,.twidth::after,a::after,li::after,li:after,ul::after{display:table;clear:both;:wid;content:''}#SizingToolbar div{cursor:grab;cursor:-webkit-grab}#NoEdittool14 .FluxTabHead{height:20px;min-height:20px;top:auto;position:static;display:block}#NoEdittool14 .FluxTabHeadMove{height:25px;width:50px;float:left}#RightClickMenu img{width:20px}input.color{width:25px;margin-right:10px;height:25px;ansparent;text-align:center;cursor:pointer;background-color:#000;box-sizing:border-box;padding:0;outline:#757575 solid 2px}.CKmatch{border:1px solid #0d0d0d;padding:2px;white-space:normal;background:rgba(221,221,221,.86);background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#1f1f1f));background-image:-webkit-linear-gradient(top,#333,#1f1f1f)}.wordpress1{font-family:Baumans;font-size:11px;font-style:normal;color:#21759B;font-weight:700}.wordpress1B,.wp1{font-family:Baumans;font-size:14px;font-style:normal;color:#21759B;font-weight:700}.Stext{font-family:Tahoma,Geneva,sans-serif;font-size:11px;font-style:normal;font-weight:400;color:#000;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text;-ms-user-select:text}.SStext{font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-style:normal;font-weight:700;color:#000}.SmallStext{font-family:Tahoma,Geneva,sans-serif;font-size:10px;color:#000}.SStextblue{font-family:Tahoma,Geneva,sans-serif;font-size:12px;color:#00f;font-weight:700}.Rtext{font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-style:normal;color:Red;font-weight:700}.PublishY{font-family:Tahoma,Geneva,sans-serif;font-size:15px;font-style:normal;color:#FFF70A;font-weight:700}.RtextB{font-family:Baumans;font-size:13px;font-style:normal;color:Red;font-weight:700}.RtextL{font-family:Tahoma,Geneva,sans-serif;font-size:18px;font-style:normal;color:Red;font-weight:700}.Otext{font-family:Tahoma,Geneva,sans-serif;font-size:10px;font-style:normal;color:Orange;font-weight:700}.Ptext{font-family:Tahoma,Geneva,sans-serif;font-size:10px;font-style:normal;color:Purple;font-weight:700}.Btext{font-family:Baumans;font-size:11px;font-style:normal;color:#000;font-weight:700}.BtextB{font-family:Baumans;font-size:16px;font-style:normal;color:#000;font-weight:700}.Bluetext{font-family:Tahoma,Geneva,sans-serif;font-size:10px;font-style:normal;color:#00f;font-weight:700}.Gtext{font-family:Tahoma,Geneva,sans-serif;font-size:10px;font-style:normal;color:Green;font-weight:700}.GtextB{font-family:Baumans;font-size:12px;font-style:normal;color:Green;font-weight:700}A:Link{color:#000}.inputText{width:8em;padding:1px 0;border:1px solid #000;text-align:center;cursor:pointer}.inputText2{width:8em;padding:1px 0;border:1px solid #000}.inputparams{width:12em;padding:1px 0;border:1px solid #000;text-align:center;cursor:pointer}body{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-position:top center;background-color:#F5F5F5;background-repeat:no-repeat;height:20000px;margin:0;padding:0}.SetZb{z-index:3}.SetZ{z-index:2}.menu-top{font-weight:700;line-height:18px;min-width:10em;padding:5px;border-width:1px 0;border-style:solid;font-size:13px;color:#21759B}.selectoff{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}A:active{background:#21759B}.button,a.button-primary,button.button-primary,input.button-primary{color:#fff;background:#21759B;text-decoration:none;font-size:16px;font-weight:bolder;line-height:13px;padding:3px 8px;cursor:pointer;border-width:1px;border-style:solid;-webkit-border-radius:0;border-radius:0;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.button2{color:#fff;background:red;text-decoration:none;font-size:16px;font-weight:bolder;line-height:13px;padding:3px 8px;cursor:pointer;border-width:1px;border-style:solid;-webkit-border-radius:0;border-radius:0;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.Stylesubmenubox{background-color:transparent;padding:0 2px 2px;border:1px solid #ddd;outline:#042443 solid 1px;border-radius:3px;-webkit-box-shadow:0 1px 10px 3px rgba(8,3,9,.45);z-index:4000;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-box-shadow:-1px 1px 2px 1px rgba(250,231,255,.62) inset,0 -1px 11px 0 rgba(241,218,54,.44) inset,-1px 3px 0 2px rgba(86,3,117,.17),1px -1px 1px 1px #eee,inset -1px -2px 2px 2px rgba(241,218,54,.39)}.stylebluegrad{background:#256956;background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#256956));background-image:-moz-linear-gradient(top,#3c3c3c,#256956);background-image:-o-linear-gradient(top,#3c3c3c,#256956);background-image:-ms-linear-gradient(top,#3c3c3c,#256956);background-image:linear-gradient(top,#3c3c3c,#256956);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#256956')}.gradboxent{background:#f3c5bd;background:-moz-linear-gradient(-45deg,rgba(243,197,189,1) 0,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(243,197,189,1)),color-stop(50%,rgba(232,108,87,1)),color-stop(51%,rgba(234,40,3,1)),color-stop(75%,rgba(255,102,0,1)),color-stop(100%,rgba(199,34,0,1)));background:-webkit-linear-gradient(-45deg,rgba(243,197,189,1) 0,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%);background:-o-linear-gradient(-45deg,rgba(243,197,189,1) 0,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%);background:-ms-linear-gradient(-45deg,rgba(243,197,189,1) 0,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%);background:linear-gradient(135deg,rgba(243,197,189,1) 0,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c5bd', endColorstr='#c72200', GradientType=1)}.StyleHcover{background:rgba(0,0,0,.51)!important}#StopEditing{background:rgba(0,0,0,.83)}.textbar{color:#000;background-color:#000;font-weight:700;font-family:arial}.Btext2{color:#000;font-family:arial;font-size:11px;font-style:normal;font-weight:700}.styled-select select{width:229px;outline:#5a5a5a solid 1px;margin:1px;BORDER-LEFT:2PX SOLID #9e9e9e}.palettes .pmenui,.palettes .verticalselect select{padding:2px 1px 2px 5px;font-size:11px;line-height:1;border-radius:3px;font-weight:400;color:#bcbcbc;box-shadow:inset -26px 0 0 0 rgba(31,31,31,.11),0 0 2px rgba(255,255,255,.67) inset,-1px -1px 0 0 #000 inset;box-sizing:border-box;height:30px;margin:0;width:100%;max-height:26px;background-size:15px 15px;background-repeat:no-repeat;background-position:88%;min-width:unset;border:none;d9}.bgopacity,.verticalselect .bgopacity,div div.bgopacity{position:static;background:-moz-linear-gradient(left,rgba(0,0,0,0) 71%,rgba(43,43,43,0) 73%,rgba(86,86,86,1) 75%,rgba(173,173,173,1) 79%,rgba(255,255,255,1) 98%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(left,#2c2c2c 70%,#000 70%,#979797 70%,#313131 79%,#373737 98%,#414141 100%);%) */

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
endColorstr='#000000',
GradientType=1);
min-width:45px;
px;
*/min-height:20px;
height:28px;
overflow:hidden;
color:#c8c8c8;
border:nne;
margin:0 auto;
max-height:30px;
box-shadow:inset 0 0 1px 1px rgba(255,
255,
255,
.18),
0 0 1px 1px rgba(51,
51,
51,
.5) inset,
0 1px 0 1px rgba(203,
203,
203,
.51) inset
}

n {
  color: #bfbfbf;
  background: 0 0;
  margin-top: 3px;
  padding: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

.FloatingBondingT {
  padding-bottom: 5px
}

.palettes .palcont {
  /* font-family: arial; */
  /* margin: 1px; */
  /* font-size: 10px; */
  px; */
  font-style: normal;
  /* font-weight: 400; */
  /* text-shadow: 1px 1px 1px #131313; */
  /* border-bottom-color: #060606; */
  -moz-border-radius: 3px;
  /* -webkit-border-radius: 3px; */
  /* height: auto; */
  /* overflow: hidden; */
  background: -webkit-linear-gradient(top,#8080807d,#6565654a);
  border: 2px groove #525252cc;
  padding: 5px;
  font-family: arial;
  /* margin: 1px; */
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 1px 1px 1px #131313;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  /* height: auto; */
  /* overflow: hidden; */
  background: -webkit-linear-gradient(top,#3c3c3ceb,#8888884a);
  border: 2px groove #525252cc;
  padding: 5px;
  /* background-image: url(../assets/speckblue.png); */
}

.TextShadow {
  text-shadow: 1px 1px 1px #000
}

.BondingK {
  font-family: arial;
  font-size: 11px;
  font-style: normal;
  color: #000;
  font-weight: 700
}

.Styleddailbox {
  border: 3px solid #FFB74D;
  -webkit-box-shadow: 10px 10px 31px 5px rgba(0, 0, 0, .75);
  -moz-box-shadow: 10px 10px 31px 5px rgba(0, 0, 0, .75);
  box-shadow: 10px 10px 31px 5px rgba(0, 0, 0, .75);
  /* background-color: #B36697; */
  color: #fff;
  font-family: arial;
  font-size: 13px;
  font-weight: 400;
  background: url(../assets/lpg.png);
  background-size: cover;
}

.Styleddailbox h1 {
  color: #fff;
  font-family: arial;
  font-size: 16px;
  font-weight: bolder
}

.Stylemenubuttonbox {
  color: #C2C2C2;
  width: 220px;
  margin: 2px;
  padding: 2px;
  display: none;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #256956;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#256956));
  background-image: -moz-linear-gradient(top, #3c3c3c, #256956);
  background-image: -o-linear-gradient(top, #3c3c3c, #256956);
  background-image: -ms-linear-gradient(top, #3c3c3c, #256956);
  background-image: linear-gradient(top, #3c3c3c, #256956);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#256956')
}

select {
  width: 98%;
  /* min-width: 98%; */
  max-width: 300px;
}

.Stylemenubox {
  outline: #fff solid 1px;
  -webkit-box-shadow: 0 1px 0 3px #6b6b60;
  z-index: 4000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px
}

.Gradinlinemenu2 {
  color: #000;
  font-family: arial;
  font-weight: bolder;
  text-align: center;
  cursor: move;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #fceabb;
  -webkit-box-shadow: inset 0 2px 11px -1px rgba(0, 0, 0, 1);
  -moz-box-shadow: inset 0 2px 11px -1px rgba(0, 0, 0, 1);
  box-shadow: inset 0 2px 11px -1px rgba(0, 0, 0, 1)
}

.GradMenuBlue {
  clear: both
}

.GradinlinemenuHead {
  font-family: arial;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  width: 242px;
  cursor: move;
  -moz-box-shadow: inset 0 2px 11px -1px rgba(0, 0, 0, 1);
  border-bottom-color: #1e6a8d;
  -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, .5);
  box-shadow: inset 0 1px 0 rgba(120, 200, 230, .5);
  color: #fff!important;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
  Height: 35px;
  background-image: url(../assets/newui/movehandle.png);
  background-repeat: no-repeat;
  background-position: left;
  background-attachment: fixed
}

.FluxTabEnabled {
  font-family: arial;
  font-weight: 700;
  font-size: 12px;
  border-color: #4486c4 #4486c4 #1e6a8d;
  color: #797979!important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
  padding-top: 3px;
  text-decoration: none;
  list-style-type: none;
  width: 57px;
  height: 46px;
  text-align: center;
  float: left;
  border-right: 1px solid #fff;
  border-top: 1px solid #000;
  background: -webkit-linear-gradient(top, #545454, #000000);
}

.FluxTabHead {
  display: none
}

.movehandle {
  max-height: 90%;
  float: left;
  padding: 0 0 0 2px;
  cursor: move;
  height: 24px;
  FLOAT: LEFT;
  font-size: 10px;
  position: relative;
  opacity: 1;
  top: -1px;
}

.FluxTabHead {
  cursor: move;
  )) width: 100%;
  height: 6%;
  -webkit-box-shadow: inset 0 -2px 3px -1px rgba(0, 0, 0, 1);
  1) */ padding: 0;
  border: 3px ridge #292929;
  WIDTH: 50PX;
  z-index: 40
}

#NoEdittool14  div#NoEdittoo2l333-5embed {
  display: block;
}

#NoEdittool4 .layerinactive {
  color: #a4a4a4;
  background: -webkit-linear-gradient(top, #2f2f2ff5, #1b1b1be6);
  -webkit-linear-gradient(top,
  #c3c3c3,
  #4e5a57);
  border: 2px groove grey;
  border-right: none;
  border-left: none;
  width: 99%;
  min-width: 96%;
  margin: 0;
  max-width: 100%;
  /* padding-right: 6px; */
}

#NoEdittool4 .layeractive,
.layeractive img {
  color: #fff;
  background: linear-gradient(to bottom,rgb(77, 57, 119),#30244c);
  height: auto;
  border: 2px groove #3f3f3f;
  /* border-left: none; */
  /* border-right: none; */
  min-height:;
}

#LayersPallet div {
  /* -webkit-box-shadow: inset 0 -2px 3px -1px rgba(0, 0, 0, 1); */
  -moz-box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 1);
  moz-box-shadow: inset 0 2px 5px -1px rgba(0, 0, 0, 1);
  /* box-shadow: inset 0 0 1px 1px #202020; */
  cursor: finger;
  /* background-image: -webkit-linear-gradient(top, #303030, #404040); */
  min-height: 35px;
  color: #fff;
  float: left;
  width: auto;
  margin: 0 auto;
  padding: 3px;
}

#LayersPallet {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
  cursor: pointer;
  padding: 0;
  border-radius: 0;
  font-family: Baumans;
  font-weight: 700;
  font-size: 12px;
  overflow: auto;
  width: 100%;
  height: auto;
  opacity: 1;
  filter: alpha(opacity=100);
  text-align: left;
  margin: 0;
  min-height: 400px;
  max-height: unset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76) inset;
  background: none;
  background: -moz-linear-gradient(top, #333, #1f1f1f);
  background: -o-linear-gradient(top, #333, #1f1f1f);
  background: -ms-linear-gradient(top, #333, #1f1f1f);
  background: none;
  filter: progid:DXImageTransform.Microsoft.;
}

.layersimage {
  cursor: pointer;
  0% */opacity: 1;
  max-width: 14%;
  margin: 1%
}

.dim {
  opacity: .5
}

.FluxTabDisabled {
  font-family: arial;
  font-size: 10px;
  border-bottom: 2px solid olive;
  der-top: 1px solid #000;
  */
  color: #fff!important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .84);
  padding-top: 3px;
  text-decoration: none;
  list-style-type: none;
  width: auto;
  height: auto;
  text-align: center;
  float: left;
}

.ChannelContainer {
  height: 20px;
  border-bottom: 1px solid #161616;
  color: #fff;
  width: 19999px;
  border-top: 1px solid #505050;
  background-color: #000
}

.ChannelName {
  width: 100px;
  height: 20px;
  vertical-align: middle;
  display: table-cell;
  float: left;
  line-height: 20px
}

.TimelineContainer {
  float: left;
  background-color: #232323;
  width: 19799px;
  position: relative;
  display: block;
  border-bottom: 1px solid #4E4E4E;
  border-top: 1px solid #141313;
  height: 100%
}

.Timeline {
  color: #c64545;
  float: left;
  position: relative;
  height: 19px;
  display: table-cell;
  text-align: left;
  min-width: 100px;
  line-height: 19px;
  border: 0;
  background: -o-linear-gradient(top, rgba(115, 187, 223, 1) 0, rgba(23, 86, 127, 1) 100%);
  background: -ms-linear-gradient(top, rgba(115, 187, 223, 1) 0, rgba(23, 86, 127, 1) 100%);
  background: linear-gradient(to bottom, #f5f6af 0, #a5dbff 100%);
  filter: none;
  -moz-box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1);
  box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1)
}

.Timeline2 {
  color: rgba(0, 0, 0, .57);
  float: left;
  position: relative;
  height: 19px;
  text-align: left;
  line-height: 19px;
  display: table-cell;
  min-width: 100px;
  border: 0;
  background: -o-linear-gradient(top, rgba(115, 187, 223, 1) 0, rgba(23, 86, 127, 1) 100%);
  background: -ms-linear-gradient(top, rgba(115, 187, 223, 1) 0, rgba(23, 86, 127, 1) 100%);
  background: linear-gradient(to bottom, #fdffa3 0, #ffbcbc 100%);
  filter: none;
  -moz-box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1);
  box-shadow: 0 -1px 3px rgba(190, 255, 255, .5), 2px 3px 3px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, 1)
}

.qupdate {
  margin: 0;
  border: 1px solid #fff;
  border-radius: 0;
  height: 15px;
  color: #fff;
  width: 80px;
  background: -webkit-linear-gradient(top, hsla(280, 5%, 36%, .71) 0, hsla(280, 9%, 42%, .48) 12%, hsla(280, 20%, 40%, .51) 88%, #7c7480 100%);
  border: 2px solid hsla(0, 0%, 100%, .73);
  padding: 2px;
  font-size: 11px;
  outline: solid rgba(44, 46, 51, .56);
  text-shadow: 1px 1px 2px #72777c;
  font-weight: bolder
}

.timelinebutton {
  height: 20px;
  float: left;
  width: 100px;
  display: table;
  vertical-align: middle;
  line-height: 20px
}

.sharedspaceid {
  box-shadow: 0 -1px 16px 0 rgba(0, 0, 0, .2)
}

#NoEdittool6 input[type=range] {
  width: 104%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: -2%;
  cursor: pointer
}

.menuItem div.ltpalette {
  background: none;
  display: flex;
  height: 30px;
  align-items: baseline;
  align-content: space-between;
}

.subiframe {
  border: none;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.iframesubs {
  position: fixed;
  top: 10vh;
  padding: 0px !important;
  left: 0px;
  right: 0px;
  bottom: 100px;
  z-index: 1600000;
  overflow: hidden;
  min-height: 300px;
  height: 80vh;
  margin: 0 auto;
  width: 90vw;
  -webkit-box-shadow: inset 0 0 3px 3px #1e1f20;
  -webkit-font-smoothing: subpixel-antialiased;
  display: none;
  color: #aba9a9;
  text-shadow: 1px 1px 1px #484603;
  font-weight: bolder;
  /* background-image: url(../assets/smallpearlm.jpg); */
  /* background-position: right  bottom; */
  /* background-size: auto; */
  box-shadow: none;
  /* border-radius: 0; */
  outline: 6px #092a24 solid;
  /* box-shadow: inset -6px 0px 6px -3px #000000, inset -17px 0px 0px 0px #7d7d7d00; */
  /* text-shadow: -1px -1px 1px #333333; */
  background-repeat: no-repeat;
  background-color: #e5e5e5;
  /* opacity: .3; */
  background: grey;
  border: none;
  /* box-shadow: inset 0 0 0 25px #3b9a7373, inset 0 0 0 25px #3b9a7373, inset 0 0 0 25px #000000cf; */
  background-size: 50px;
  overflow:  hidden;
  /* background: linear-gradient(to left, rgb(61, 155, 116) 200px,rgb(60, 154, 115) 260px,#398868  300px,rgb(23, 44, 36) 48%,rgba(0, 0, 0, 0.87) 100%); */
  background: url(../assets/speck.png);
  background-color: #292929f5;
}

.tleft {
  font-size: 12px;
  padding: 0;
  font-family: arial;
  text-align: left;
  float: left;
  min-width: 20px;
  max-width: 20;
  flex-grow: 1
}

.tright {
  width: 75%;
  font-size: 12px;
  padding: 1px;
  font-family: arial;
  text-align: left;
  float: left;
  height: 100%
}

.trightselect {
  width: 140px;
  font-size: 12px;
  padding: 1px;
  font-family: arial;
  text-align: left;
  float: left
}

.twidth {
  font-size: 12px;
  padding: 0;
  font-family: arial;
  text-align: left;
  margin: 10px 0 0;
  float: left
}

.rgrad {
  margin: 0;
  border: 0 solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 16px;
  height: auto
}

.styled-select3 {
  width: 58px;
  height: 30px;
  border: none;
  border-right: 1px solid #000;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  float: left;
  font-weight: 400;
  margin: 0;
  box-sizing: border-box
}

.tabs a {
  flex-grow: 1;
  text-decoration: none;
  padding: 0px 0 0;
  width: auto;
  height: 100%;
  min-height: 0px;
  max-height: 20px;
  z-index: 1;
  /* border: 1px inset rgba(33, 33, 33, 0.46); */
  00 */
  box-shadow: inset 0 -2px 3px 2px #717171;
  background: #21759b;
  text-align: center;
  opacity: 1;
  font-weight: 700;
  margin: 0px 0px 0px;
  vertical-align: baseline;
  border-style: outset;
  letter-spacing: .1em;
  border-bottom: none;
  border-radius: 0;
  position: relative;
  min-width: 100%;
  display: inline-block;
  /* background: none; */
  padding-top: 2px;
  background: linear-gradient(to top, #292929, #181818f2) right top;

*
  Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aebcbf+7,0a0e0a+15,0a0e0a+58,0a0809+82,0a0809+88,afbcb8+91 */
background: #aebcbf; /* Old browsers */
  background: -moz-linear-gradient(top, #aebcbf 7%, #0a0e0a 15%, #0a0e0a 58%, #0a0809 82%, #0a0809 88%, #afbcb8 91%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #aebcbf 7%,#0a0e0a 15%,#0a0e0a 58%,#0a0809 82%,#0a0809 88%,#afbcb8 91%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5e6767 7%,#212121 15%,#2f2f2f 58%,#a9a9a9 82%,#212121 88%,#6b8e90 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#afbcb8',GradientType=0 ); /* IE6-9 */
}

.Stylemenubox ul {
  list-style-type: none;
  text-align: center;
  display: flex;
  float: left;
  overflow: visible;
  padding-left: 0;
  background: #1e1e1e;
  width: 95%;
  margin: 0;
  max-width: 100%;
  flex-flow: row;
  flex-direction: row;
  flex-wrap: wrap;
  max-height: 100%;
  min-height: 30%;
  height: 60%;
  border-bottom: none;
  left: 5%
}

.tabs li {
  order: 1;
  z-index: auto;
  position: relative;
  left: 0;
  margin: 0;
  cursor: pointer;
  padding-top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 1);
  box-shadow: #696969 -3px -18px 9px 14px inset, #151515 1px 9px 6px 4px;
  background: none;
  border: 2px outset #1a1b1aeb;
  border-bottom: none;
  border-radius: 0;
  max-width: 100%;
  min-width: 70px;-
  height: 2px;
  min-height: 15px;
  overflow: hidden;
  max-height: 19px;
  width: auto;
  display: inline-block;
  border-bottom:  none;
  max-width: 200px;
  background: linear-gradient(to top,rgba(37, 34, 34, 0.4),rgba(10, 10, 10, 0.2));
}

#Menutab,
.tabrow1 {
  position: relative;
  top: 15px;
  left: 0;
  px;
  */
  float: left;
  display: flex;
  z-index: 10000000;
  flex: auto;
  justify-content:  flex-start;
  overflow: hidden;
  height: auto;
  max-height: max-height;
  min-height: 50px;
  width: 100%;
  border: #fff;
  background: none;
  /* box-shadow: inset -1px -4px 0 -2px #000000; */
}

.tabrow3 {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  float: left;
  display: flex;
  flex-grow: 1;
  height: 20px
}

.tabrow4 {
  margin: 0;
  position: fixed;
  padding: 7px 0 0;
  color: #e6e6e6;
  text-align: center;
  background: -webkit-linear-gradient(top, #00000078, rgba(0, 0, 0, 0.61));
  height: 1px;
  2: 1px
  solid #c3d9ff;
  border: 4px solid #272727;
  overflow: hidden;
  top: auto;
  border-left: none;
  z-index: 100;
  width: 100%;
  display: none;
  min-width: 100%;
}

ul.tabrow2 {
  position: relative;
  z-index: 5000;
  top: -10px;
  display: flex;
  flex-grow: 1;
  flex-flow: row;
  flex-basis: auto;
  border-radius: 6px;
  width: 36%;
  left: 2%;
  flex-direction: row;
  min-width: 100%;
  flex-wrap: wrap;
  max-height: 30px;
  border-bottom: none
}

#flextab {
  position: relative;
  width: 107%;
  z-index: 200;
  margin-left: 0ps auto;
  height: auto;
  top: 0;
  left: 1%;
  flex-grow: 1;
  float: left;
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: row;
  background: 0 0;
  max-width: unset;
  max-height: unset;
  min-width: auto;
  min-height: auto;
  overflow: hidden;
  margin-bottom: 5px;
  display: none
}

#flextab2 {
  display: none;
  position: relative;
  width: 107%;
  left: -5%;
  z-index: 10000;
  height: auto;
  border-radius: 14px;
  top: 23px;
  flex-grow: 1;
  min-width: 100%;
  background: 0 0;
  min-height: auto;
  max-height: 100%;
  flex-wrap: wrap;
  max-width: 112%
}

#NoEdittool7 {
  -ms-transform: translate(0px, -180px);
  IE 9 -webkit-transform: translate(0px, -180px)
}

.transform {
  -ms-transform: translate(0px, -10px);
  -webkit-transform: translate(0px, 10px);
  transform: translate(0px, -10px)
}

.styled-selectthird {
  width: 33.3%;
  height: 20px;
  border: 1px solid #000;
  border-radius: 0;
  font-size: 15px;
  float: left;
  font-weight: bolder;
  margin: 2px;
  color: #fff;
  box-sizing: border-box
}

.styled-mini select {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  margin: 2px;
  color: #fff;
  box-sizing: border-box;
  width: 232px;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #256956;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#256956));
  background-image: -moz-linear-gradient(top, #3c3c3c, #256956);
  background-image: -o-linear-gradient(top, #3c3c3c, #256956);
  background-image: -ms-linear-gradient(top, #3c3c3c, #256956);
  background-image: linear-gradient(top, #3c3c3c, #256956);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#256956');
  background-image: -webkit-linear-gradient(top, rgba(90, 90, 90, .75), rgba(64, 64, 64, .69))
}

.styled-mid {
  width: 115px;
  margin: 2px;
  float: left;
  color: #fff;
  box-sizing: border-box;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #256956;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#414141));
  background-image: -moz-linear-gradient(top, #333, #414141);
  background-image: -o-linear-gradient(top, #3c3c3c, #414141);
  background-image: -ms-linear-gradient(top, #3c3c3c, #414141);
  background-image: linear-gradient(top, #3c3c3c, #414141);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#414141')
}

.tabs .FluxTabDisabledHide,
.tabs .FluxTabDisabledHide a {
  z-index: 7000;
  font-size: 10px;
  min-height: 17px;
  overflow:  hidden;
  height: 100%;
  text-align: center;
  /* box-shadow: none; */
  font-weight: 100;
  color: #f4f4f4;
  padding: px;
  max-width: unset;
  /* border: 1px solid #000; */
  background: linear-gradient(to top,#23906cf2,#31673633);
  display: none;
  /* box-shadow: none; */
}

.floatmenu {
  position: relative;
  height: 30px;
  margin: 1px auto 0;
  width: auto;
  outline: #000000 solid 1px;
  border: 0px groove rgba(39, 39, 39, 0.82);
  padding: 0;
  float: none;
  border-raduis: 4px;
  font-size: 11px;
  font-weight: 6;
  min-width: auto;
  border-bottom: none;
  max-width: 100%;
  outline: none;
}

.floatminimenu {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0 auto
}

#FluxFMenuFolded .ActiveTab {
  width: 40px;
  width: 100px;
  position: relative;
  z-index: 3999;
  top: -15px;
  left: 30px;
  max-width: 200px;
  height: 30p
}

#FluxFMenuFolded .FluxTabEnabled {
  width: 100px;
  max-width: 100p;
  position: relative;
  top: auto;
  z-index: 2000000;
  left: auto;
}

.styled-mid select {
  width: 115px;
  margin: 2px;
  float: left;
  color: #fff;
  box-sizing: border-box;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #256956;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#256956));
  background-image: -moz-linear-gradient(top, #3c3c3c, #256956);
  background-image: -o-linear-gradient(top, #3c3c3c, #256956);
  background-image: -ms-linear-gradient(top, #3c3c3c, #256956);
  background-image: linear-gradient(top, #3c3c3c, #256956);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#256956')
}

.styled-minimid {
  width: 40%;
  margin: 2px;
  float: left;
  color: #fff;
  box-sizing: border-box;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #256956;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#256956));
  background-image: -moz-linear-gradient(top, #3c3c3c, #256956);
  background-image: -o-linear-gradient(top, #3c3c3c, #256956);
  background-image: -ms-linear-gradient(top, #3c3c3c, #256956);
  background-image: linear-gradient(top, #3c3c3c, #256956);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#3c3c3c', endColorstr='#256956')
}

.padicon {
  padding: 5px
}

.fontimg {
  height: 5;
  padding: 0;
  box-sizing: border-box;
  min-width: 30px;
  max-width: 33px;
  width: unset;
  margin: auto;
  display: block;
  vertical-align: top
}

.displayhorizontal {
  display: none
}

.fontimg2 {
  padding: 0;
  margin-left: 5px;
  margin-right: 10px;
  box-sizing: border-box;
  max-height: 70%
}

.navmenimg {
  height: 14px;
  cursor: pointer;
  padding: 0 5px 0 0;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
}

.navtext {
  height: 15px;
  left: 2px;
  font-size: 10px;
  width: auto;
  padding-top: 2px;
  overflow: visible;
  z-index: 1;
  position: relative;
  top: 1px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0;
  color: #ffffffb0;
  float: left;
}

.transparentChords {
  width: 100%;
  opacity: 1;
  background-color: rgba(221, 221, 221, .86);
  color: #272727
}

select option {
  background: #f7f7f7;
  text-shadow: 0 1px 0 rgba(256, 256, 256, 1);
  color: #676767;
  font-size: 13px
}

.styled-select select option {
  text-shadow: 0 1px 0 rgba(256, 256, 256, 1);
  color: #fff;
  font-size: 13px
}

.styled-select select {
  background: -webkit-linear-gradient(top, #252525, #4c4c4c) #383838;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#4c4c4c', GradientType=1);
  padding: 1px;
  font-size: 12px;
  line-height: 0;
  letter-spacing: 0;
  border-radius: 4px;
  height: 30px;
  font-weight: 700;
  color: #c1c1c1;
  border: 2px inset #545353;
  border-bottom: 1px solid #000;
  border-right: 1PX SOLID #000
}

.styled-selectfull {
  width: 232px;
  height: 30px;
  box-sizing: border-box;
  padding: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  font-weight: 700;
  color: #c6c6c6;
  margin: 1px;
  background: 0 0;
  border: 1px solid #505050
}

.styled-select2 {
  width: 220px;
  height: 50px;
  border-radius: 0;
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

.floatfifty {
  width: 48%;
  float: left;
  padding: 6px
}

.W100pFR {
  width: 100%;
  float: right
}

.styled-select4 {
  width: 100%;
  background: -webkit-linear-gradient(bottom, #0000004d, #0000008c);
  border-radius: 0;
  margin: 2px;
  padding: 0;
  box-sizing: border-box;
  height: 100%;
}

.singles {
  padding: 0;
  height: 24px;
  margin: 0;
  background-color: rgba(221, 221, 221, .86)
}

.single {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .66);
  background: rgb(130, 130, 130);
  padding: 0;
  margin: 0;
}

.styledb select {
  height: 35px
}

.singleb {
  height: 50px;
  width: 100%
}

.quad {
  height: 200px;
  margin-bottom: 1px;
  float: left
}

.palettes .Bonding.div.quadQT {
  height: auto!important;
  margin-bottom: 1px;
  float: left
}

.tripleb {
  height: 170px;
  margin-bottom: 1px
}

.triple {
  height: 190px;
  margin-bottom: 1px;
  float: left
}

.fullb {
  height: 130px;
  margin-bottom: 1px
}

.menuItem .menudesc .full {
  width: 100%;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 71%, rgba(43, 43, 43, 0) 73%, #000 75%, #000 79%, #575757 98%, rgba(0, 0, 0, 1) 100%) 95% 50%;
  background: linear-gradient(to right, #323232 71%, #2f2f22 73%, #696969 72%, #3e3e3e 79%, rgba(87, 87, 87, 1) 98%, #656565 100%) 95% 50%;
  padding-right: 5px;
  margin-top: 14px;
  margin-bottom: 14px
}

.quarter {
  height: 25px;
  margin-bottom: 1px
}

.third {
  height: 65px;
  margin-bottom: 1px
}

.onethird {
  height: 30px;
  margin-bottom: 1px;
  background-color: #333
}

.thirdb {
  height: 70px;
  margin: 0;
  width: 224px
}

.forth {
  height: 70px;
  margin-bottom: 1px
}

.eight {
  height: 80px;
  margin-bottom: 1px
}

.textallmenu {
  padding: 7px 1px 1px;
  font-size: 12px;
  font-family: arial;
  text-align: left;
  float: left;
  color: #fff;
  width: 70%
}

#NoEdittool2 .toolbarinsert img.pneobject {
  : to
  */
  width: 25px;
  max-width: 15%;
  min-width: 15px;
}

#NoEdittool2 img.pneobject2 {
  max-height: 50%;
  er;
  */ padding-top: 6px;
  flex-shrink: 2;
  width: auto;
  flex-grow: 0;
  min-height: 10px
}

.menugradInline {
  font-size: 1px;
  float: none;
  display: block;
  z-index: 10000;
  height: 20px;
  top: 0;
  min-width: 100%;
  max-width: 100%!important;
  position: relative;
  padding: 0;
  clear: both;
  width: auto;
  margin: 0;
  max-height: 40px;
  background-repeat-y: repeat;
  background-repeat-x: no-repeat;
  /* background: 0 0; */
}

w50pxf {
  width: 50px;
  float: left
}

w75pxf {
  width: 75px;
  float: left
}

w100pxf {
  width: 100px;
  float: left
}

w100pf {
  width: 100%;
  float: left
}

.Width100P {
  width: 100%
}

.floatfortyfive {
  width: 45%;
  float: left
}

.ParallaxMenu,
.transitionsmenubody {
  font-weight: 700;
  font-size: 12px;
  font-family: arail;
  min-height: 25px;
  overflow: hidden;
  width:  100%;
  -ms-webkit-transition: all 300ms;
  transition: all 300ms;
  padding: 0;
  height: 640px;
  background: #00000036;
}

.ParallaxMenu div div,
.transitionsmenubody div div {
  width: 90%;
  float: none;
  clear: both;
  margin: 10px;
  height: 100%;
  height: auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}

#NoEdittool0 option, #NoEdittool0 select, .ParallaxMenu select {
  width: 100%;
  height: 25px;
  color: #989898;
}

effectsmenu {
  height: 600px
}

.ParallaxMenu div,
.transitionsmenubody div {
  width: 95%;
  float: none;
  clear: both;
  margin: 4px;
  height: 100%;
  height: auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: 0 0
}

.showmore {
  font-size: 13px;
  font-weight: bolder;
  margin: 5px 0 1px;
  border: 0;
  padding-top: 0;
  padding-bottom: 5px;
  width: 200px;
  float: left;
  text-align: left;
  color: #fff
}

.showall {
  font-size: 12px;
  font-weight: bolder;
  margin: 1px 0;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100px;
  float: right;
  text-align: right;
  color: #fff;
  border: 0
}

.clear {
  position: relative;
  left: 0;
  width: 100%
}

.showbutton {
  width: 98%;
  padding: 2px 5px;
  height: 25px;
  border: 1px solid #070707;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 2px rgba(255, 255, 255, .15) inset, 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: -webkit-linear-gradient(top, #252525, #4c4c4c)
}

#tmos {
  -ms-webkit-transition: all 300ms ease;
  transition: all 300ms ease
}

.Stylemenubox {
  -ms-webkit-transition: all 300ms ease-out;
  transition: none;
}

.Menu1Dialog2 {
  - transform: scale(1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  padding: 0;
  margin: 0;
  width: 100%
}

.Menu1Dialog1 {
  padding: 0;
  margin: 0;
  -transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 100%
}

.Menu1Dialog1s {
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  overflow: hidden;
  padding: 0;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 100%;
  display: none
}

.Menu1Dialog2s {
  -ms-transform: scale(0);
  padding: 0;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease
}

.Menu2Dialog2 {
  -transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  padding: 0;
  margin: 0;
  overflow: hidden;
  width: 100%
}

.Menu2Dialog1 {
  padding: 0;
  margin: 0;
  -transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden;
  width: 100%
}

.Menu2Dialog1s,
.Menu2Dialog2s {
  height: 0;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  overflow: hidden;
  padding: 0;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease
}

.optimized {
  height: 700px
}

#NoEdittool5 img,
.boximg {
  height: 35px
}

.flex img {
  position: relative;
  margin-top: 0;
  height: 30px;
  width: 30px
}

.bkoption {
  background-color: #eee
}

#PNEFontFrame {
  height: auto;
  border: none;
  border: 2px ridge rgba(0, 0, 0, .46);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-bottom-style: ridge;
  box-shadow: 1px 1px 2px 0 #2f2f2f;
  background: -webkit-linear-gradient(top, #4c4c4c, #404040);
  min-height: 30%;
  min-height: 100px;
  max-height: 590px;
  min-width: 90%;
  width: auto;
  max-width: 95%;
  resize: vertical;
  clear: both;
  margin: 0 auto;
}

.menbar {
  margin-right: 5px
}

#textshadowtext input:nth-child(2) {
  position: relative;
  top: -5
}

.palette input[type=number] {
  color: #ababab;
  width: 50px;
  font-weight: bolder;
  height: 30px;
  border: 3px inset #777;
  margin: 1px 1px 1px 5px;
  BORDER-LEFT: 2PX SOLID #9e9e9e;
  border: 2px inset rgba(78, 90, 87, .47);
  padding: 2px;
  font-size: 11px;
  background: -webkit-linear-gradient(top, #2b2b2b, #333);
  outline: #373837 solid 1px;
  box-sizing: border-box
}

.styled-select .miniselect {
  width: 112px
}

.fullplate {
  height: 400px
}

#SwatchMenu {
  background-color: rgba(99, 99, 99, .12)
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0
}

input[type=color]::-webkit-color-swatch {
  border: 1px solid #d0d0d0;
}

.historyp {
  overflow: auto;
  min-height: 300px;
  height: auto;
  background:;
  overflow-x: hidden;
}

.historyp div {
  border-bottom: 2px groove #4e4e4e;
  color: rgba(255, 255, 255, 0.66);
  width: calc(100% - 18px);
  background-color: #b1b1b1;
  height: auto;
  text-align: left;
  font-size: 9px;
  font-weight: 400;
  padding: 7px;
  overflow: hidden;
  width: calc(100% - 18px);
  min-width: 89%;
  margin-bottom: 3px;
  background: -webkit-linear-gradient(top,rgb(80, 80, 80),rgb(43, 43, 43));
  text-shadow: 1px 1px 1px #080808;
  /* margin: 2px; */
}

.historyp div p {
  color: #a2a2a2;
  margin: 2px;
  text-align: left;
  font-size: 8px;
}

.historyp img {
  max-height: 30px;
  float: left;
  padding: 0;
  margin: 0 4px 0 0
}

.palettes .palcontold,
div.palettes {
  min-height: 200px;
  flex-flow: column;
  1) */
  background-color: rgba(240, 230, 241, .8);
  outline: 0;
  border-radius: 0;
  z-index: 100002;
  min-width: 100px;
  flex-basis: 100%;
  position: relative;
  /* float: left; */
  margin: 0px;
  flex: 1 1;
  flex-shrink: 0;
  flex-grow: 1;
  display: block;
  flex-wrap: wrap;
  overflow: hidden;
  /* overflow-x: visible; */
  height: unset;
  resize: none;
  max-height: 500vh;
  max-width: 100%;
  width: auto;
  border: none;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0.49) 24%,rgba(0, 0, 0, 0.35) 40%,rgba(0,0,0,0.36) 50%,rgba(49, 49, 49, 0.63) 64%,rgba(0, 0, 0, 0.36) 76%,rgba(84,84,84,0.75) 85%,rgba(0, 0, 0, 0.4) 100%);
  padding: 2px;
  width: auto;
  /* display:  none; */
  min-width: 98%;
  /* visibility: hidden; */
  background: #191919;
  background-image: url(../assets/speckblue.png);
}

div#NoEdittool0 {}

.FileCover {
  margin: 0;
  padding: 0
}

.underz {
  z-index: -2
}

.FileZ {
  height: 2000px;
  background-color: #262626;
  border: 0px solid #72777c;
  margin: 0;
  overflow: hidden;
  padding: 0;
  border-radius: 6px;
  min-width: 1280px;
  max-width: 1280px;
  position: relative;
  top: 50px;
  z-index: 1;
}

.fileWrapperCover {
  height: 90vh;
  z-index: 0;
  max-height: 100vh !important;
  position: static;
  background-color: #4a4a4a;
  border: 1px solid #a7a7a7;
  overflow: auto;
  margin: 0px;
  scroll-behavior:  smooth;
  border-radius: 4px;
  resize: vertical;
  min-width: 100%;
  max-width: 100%;
  border-left: none;
  scroll-behavior: smooth;
  float: left;
  min-height: 50vh;
}

div.undocked {
  z-index: 4000
}

#NoEdittool7,
#NoEdittool7wrap {
  box-shadow: inset 0px 6px 55px 18px #000000c9;
  margin: 0;
  overflow-x: hidden;
  box-sizing: content-box;
  overflow-y: hidden;
  z-index: 101;
  */
  outline: 0;
  padding: 0;
  height: 650px;
  max-height: 80vh;
  outline: #373737 solid 1px;
  max-width:;
  max-width: 300px;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  float: none;
  background: -webkit-linear-gradient(top, #4c4c4c, #2a2a2a);
  color: #c9c9c9;
  font-family: arial;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  text-shadow: 1px 1px 1px #131313;
  border: 1px solid #444;
  border-bottom-color: #060606;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  top: 50px;
  left: 0;
  position: absolute;
  resize: none;
  max-width: 350px;
}

#NoEdittool7wrap {
  z-index: 3;
  box-shadow: none;
  resize: none;
  -ms-transform: translate(0px, 0);
  : nslate(0px, -60px)
  outline:0;
  float: NONE;
  margin: 0;
  position: absolute;
  padding1%: 0;
  top: auto;
  padding: 0;
  left: auto;
  max-height: 125px;
  height: unset;
  !: 200px!importantfloat:nonecolor:#c9c9c9
  font-family: arial;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  text-shadow: 1px 1px 1px #131313;
  vertical-align: middle;
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-bottom: none;
  min-height: 50px;
  overflow: hidden;
  display: block;
  width: 100% !important;
  min-width: 100px!important;
  max-width: calc(100%) !important;
  background: #2020208f;
  background: #00000000;
  visibility:  visible;
}

.palettes .single,
.palettes .singleb {
  text-align: center;
  color: #8c8c8c;
  position: static;
  display: block;
  padding-top: 10px;
  width: auto;
  min-width: 99%;
  *
  padding-bottom: 10px;
  */ *
  margin: 0;
  */
  border-left: none;
  overflow: hidden;
  */
  border-right: 4px solid olive;
  */
  border: 2px inset #b9b9b9;
  moz-border-radius: 3px;
  */
  margin-top: 6px;
  background: -webkit-linear-gradient(top, #333, rgb(27, 27, 27));
  : nt
}

.palettes .GradMenuBlue,
.palettes .Menu1Dialog1,
.palettes .styled-select4 {
  margin: 0;
  box-sizing: border-box;
  width: auto;
  min-height: 85%;
  height: 85%;
}

,
.palettes .rgrad,
.palettes .styled-select2 {
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  background: #535353
}

.tlefttextsize div {
  er-left: 0
}

.tleft {
  width: auto
}

.tright .tleft {
  width: 20%
}

.palettes .tright {
  min-width: 100px;
  margin-top: 0;
  width: 60%;
  margin-right: 2%;
  max-width: 100%;
  margin-left: 3%;
  height: auto;
  min-height: 20px;
  max-height: 100%;
  float: left
}

.palettes .single,
.palettes .singleb {
  flex-flow: wrap;
  margin: 0;
  box-shadow: none;
  border-right: none;
  outline: 0;
  border-top: #ffdead;
  max-height: unset;
  border-left: none;
  height: auto;
  min-height: 50;
  float: none;
  background-color: #29292970;
  /* background-image: url(../assets/fluxpearl2h.png); */
  background-image: url(../assets/speck.png);
}

input[type=color] {
  width: 2px;
  height: 25px;
  margin-top: 4px;
  min-width: 25px
}

.palettes .third {
  height: 78px
}

.palettes .styled-selectfull {
  width: 100%;
  margin: 1% 1% 1px;
  font-size: 10px
}

.palettes .textcolors {
  height: auto
}

.textcolors .tleft {
  height: 50%
}

.textcolors .textcolorinput {
  height: 45px;
  margin: 0
}

div.horizendock {
  width: 100%!important;
  top: 0!important;
  left: 0!important;
  height: 120px;
  position: relative!important;
  z-index: 4000;
  border: none;
  padding: 5px;
  margin-top: 10px
}

.toolbaricons {
  display: none
}

.hdockcontainer .toolbaricons img {
  margin: 1px;
  padding: 1px
}

.hdockcontainer .toolbaricons {
  position: absolute;
  top: 10px;
  left: -1px;
  width: 180px;
  background: #313130;
  z-index: 9000;
  padding: 0 1px 1px;
  margin: 1px;
  display: block
}

div.horizon7 {
  z-index: 5000!important
}

.horizendock.triple {
  height: 190px;
  width: auto
}

.Menu1Dialog2 .single {
  float: left;
  height: 98%;
  8% */min-height: 80px
}

.hdockcontainer {
  width: 100%!important;
  left: 0!important;
  bottom: 0!important;
  height: 20px !important;
  position: static !important;
  z-index: 400!important;
}

div.horizendock div.palcont {
  margin-top: 10px;
  height: 100%
}

div.horizendock {
  -ms-transform-origin: 0 0;
  -o-transform: scale(1);
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1)
}

.horizendock .FluxTabDisabledHide {
  display: flex;
  background: -webkit-linear-gradient(top, #ededed, #dbdbdb);
  color: #000!important;
  text-align: middle;
  vertical-align: center
}

.hdockcontainer #NoEdittool6 .bkoption {
  margin-top: 0;
  padding-top: 10px
}

.horizendock #flextab2 {
  display: flex;
  clear: both;
  position: absolute;
  top: 8px;
  left: 475px;
  width: 365px;
  margin: 0;
  height: 0
}

.horizendock .tabrow4 div {
  height: 16px;
  padding: 4px 10px 1px;
  min-width: 90px;
  max-width: 110px;
  margin-left: 4px
}

.hdockcontainer #NoEdittool4 .single,
.hdockcontainer #NoEdittool5 .single {
  padding-top: 2px;
  margin-top: 2px;
  float: left;
  height: 55px;
  max-width: 300px;
  max-width: 275px
}

.hdockcontainer #NoEdittool5 .single {
  height: 120px;
  padding-top: 2px;
  margin-top: 2px;
  float: left;
  min-width: 300px
}

.hdockcontainer #NoEdittool5 .styled-select2 {
  WIDTH: AUTO;
  clear: both;
  float: left;
  min-width: 600px
}

.horizendock .menudesc {
  display: none
}

.horizendock .AlignMenu img {
  background-color: transparent;
  margin-right: 10px
}

.hdockcontainer #NoEdittool2 img {
  max-width: 40px;
  margin: 7px;
  padding: 0pX
}

.horizendock select {
  max-width: 100%
}

.horizendock .AlignMenu {
  background-color: transparent;
  width: 40%;
  height: 100px;
  float: left
}

.horizendock .amen {
  background-color: transparent;
  width: 50%;
  height: 100px;
  float: left
}

.hdockcontainer .hfloatleft {
  float: left;
  padding: 15px
}

.hdockcontainer .hfloatleft img {
  height: 20px
}

.hdockcontainer #NoEdittool4 .tleft {
  text-align: center;
  margin-right: 6px;
  margin-top: 0;
  width: 20%
}

.hdockcontainer #NoEdittool4 .tlefttextsize {
  width: 100%;
  margin: 0
}

.hdockcontainer #NoEdittool4 .eightfive div {
  height: auto
}

.horizendock .eightfive {
  background: -webkit-linear-gradient(top, #565656, #545454);
  height: 120px;
  margin-bottom: 1px;
  max-width: 320px
}

.hdockcontainer #LayersPallet {
  float: left;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset;
  background: #1f1f1f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1f1f1f));
  background-image: -moz-linear-gradient(top, #333, #1f1f1f);
  background-image: -webkit-linear-gradient(top, #eee, #ccc);
  background-image: -o-linear-gradient(top, #333, #1f1f1f);
  background-image: -ms-linear-gradient(top, #333, #1f1f1f);
  background-image: linear-gradient(top, #333, #1f1f1f);
  filter: progid:DXImageTransform.Microsoft.
}

.horizendock .triple {
  height: auto
}

.horizendock .double {
  height: 100px;
  margin-bottom: 1px;
  max-width: 300px;
  min-width: 250px
}

.horizendock .single,
.horizendock .singleb {
  height: 100px;
  padding-top: 10px;
  margin-top: 0;
  float: left;
  min-width: 300px;
  border: none
}

.horizendock .menugradInline {
  display: none
}

.horizendock #Menutab {
  padding-right: 0
}

.horizendock li {
  height: 25px;
  background: -webkit-linear-gradient(top, hsl(208, 18%, 49%), #38424c)
}

.horizendock #flextab li {
  height: 20px;
  background: -webkit-linear-gradient(top, #667e93, #38424c)
}

.horizendock #flextab {
  display: flex;
  clear: both;
  position: absolute;
  top: 0;
  left: 800px;
  width: 365px;
  margin: 0
}

.horizendock .tabrow4 {
  position: absolute;
  top: -15px;
  left: 0;
  z-index: 50015;
  width: auto;
  margin: 0;
  padding: 0;
  background: 0 0;
  outline: 0;
  border: none;
  display: none
}

.horizendock .tabrow2 {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  float: right;
  display: flex;
  flex-grow: 1;
  margin: 0
}

.horizendock .Menu1Dialog1,
.horizendock .Menu1Dialog2,
.horizendock .Menu2Dialog1,
.horizendock .Menu2Dialog2,
.palettes .GradMenuBlue,
.palettes .styled-select4 {
  min-height: 100;
  max-height: 100%;
  height: auto;
  height: 100%;
}

.horizendock .menudesc,
.horizendock .twidth {
  clear: none;
  width: auto;
  float: left
}

.horizendock .transparentChords {
  font-size: 12px;
  padding: 1px;
  font-family: arial;
  text-align: left;
  float: left
}

.horizendock .tright {
  width: 72%
}

.horizendock #PNEFontFrame {
  height: 100px;
  float: left;
  width: 250px
}

.horizendock .styled-selectfull {
  width: 170px;
  height: 30px;
  color: #fff;
  margin: 1px;
  BORDER-LEFT: 2PX SOLID #9e9e9e;
  background: -webkit-linear-gradient(top, rgba(90, 90, 90, .75), rgba(64, 64, 64, .69))
}

.horizendock .menudesc {
  height: 120px;
  width: 60px;
  background: -webkit-linear-gradient(top, #545454, #565656)
}

.horizendock .horizenselect {
  width: 340px
}

.horizendock .horizenselect .styled-selectfull {
  width: 97%
}

.horizendock .horizenselect .miniselect {
  width: 47%
}

.horizendock .horizenfont {
  width: 170px;
  clear: both
}

.horizendock .transparentChords {
  width: 100%;
  opacity: 1;
  background-color: rgba(60, 60, 60, .86);
  color: #2d4152
}

.hdockcontainer .qupdate {
  margin: 0;
  border: 1px solid #fff;
  border-radius: 0;
  height: 10px;
  color: #fff;
  width: 70px;
  background: -webkit-linear-gradient(top, #667e93, #38424c);
  padding: 1px;
  font-size: 10px;
  outline: solid rgba(44, 46, 51, .56);
  text-shadow: 1px 1px 2px #72777c;
  font-weight: bolder
}

.hdockcontainer .transparentChords {
  opacity: 1;
  background-color: transparent;
  color: #fff
}

.horizendock .quadQT {
  width: auto
}

.hdockcontainer .transparentChords {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px!important;
  z-index: 200000;
  text-align: center;
  padding: 1px!important;
  border: none;
  white-space: nowrap
}

#color {
  top: 0px;
  outline: #777b4a solid 2px;
  to;
  */
  height: 80%;
  max-height: 30px;
  max-height: 30px;
  padding: 0;
  margin: 0;
  position: relative;
  left: 15px;
  width: 30px;
  height: 30px;
  height: 30px;
  min-width: 20px;
  max-width: 25px;
}

@media only screen and (min-width:1441px) and (max-width:12700px) {
  #NoEdittool7,
  .scale {
    -ms-transform-origin: 0 -90px;
    -o-transform: scale(.8, .8);
    -o-transform-origin: 0 -80px;
    transform-origin: 0 -90px;
    -webkit-transform-origin: 0 -90px;
    -ms-transform: scale(.8, .8);
    -webkit-transform: scale(.8, .8);
    transform: scale(.8, .8)
  }
}

@media only screen and (max-height:800px) and (min-height:1px) {
  #NoEdittool7,
  .scale {
    transform: scale(1, 1);
    max-height: 90vh
  }
  #NoEdittool7wrap {
    -webkit-transform-origin-x: right
  }
  .Menu1Dialog1 {
    height: auto;
    max-height: 100%
  }
  .Menu1Dialog1s {
    height: 0
  }
  div.toolnavmenu,
  div.undockedp {
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
  }
}

#BackColor {
  position: absolute;
  px;
  */
  position: relative;
  :
  unset;
  left: unset;
  z-index: 0;
  width: 30px;
  height: 30px;
  min-width: 20px;
}

.palettes .showbutton {
  display: block
}

.palettes .triple {
  height: auto
}

.styled-select .miniselect {
  min-width: 170px;
  margin-right: 2px;
  height: 40px;
  box-sizing: border-box;
  margin-top: 0;
  max-width: 100%
}

.Menu1Dialog1 {
  overflow: hidden;
  display: block
}

.Menu1Dialog2 {
  height: 100%;
  overflow: hidden;
  display: block
}

.Menu1Dialog2s {
  -transform: scale(1);
  height: 365px;
  overflow: hidden;
  display: none;
  -webkit-transform: scale(1);
  transform: scale(1);
  width: 98%
}

.palettes {
  text-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
  letter-spacing: 1px;
  font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  font-size: 11px;
  font-weight: bolder
}

.palettes input,
.palettes select {
  text-rendering: geometricPrecision;
  letter-spacing: 1px;
  outline: 0;
  font-family: Trebuchet MS1, Trebuchet MS, sans-serif;
  font-size: 9px;
  background-color: transparent;
  5) */ px;
  */
}

.palettes .tleft {
  text-align: center;
  margin-top: 6px;
  margin-right: 5px;
  margin-left: 5px;
  max-height: 110px
}

.single img {
  */left: 50%;
  margin: 0 auto;
  height: auto;
  width: 25px;
  vertical-align: middle;
  align-items: center;
  round;
  text-align: center;
  display: block
}

.tright img {
  height: 30px;
  margin-top: 0
}

.textcolors .pickerswatch {
  width: 80px
}

.palettes .tlefttextsize,
.tlefttextsize {
  margin-left: 5px;
  max-width: 70%
}

.TSshadow .tleft,
.tdwidth .TSshadow {
  text-align: center;
  height: 70px;
  min-width: 20%
}

.tright .tleft {
  margin: 0 0 0 5%;
  height: 100%;
  min-height: 35px;
  max-height: 45px
}

.menudesc {
  overflow: hidden;
  color: #cfcfcf;
  clear: both;
  /* border-top: 2px groove #a0a0a0b0; */
  font-family: arial;
  font-size: 11px;
  font-weight: 700;
  background-image: -webkit-linear-gradient(bottom, rgb(27, 27, 27), rgb(33, 33, 33));
  border-left: none;
  text-align: center;
  vertical-align: baseline;
  width: auto;
  height: auto;
  flex-direction: row;
  margin-bottom: 12px;
  text-shadow: 1px 1px 0 #262626;
  min-height: 55px;
  box-sizing: 200;
  display: block;
  flex-grow: 1;
  max-height: 100px;
  min-width: 92%;
  max-width: 100%;
  padding-top: 6px;
  position: relative;
  z-index: 1;
  /* background: none; */
  border-radius: 2px;
  box-shadow: 0px 0px 0px 2px #42576754;
  /* background-color: hsl(0, 0%, 9%); */
}

.single .tleft {
  width: unset;
  max-width: 100%;
  overflow: hidden;
  height: auto;
  min-height: 50px;
  flex-grow: 1;
  max-height: unset;
  min-width: 40px;
  align-items: center;
  align-content: center;
  font-weight: bolder;
  font-size: 7px;
  color: #e7e7e7;
  float: left;
  margin: 1%;
  align-self: center;
}

.palettes input[type=number] {
  min-height: 25px;
  max-height: 35px;
  margin: 0 auto 5px;
  background-color: #1e1e1e;
  width: auto;
  padding-right: 3px;
  -moz-appearance: none;
  border-radius: 3px;
  border: 3px solid #727272;
  box-shadow: 0 0 3px 1px #000;
  background-image: url(../assets/dropdown.png);
  /* background-image: none; */
}

.palettes .BackBorder {
  position: absolute;
  top: unset;
  left: unset;
  z-index: 1;
  height: 30px;
  min-width: auto;
  width: 30px;
}

.palettes .double {
  margin-bottom: 2px;
  background: transparent;
}

#backgroundColor,
.palettes #borderColor {
  position: relative;
  left: 10px;
  z-index: 110;
  width: 0px;
  height: 30px;
  margin-top: 0px;
  min-width: 30px;
  background-color: #739699;
}

#NoEdittool6 .bkoption .tleft img {
  width: 50%;
  margin: 1px 5px 1px 1px;
  position: relative;
  left: 30%;
  max-width: 50px;
  max-height: unset;
  height: unset
}

#NoEdittool6 BRado {
  height: 52px
}

#NoEdittool6 .bkoption .tleft {
  margin-left: 0
}

#NoEdittool6 .seamless {
  margin: 0;
  border: 0;
  box-shadow: none;
  outline: 0
}

#NoEdittool6 .bkoption {
  padding-top: 10px;
  display: flex;
  flex-grow: 1;
  align-content: center;
  flex-direction: column;
  background: -webkit-linear-gradient(top, #3c3c3c33, #3e3e3e87);
  margin: 0;
  border-top: none;
  /* align-items:  center; */
  /* align-self:  center; */
}

#NoEdittool6 .bkoption .bkoo {
  min-width: 65px;
  margin-left: 0
}

#NoEdittool6 .bkoption .tleft input[type=number] {
  margin: 0
}

#NoEdittool6 .bkoption .tleft,
#NoEdittool6 .bkoption .tright {
  margin-right: 1%;
  min-width: 70px;
  margin-bottom: 10px;
  max-width: 45%;
  width: auto;
  min-height: 35px;
  max-height: 50px;
  margin-top: 10px;
  margin: auto;
  /* align-content: center; */
  /* align-items:  center; */
  /* align-self:  center; */
  margin-top: 10px;
}

.palettes .singletop {
  width: auto;
  position: relative;
  z-index: 5;
  margin: 0;
  min-width: 98%;
  max-width: 100%;
  overflow: hidden;
  */
  margin: 0;
}

#NoEdittool6 .bkoption .bkocolor {
  max-width: 100%;
  min-width: 80px;
  padding: 0;
  margin: 0;
  width: 50%;
  margin-bottom:  5px;
  /* overflow: hidden; */
}

.palettes .notactivetab {
  margin: 0;
  font-size: 11px;
  padding: 7px;
  color: #e6e6e6;
  clear: both;
  text-align: center;
  background: -webkit-linear-gradient(top, #4d5c79, #2c3548);
  height: 20px;
  border: 1px solid #f9f9f9;
  border: 2px inset hsla(215, 2%, 13%, .96);
  border-bottom: 3px inset hsla(0, 0%, 58%, .96);
  flex-grow: 1
}

.palettes .menudesctop {
  margin: 0;
  font-size: 14px;
  color: #fff;
  z-index: 10;
  padding: 0 3px 3px 25px;
  clear: both;
  text-align: center;
  background: #000;
  height: 3px;
  border: 1px inset #464646;
  border-top: 2px solid #1e202f;
  border-bottom: 1px inset #343536;
  min-width: 100%;
  display: block;
  top: -55px
}

.palettes .eightfive {
  background: -webkit-linear-gradient(top, #4c4c4c, #4c4c4c);
  height: 120px;
  margin-bottom: 1px
}

#NoEdittool14 {
  max-width: unset;
  position: absolute;
  display: block;
  visibility: visible;
  width: 100vw!important;
  height: auto!important;
  overflow: visible;
  left: 50px;
  border-radius: 8px 8px 0 0;
  margin: 0 auto;
  border: 0px solid #212121;
  box-sizing: border-box;
  padding: 0;
  outline: grey solid 1px;
  float: none;
  z-index: 4000;
}

#NoEdittool4 .eightfive input {
  margin: 5px
}

#NoEdittool4 .eightfive div {
  height: 40px
}

.eightfive .tright {
  height: 40px;
  padding-top: 10px;
  margin-bottom: 10px
}

#NoEdittool2 img {
  float: left;
  max-height: 30vh;
  0% */ 4% */
  min-height: 25px;
  height: auto;
  width: 1;
  1
  flex-shrink: 10;
  margin: 5px 5px 5px 5px;
  max-width: 2%;
  min-width: 15px;
  min-height: 12px;
  align-self: flex-start;
  align-content: space-around;
  justify-content: space-around;
}

@media only screen and (min-width:1441px) and (max-width:12700px) {
  #NoEdittool7,
  .scale {
    -ms-transform-origin: 0 -90px;
    -o-transform: scale(.8, .8);
    -o-transform-origin: 0 -80px;
    transform-origin: 0 -90px;
    -webkit-transform-origin: 0 -90px;
    -ms-transform: scale(.8, .8);
    -webkit-transform: scale(.8, .8);
    transform: scale(.8, .8)
  }
}

#NoEdittool7,
undocked {
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  webkit-transform-origin: 0 0
}

#FloatingToolsContainer .palettes80 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.8, .8);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.8, .8);
  -webkit-transform: scale(.8, .8);
  transform: scale(.8, .8)
}

#FloatingToolsContainer .palettes90 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.9, .9);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.9, .9);
  -webkit-transform: scale(.9, .9);
  transform: scale(.9, .9)
}

#FloatingToolsContainer .palettes95 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.95, .95);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.95, .95);
  -webkit-transform: scale(.95, .95);
  transform: scale(.95, .95)
}

#FloatingToolsContainer .palettes85 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.85, .85);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.85, .85);
  -webkit-transform: scale(.85, .85);
  transform: scale(.85, .85)
}

#FloatingToolsContainer .palettes65 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.65, .65);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.65, .65);
  -webkit-transform: scale(.65, .65);
  transform: scale(.65, .65)
}

#FloatingToolsContainer .palettes75 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.75, .75);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.75, .75);
  -webkit-transform: scale(.75, .75);
  transform: scale(.75, .75)
}

#FloatingToolsContainer .palettes70 {
  -ms-transform-origin: 0 400px;
  -o-transform: scale(.7, .7);
  -o-transform-origin: 0 400px;
  transform-origin: 0 400px;
  -webkit-transform-origin: 0 400px;
  -ms-transform: scale(.7, .7);
  -webkit-transform: scale(.7, .7);
  transform: scale(.7, .7)
}

@media only screen and (max-height:800px) and (min-height:1px) {
  #NoEdittool7,
  .scale {
    transform: scale(1, 1);
    max-height: 90vh
  }
  #NoEdittool7wrap {
    -webkit-transform-origin-x: right
  }
  .Menu1Dialog1 {
    height: auto;
    max-height: 100%
  }
  .Menu1Dialog1s {
    height: 0
  }
  div.toolnavmenu,
  div.undockedp {
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
  }
}

.Menu1Dialog1 {
  height: 100%
}

.Menu1Dialog1s {
  height: 0
}

div.toolnavmenu,
div.undockedp {
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0
}

@media only screen and (max-height:9000px) and (min-height:800px) {
  #NoEdittool7,
  .scale {
    -ms-transform-origin: 0 45px;
    -o-transform: scale(.75, .75);
    -o-transform-origin: 0 45px;
    -ms-transform: scale(.75, .75);
    transform: matrix(.7, 0, 0, .7, 0, 100px);
    9) */
  }
  .Menu1Dialog1 {
    height: 450px
  }
  .Menu1Dialog1s {
    height: 0
  }
  div.toolnavmenu,
  div.undockedp {
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
  }
}

#sharedSpacetools .cke_combo,
#sharedSpacetools .cke_combo_button {
  padding-left: 0;
  width: 110px;
  max-width: calc(100% - 4px);
  height: 20px;
  margin: 1px auto;
  line-height: normal;
  /* float: right; */
  position: relative;
  /* overflow:  hidden; */
  display: block;
  min-width: 74px;
}

#sharedSpacetools .toolbar {
  float: left;
  display: block;
  min-width: 100%
}

#sharedSpacetools a.cke_button {
  /* padding: 4px 5px; */
}

#sharedSpacetools .a.cke_button {
  padding: 2px
}

#NoEdittoo2l333-5embed,
#NoEdittoo2l33i3-5embed {
  margin: 0, ;
  height: 30px;
  top: 0;
  margin-left: 0 auto;
  position: relative;
  min-width: 98%;
  width: auto;
  max-width: 100%
}

#NoEdittoo2l33i3s-5embed {
  height: 30px!important
}

#sharedSpacetools .cke_toolgroup {
  padding: 0;
  /* border: none; */
  min-width: 56px;
  -webkit-box-shadow: none;
  /* box-shadow: none; */
  /* margin: 0px 2px; */
  width: auto;
  display:  inline-block;
  background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#292929));
}

#sharedSpacetools .cke_toolbar_separator {
  /* padding: 0; */
  /* width: 0; */
  /* margin: 0; */ 0 */
}

#sharedSpacetools .cke_inner,
#sharedSpacetools .cke_top {
  clear: both;
  padding: 0;
  max-width: 99;
  min-width: auto;
  width: auto;
  height: auto;
  height: auto;
  border: none;
  box-shadow: none;
  display: inline;
  background: 0 0;
  margin: 0;
  position: static;
  overflow: visible;
}

.trightfull {
  display: flex;
  width: auto;
  padding-top: 2%;
  max-width: 100%;
  background: 0 0;
  height: auto;
  margin: 0;
  min-height: 40px;
  flex-grow: 1;
  flex-wrap: wrap;
  overflow: hidden;
  max-height: 1500px
}

#NoEdittool2 .palcont {
  transition: all 500ms ease;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  flex-direction: column-reverse;
  flex-flow: column-reverse;
  max-height: 101%;
  min-height: 5px;
  margin: 0 5pxx 5pxx 0;
  height: auto!important;
  overflow-x: hidden;
  max-width: calc(100% - 13px);
  background: url(../assets/pearlhand3.png) right top/8px 250px #242424;
  padding: 0;
  min-width: 150px;
  justify-content: flex-end;
  overflow: hidden;
  z-index: 0;
  overflow-y: auto;
  float: left;
  left: 0;
  top: 0;
  border: none;
  border-right-width: 2px;
  position: r;
  width: 99%;
  background-repeat-y: repeat;
  background-repeat-x: no-repeat;
  box-shadow: none;
  resize: horizontal
}

.trightselect .zmargin {
  margin: 0
}

.Stylemenubox {
  background: linear-gradient(to top, #3e3e3e 0, #393939 50%, #3d3d3d 100%);
  olor: #bfbfbf;
  border: none;
  overflow: hidden;
  margin: 0 auto;
  position: static;
  border-radius: 4px;
  padding: 0 0 1%;
  width: auto;
  height: 100%;
  box-shadow: bbbbbbb;
  max-width: 360px;
  transform: matrix(1, 0, 0, 1, 0, 0)
}

.trightselect .trightselect {
  width: 100%
}

.tmid {
  min-width: 100px;
  max-height: 300px;
  padding: 3px 3px 5px;
  min-height: 50px;
  width: auto;
  */float: left;
  max-width: 100%;
  margin: 5px 0 5px 3%;
  display: flex;
  flex-grow: 1;
  flex-flow: row;
  flex-shrink: 1;
  overflow: hidden;
  height: 50;
  float: left;
  flex-wrap: wrap;
  align-items: center
}

.tmid2 {
  width: 100%;
  max-width: 500px;
  float: left;
  margin: 2px auto auto;
  display: flex;
  flex-grow: 1;
  flex-flow: row;
  flex-wrap: wrap;
  flex-shrink: 1;
  overflow: visible
}

.AlignMenu image {
  float: left;
  width: 25px;
  margin: 5px
}

.AlignMenu {
  background-color: transparent;
  flex-wrap: wrap
}

.fluxhighlight {
  color: #fff;
  background: -webkit-linear-gradient(top, #efd49d, #a88c41)
}

.bgopacity,
.verticalselect .bgopacity select {
  px;
  */ margin-bottom: 14px;
  color: #e5e5e5;
  width: 100%;
  margin: 2px;
  border-radius: 3px
}

.verticalselect .bgopacity {
  border-radius: 3px;
  max-height: 40px;
  width: auto!important;
  margin: 1px auto 8px;
  flex-grow: 1;
  height: auto;
  min-width: 90%;
  display: block;
  overflow: hidden;
  max-width: 90%;
  0% */min-width: 45%;
  float: none;
  background: -webkit-linear-gradient(to left, #404040 0, #4c4c4c 6px, #5a5a5a 2px, #080808 30px, #2d2d2d 37px, rgba(50, 50, 50, 1) 100%);
  background: linear-gradient(to left, rgba(94, 94, 94, .99) 28px, #242424 29px, #000 30px, #1b1b1b 31px, #181818 32px);
  border: none;
  box-shadow: inset 0 0 1px 1px rgba(18, 18, 18, .08), 1px 1px 0 1px rgba(0, 0, 0, .16) inset, -20px 0 5px 0 #00059 inset
}

.verticalselect .full {
  width: 99%;
  max-height: 74px;
  height: auto;
  margin: 4px
}

.full select,
.verticalselect {
  height: auto;
  background: 0 0;
  color: #000
}

.verticalselect .full iframe {
  height: 100%;
  width: 100%
}

#fontFamily {
  %) */ background: -webkit-linear-gradient(top, #8f8f8f, #1d1d1d);
  -webkit-appearance: initial;
  border: 1px solid;
  appearance: unset;
  color: #eee;
  height: 100%;
  max-height: 100%;
  border-radius: 0 3px 0 0;
  min-height: 25px;
  BORDER-BOTTOM-RIGHT-RADIUS: 3px;
  margin: 0;
  background-image: url(../assets/dropdown.png);
  background-size: 12px;
  background-repeat: no-repeat;
  padding: 3px 3px 3px 15px;
  background-position: 98% 50%;
  font-size: 12px;
  min-width: 100%
}

.smallmenutext {
  float: left;
  margin: 0;
  padding: 7px;
  text-align: center;
  font-size: 12px;
  flex-grow: 1;
  background: #303030;
  border: 1px solid #000
}

#NoEdittool2 .palcont {
  transition:none;
  box-sizing: border-box;
  display: flex;
  z-index:  1000000000;
  overflow: visible;
  flex-grow: 1;
  flex-direction: column-reverse;
  flex-flow: column-reverse;
  max-height: 101%;
  min-height: 100%;
  margin: 0 5px 0px 0;
  height: auto !important;
  overflow: visible;
  max-width: calc(100% - 13px);
  background: #0000001c;
  padding: 0;
  background-repeat: no-repeat;
  min-width: 145px;
  justify-content: flex-start;
  overflow: visible;
  float: left;
  left: 0;
  top: 0px;
  border: none;
  border-right-width: 2px;
  width: 99%;
  background-repeat-y: no-repeat;
  background-repeat-x: no-repeat;
  box-shadow: none;
  resize: horizontal;
  box-shadow: inset 0px 0 0 20px #131415, inset -16px 0px #9999998a, inset 0px -14px 2px 4px #00a0d200;
  position: relative;
  background: url(../assets/translay.png);
  /* background-color: white; */
  background-color: #29292900;
  /* box-shadow: 0 0 0 6px black; */
}

.trightselect .zmargin {
  margin: 0
}

.Stylemenubox {
  background: linear-gradient(to top, #3e3e3e 0, #393939 50%, #3d3d3d 100%);
  olor: #bfbfbf;
  border: none;
  overflow: hidden;
  margin: 0 auto;
  position: static;
  border-radius: 4px;
  padding: 0 0 1%;
  width: auto;
  height: 100%;
  box-shadow: bbbbbbb;
  max-width: 360px;
  transform: matrix(1, 0, 0, 1, 0, 0)
}

.trightselect .trightselect {
  width: 100%
}

.tmid {
  min-width: 50px;
  margin: 0px;
  max-height: 300px;
  padding: 0px;
  min-height: 50px;
  width: 90%;
  */
  float: left;
  max-width: 100%;
  margin: 5px 0 5px 3%;
  display: flex;
  flex-grow: 1;
  flex-flow: row;
  align-content:  center;
  flex-shrink: 1;
  overflow: hidden;
  height: 50;
  float: left;
  flex-wrap: wrap;
  align-items: center;
  align-content:  space-around;
}

.tmid2 {
  width: 100%;
  max-width: 500px;
  float: left;
  margin: 2px auto auto;
  display: flex;
  flex-grow: 1;
  flex-flow: row;
  flex-wrap: wrap;
  flex-shrink: 1;
  overflow: visible
}

.AlignMenu image {
  float: left;
  width: 25px;
  margin: 5px
}

.AlignMenu {
  background-color: transparent;
  flex-wrap: wrap
}

.fluxhighlight {
  color: #fff;
  background: -webkit-linear-gradient(top, #efd49d, #a88c41)
}

.bgopacity,
.verticalselect .bgopacity select {
  px;
  */ margin-bottom: 14px;
  color: #e5e5e5;
  width: 100%;
  margin: 2px;
  border-radius: 3px
}

.verticalselect .bgopacity {
  border-radius: 3px;
  max-height: 40px;
  width: auto!important;
  margin: 1px auto 8px;
  flex-grow: 1;
  height: auto;
  min-width: 90%;
  display: block;
  overflow: hidden;
  max-width: 98%;
  0% */
  min-width: 45%;
  float: none;
  background: linear-gradient(to left, rgba(94, 94, 94, .99) 28px, #242424 29px, #000 30px, #1b1b1bc4 31px, #181818 32px); 50, 50, 1) 100%)
  background: linear-gradient(to left, rgba(94, 94, 94, .99) 28px, #242424 29px, #000 30px, #1b1b1b 31px, #181818 32px);
  background: linear-gradient(to left, rgba(94, 94, 94, 0.68) 28px, #242424 29px, #000 30px, #1b1b1bbf 31px, #181818 32px);
  box-shadow: inset 0 0 1px 1px rgba(18, 18, 18, .08), 1px 1px 0 1px rgba(0, 0, 0, .16) inset, -20px 0 5px 0 #00059 inset;
  opacity: .9;
}

.verticalselect .full {
  width: 99%;
  max-height: 74px;
  height: auto;
  margin: 4px
}

.full select,
.verticalselect {
  height: auto;
  background: 0 0;
  color: #000
}

.verticalselect .full iframe {
  height: 100%;
  width: 100%
}

#fontFamily {
  %) */
  background: -webkit-linear-gradient(top, #8f8f8f, #1d1d1d);
  -webkit-appearance: initial;
  border: 1px solid black;
  appearance: unset;
  color: #a52b2b;
  height: 100%;
  max-height: 100%;
  border-radius: 0 3px 0 0;
  min-height: 25px;
  BORDER-BOTTOM-RIGHT-RADIUS: 3px;
  margin: 0;
  background-image: url(../assets/dropdown.png);
  background-size: 12px;
  background-repeat: no-repeat;
  padding: 3px 27px 3px 5px;
  background-position: 98% 50%;
  font-size: 12px;
  min-width: 100%;
  /* box-shadow: inset 1px 1px 20px 1px #696565, inset 3px -2px 40px 0px #444340; */
  /* background-image: url(../assets/fluxpearl2h.png); */
  text-shadow: 1px 1px 1px black;
}

.smallmenutext {
  float: left;
  margin: 0;
  padding: 7px;
  text-align: center;
  font-size: 12px;
  flex-grow: 1;
  background: #303030;
  border: 1px solid #000
}

.singleselect {
  height: 45px
}

.menudesctxt {
  font-size: 14px;
  float: left;
  height: 18px;
  border-top: 1px solid #000;
  margin: 0;
  padding: 4px;
  text-align: center;
  flex-grow: 1;
  border-bottom: none;
  border-right: 1px outset #23282d
}

#docktoolscontainer .palettes {
  -ms-transform-origin: 0 660,;
  -o-transform-origin: 0 0;
  display: flex;
  flex-direction: row;
  /* background: #131313; */
  background-image: url(../assets/speck.png);
  /* box-shadow: inset 0px 45px 4px 0px #383838bd; */
}

input[type=range]::-ms-track {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: 0 0;
  color: transparent;
  overflow: visible
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 100%;
  -moz-appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: 0 0;
  color: transparent;
  overflow: visible
}

input[type=range] {
  width: 100%;
  height: 35px;
  -webkit-appearance: slider-horizontal;
  margin-top: 0;
  padding: 0;
  border-left: none;
  %) */
  color: transparent;
  overflow: visible;
  background-color: #0c0c0c00;
  opacity: 1;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: 0 0;
  border: transparent
}

input[type=range]:focus {
  outline: 0
}

input[type=range]::-ms-thumb {
  width: 40px;
  height: 40px;
  border-radius: 0;
  border: 0;
  background: rgba(165, 34, 34, 0)
}

input[type=range]::-moz-range-thumb {
  width: 40px;
  height: 40px;
  border-radius: 0;
  border: 0;
  background: 0 0
}

input[type=range]::-webkit-slider-thumb {
  width: 40px;
  height: 40px;
  border-radius: 0;
  border: 0;
  background: rgba(181, 24, 24, 0);
  -webkit-appearance: none
}

input[type=range]::-ms-fill-lower {
  background: 0 0;
  border: 0
}

input[type=range]::-ms-fill-upper {
  background: 0 0;
  border: 0
}

input[type=range]::-ms-tooltip {
  display: none
}

.slidershell {
  position: relative
}

.slidertrack {
  border-radius: 4px;
  position: absolute;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, .94) 30%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, .94) 30%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, .12) 30%, rgba(0, 0, 0, .57) 100%)
}

.sliderfill {
  border: 1px solid #00767f;
  border-radius: 4px;
  position: absolute;
  opacity: 1;
  pointer-events: none;
}

.slider,
.slidervertical {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  z-index: 100
}

.slidershell {
  border: 0;
  overflow: visible
}

div.slidertrack {
  border: 3px groove #b1b1b1c2;
  border-radius: 0;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, .94) 30%, rgba(0, 0, 0, 0) 100%) center/100% 8px;
  height: 6px;
  width: 100%;
  margin: auto;
  padding: 0;
  background-repeat-y: no-repeat;
  position: absolute;
  z-index: 1;
  opacity: .57;
  /* background: url(../assets/fluxpearl.png); */
  background-position: right top;
  background-repeat-y: repeat;
  background-repeat-x: no-repeat;
  background-size: cover;
  box-shadow: inset 220px 0px 19px -200px #353132e3;
  box-shadow: 0 0 0 1px black;
  background: url(../assets/fluxpearl.png);
}

div.sliderfill {
  border-radius: 0;
  max-width: 99%;
  pointer-events: none;
  background: -webkit-linear-gradient(top, rgb(251, 251, 251), #000000);
  height: 4px;
  margin-top: 2px;
  overflow:  hidden;
  margin-right: 0;
  border: 1px solid #5c7184e6;
  margin-left: 3px;
  border-raduis: none;
  z-index: 2;
  border-left: none;
  border-right: none;
  box-shadow: 0px 0px 2px 1px #161f31ab;
}

.slideopacity {
  background: url(../assets/newui/opacityfilledr.png)
}

.sliderthumb {
  background-image: url(../assets/rangeicon2.png);
  width: 35px;
  height: 21px!important;
  background-position: center;
  background-size: 19px;
  background-repeat: no-repeat;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 5px;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  cursor: -webkit-grabbing;
  opacity: 1;
  z-index: 10
}

.slidervalue {
  width: 25px;
  height: 22px;
  line-height: 30px;
  color: #fff;
  font-family: sans-serif;
  font-size: 10px;
  position: absolute;
  left: -30px;
  top: 0;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  pointer-events: none;
  background-color: gray;
  border: 2px solid rgba(0, 0, 0, .3)
}

input[type=range].slidervertical {
  -webkit-appearance: slider-vertical;
  writing-mode: bt-lr;
  opacity: .01
}

div.slidershell,
slidershell div {
  max-width: 100%;
  z-index: 1;
  overflow: visible;
  margin: 4px auto 5px;
  max-height: unset;
  min-width: 80%;
  min-height: unset;
  height: 35px;
  width: 80%;
  position: relative;
  padding: 0
}

div.slidershell input {
  width: 100%; // position:absolute;z-index:10000;position:absolute;top:0;left:0;margin:0}div.sliderthumb,div.sliderthumb div{max-width:unset;max-height:unset;min-width:unset;min-height:unset;overflow:visible;width:24px;float:none;position:absolute;z-index:10;height:0;left:-11px;cursor: auto;opacity:1;top:4px;}.palettes .pmenui{width:auto;display:block;padding:3p;max-height:35px;max-height:25px;min-height:25px;max-width:55px;min-width: 55px;font-size:11px;outline:0;ll;background-image:none;}.single .range{clear:both;float:none;width:100%;margin:0 auto;/* padding-top:10px; *//* background: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.15),hsla(0, 0%, 69%, 0.24)); */)) *//* background-image: url(../assets/fluxpearl.png); */background:;background-repeat: repeat;background:      background-image: url(../assets/fluxpearl2h.png);}.group:after{content:"";display:table;clear:both}.palettes .single .RangeFit,.range{width:100%;padding:0;overflow:hidden;height:auto;margin:2px a 5px;border:none;border-top:none;border-radius:6px;clear:both;float:none}.palettes div.absolute{position:absolute;border-right:none;top:0;z-index:3;overflow:visible;height:50px;margin-right:2%;width:0;margin-left:1%;left:-1%;opacity:.7;background-color:#fff}
 
div#FluxFMenuFolded {
    position: relative;
    top: -17px;
    /* height: 30px; */
    /* width: 375px; */
    z-index: 1;
    height: auto;
    background: #000000;
    /* transform: rotate(-90deg); */
    left: -2px;
    top: px;
    /* display: flex; */
    z-index: 1000;
    overflow: visible;
    float: none;
    ft; */
    border: 1px  solid rgba(0, 0, 0, 0);
    padding: 0;
    min-height: auto;
    max-height: 130px;
    /* margin-bottom: 10px; */
    margin-top: 0px;
    min-width: 0px;
    min-height: auto;
    clear: both;
    width: auto;
    padding: 2px;
    width: 100%;
    box-shadow: inset 0px -19px 10px 0px #88a5a6ad;414cc
    border-top:;
}

.ToolbarWrap {
    width: auto;
    max-width: unset;
    position: relative;
    overflow: visible;
    height: 0px;
    display: inline;
    overflow-y: visible;
    height: auto;
    background: none;
    background: #24242405;
    overflow: visible;
    min-height: 0px;
    max-height: 35px;
    min-width: 100%;
    border: none;
    margin: 0;
    z-index: 10;
    padding-bottom: 0px;
    background: #b3b3b30a;
}
 

.tmid.right {
    min-width: auto;
}

.smalldesc {
    background: rgba(73, 74, 74, 0);
    border: 3px groove rgba(111, 111, 111, 0.43);
    border-left: NONE;
    border-right: none;
    font-family: arial;
    border-right: none;
    border-left: none;
    margin: 0px auto;
    width: 100%;
    float: none;
    color: #c9c9c9e0;
    text-align: center;
    height: auto;
    font-size: 9px;
    padding: 2px;
    /* border: none; */
    min-width: 97%;
    overflow: hidden;
    float: none;
    margin-bottom: 15px;
    font-weight: 400;
    padding: 12x;
    /* border-left: none; */
    text-shadow: 1px 1px 0px #b9b9b9ba;
    background: -webkit-linear-gradient(top,rgb(47, 47, 47),rgba(66, 66, 66, 0.98));
    border: 3px groove rgba(143, 143, 143, 0.71);
    box-shadow: -2px -4px 0px 0px rgba(0, 0, 0, 0.45);
    border-left: none;
    border-right: none;
    /* border-top-left-radius: 8px; */
    /* border-top-right-radius: 8px; */
    -webkit-text-stroke: snow;*
    -webkit-text-stroke-width: 1px; */
    height: unset;
    padding: 6px;
}

.smalldesc {}

.menudesc .smalldesc {
    height: auto;
    font-size: 9px;
    padding: 0;
    padding: 2px;
    border: 2px groove rgba(45, 45, 45, 0.61);
    border-left: none;
    border-bottom: none;
    min-height: 25px;
    color: black;
    max-width: 100;
    min-width: calc(100% - 2px);
    background-color: #293d3e70;
    box-shadow: inset 1px 1px 20px 1px #696565, inset 3px -2px 40px 0px #444340;
    background-image: url(../assets/fluxpearl2h.png);
}

div#dockedmenucontainer {
    padding-right: 0px;
    overflow-x: hidden;
    position: relative;
    overflow-y: hidden;
    height: auto;
    min-height: 25px;
    max-height: 500vh;
    background: no-repeat;
    /* margin-bottom: 250px; */
    width: auto;
    min-width: 0px;
    /* margin: 0px auto; */
    top: 0px;
    z-index: 0;
    display: inline;
    background: none;
}

div#dockedmenucontainer {}


img.mainmenuA {
    height: 20px;
    float: right;
    float: left;
    display: list-item;
    /* margin-right: 10%; */
    display: none;
    margin: 4px;
}




img.mainmenuI {
    height: auto;
    /* margin-top: 0px; */
    float: left;
    position: static;
    height: 23px;
    right: 10px;
    /* max-height: 18px; */
    max-width: 20%;
    /* padding-bottom: 2px; */
    padding: 0px 4px 4px 4px;
    opacity: .8;
    float: right;
}




















.menudesc span {
    display: inline-block;
    padding-top: 10px;
}

.tmidleft {
    min-width: 50px;
    /* right: 10%; */
    padding: 0px;
    min-height: 70px;
    width: 50%;
    max-width: 100%;
    /* margin: 1%; */
    display: block;
    /* flex-grow: 0; */
    flex-flow: row;
    flex-wrap: wrap;
    flex-shrink: 1;
    overflow: visible;
    margin-top: 5px;
    margin-bottom: 5px;
    /* padding-bottom: 5px; */
    overflow: hidden;
    float: left;
    /* padding: 5px; */
    min-height: 50px;
    position: relative;
    /* height: 35px; */
    width: 40%;
    width: auto;
}

.tmidright {
    width: 50%;
    margin: 3px;
    /* position: relative; */
    min-width: 30%;
    min-height: 50px;
    /* width: 80%; */ 100%
    margin: 0px auto;
    display: block;
    /* flex-grow: 1; */
    /* flex-flow: row; */
    /* flex-wrap: wrap; */
    /* flex-shrink: 1; */
    overflow: hidden;
    /* margin-top: 5px; */
    /* margin-bottom: 5px; */
    /* padding-bottom: 5px; */
    /* overflow: hidden; */
    max-width: 100%;
    float: left;
    /* border-bottom-left-radius: 8px; */
    /* border-bottom-right-radius: 8px; */
    height: auto;
    /* right: 15%; */
    max-width: 300px;
    width: auto;
    
     */
    margin-left: 0px;
    min-width: 70px;
    margin-right: 0%;
    position: relative;
    /* left: -10%; */
}

.tleft.mtop {
    margin: 1%;
    /* margin-right: 0%; */
    width: auto;
    width: auto;
    float: left;
    margin-bottom: 10px;
}

.tleft.pickerswatch.mtop {
    /* margin: 5%; */
    margin-left: 10%;
    position: relative;
    left: 0%;
    px; */
    z-index: 4;
    margin: 0;
    /* margin-bottom: 5px; */
    width: auto;
    height: auto;
    min-width: 0px;
    max-width: 40%;
    float: left;
    width: 35;
    /* max-width: 100%; */
    clear: both;
    /* align-items: stretch; */
    overflow: visible;
    display: block;
    margin-right: 20%;
    /* margin: 3%; */
    margin-bottom: 15px;
}

.single select.styled-selectfull {
    width: 100%;
    margin: 0px;
    max-width: 100%;
    padding-right: 32px;
}








.dockedforiegn {
    height: auto;
    overflow: auto;
    position: static;
    top: 0px;
    border-bottom: 4px inset #303c38;
    z-index: 10500;
    /* resize: both; */
    width: 100%;
    margin: 0px;
    background: -webkit-linear-gradient(top,rgb(93, 93, 93),rgb(97, 97, 97));
    box-shadow: 0px 13px 6px 0px rgba(238, 238, 238, 0.34);
    min-height: 100%;
    /* max-height: 96%; */
    /* margin-bottom: 250px; */
}

.palettes .palcont div.menuItem, div.menuItem {
  background: rgb(0, 0, 0);
  border: 1;
  margin: 1% auto;
  font-size: 11px;
  overflow: scroll;
  /* float: none; */
  min-height: 100%;
  /* height: 100%; */
  font-weight: bolder;
  position: relative;
  /* z-index: 500; */
  /* border-bottom: 0px ridge #1e1e1e61; */
  overflow: hidden;
  /* border-left: none; */
  /* border-right: none; */
  height: 98%;
  outline: none;
  /* min-height: 150px; */
  width: 300px;
  background: none;
  width: auto;
  /* min-height: 1vh; */
  max-height: 1000px;
  float: left;
  height: auto;
  max-width: 100%;
  border-radius: 0px;
  /* margin-bottom: 2px; */
  /* margin-top: 1px; */
  /* border-bottom-left-radius: 4px; */
  /* border-bottom-right-radius: 4px; */
  margin-bottom: 10px;
  /* margin-right: 25px; */
  box-shadow: ,0px 0px 6px 4px #1b2631;
  box-shadow: none;
  /* margin: 0px; */
  max-width: unset;
  min-width: 100%;
  /* flex-wrap: wrap; */
  /* flex-shrink: 0; */
  flex-grow: 1;
  /* flex-flow: wrap-reverse; */
  /* flex-direction: row-reverse; */
  /* min-height: 0%; */
  padding-bottom: 0;
  /* margin-bottom: 1px; */
  /* margin-top: 0px; */
  margin: px auto;
  /* box-shadow: none; */
  border: none;
  min-height: 65px !important;
  transition: height 200ms;
  min-width: 92%;
  width: auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  /* display: flex; */
  /* flex-grow: 5; */
  /* flex-shrink: 5; */
  /* border-top: none; */
  flex-direction: column;
  /* flex: 1; */
  /* height: 75%; */
  max-height: 600vh !important;
  flex-direction: column;
  min-height: 50px;
  overflow: hidden;
  background-image: linear-gradient(to top,rgba(0, 0, 0, 0.88),rgba(0, 0, 0, 0.48));
  /* border: 1px solid #5a5a5a; */
  /* min-height: 100%; */
  /* position: relative !important; */
  /* padding: 6px; */
  min-width: 100%;
  width: 100%;
  margin: 0px auto;
  border: 1px groove #525252f7;
  /* border-left: none; */
  /* border-bottom: none; */
  /* border-right: 1px solid #888888; */
  box-sizing: border-box;
  padding-top: 0;
  /* border-top: 1px; */
  margin-bottom: 1px;
  height: 50px;
  /* border: none; */
}

.menuItem {
}

img.fluxicon {
    margin: 0px auto;
    /* max-width: 60%; */
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-in0;
    max-height: 20px;
    min-width: 80%;
    height: auto;
    width: auto;
    /* flex-shrink: 1; */
    opacity: 1;
    z-index: -1;
}

div#MenuContainer {
    overflow: visible;
    width: 100%;
    position: fixed;
    z-index: 1001;
}





#docktoolscontainer::-webkit-scrollbar, .palettes::-webkit-scrollbar, .swatchmini::-webkit-scrollbar,#PNEFontFrame::-webkit-scrollbar {
  width: 11px;


}
::-webkit-scrollbar-button {

  background-color: #eaeaeaa1;
  font-family:  Sonsie One;
  border: 2px solid rgba(62, 59, 59, 0.94);
}



::-webkit-scrollbar-track {
  background: -webkit-linear-gradient(left, #728888 0%,#4a5454 15%,#9e9e9e 49%,#a2c1c1 100%);
  border: 1px solid rgba(212, 188, 34, 0.66);
  border-radius: 12px;
  margin: 0px;
  width: 100px;
  /* outline: 5px solid white; */
  /* border: 4px solid transparent; */
  background-clip: content-box;
}
::-webkit-scrollbar-track:hover {
  background: #eee;
}



::-webkit-scrollbar-track:active {
  background: #c8dadc;
}
::-webkit-scrollbar-corner {
  background: linear-gradient(to top, rgba(131, 138, 139, 0.3) 0%,rgb(87, 99, 100) 50%,#fbfbfb 100%);

}


::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0px 4px 1px 1px #113535;
	background-color: #c3c3c3;6f */
	border: 2px inset #ccc;
	/* box-shadow: inset 0px 4px 1px 1px #345454, 0px -2px 0px 1px #e2eaea, 0px 2px 0px 1px #e7f3f3, inset 2px 2px 3px 1px rgba(190, 197, 197, 0.36); */
}


::-webkit-scrollbar
{
	width: 14px;
	height: 4%;
	height: 14px;
	max-width: 20px;
	overflow:  auto;
	overscroll-behavior-y: hidden;
}

.hpicker::-webkit-scrollbar, .hswatch::-webkit-scrollbar,  #PNEFontFrame::-webkit-scrollbar {
width:10px;
height:10px;
 
   
}

div#NoEdittool7 {}

div#NoEdittool7 {
    /* background: url(../assets/fluxpearl.png); */
    background-position: cover;
    background-repeat-y: repeat;
    background-repeat-x: no-repeat;
    background: linear-gradient(320deg, #000000f5 0%,#2f2f2f 24%,#0c0c0cd9 40%,#020202 50%,#171717 64%,#1b1b1b 76%,#000000 85%,#080808 100%,#000000bf 100%);
    /* background-color: #293d3e70; */
    /* background-image: url(../assets/pearl1.png); */
}


::-webkit-scrollbar-thumb
{
 /* background-color: #ffffff; */
 /* 
 background-image: -webkit-gradient(linear, 0 8, 10% 100%,  color-stop(.5, #23282d), color-stop(.2, #c1c1c1), color-stop(.5, #f3f3f3), to(#5c5d5f));

*/
 /* box-shadow: inset 0px -1px 1px 14px #ffffff, 0px -2px 0px 1px #236f6f, 0px 2px 0px 1px #589898, inset 2px 2px 3px 1px rgba(0, 0, 0, 0.36); */
 height: 10px;
 width: 10px;
 margin: 4px;
 /* border: 1px solid rgb(38, 61, 61); */
 }

.single .flex  {display: flex;}
.fleex .tleft {flex-grow:1;}

.flex tleft {
    flex-grow: 1;
}

.flex .tleft:first-child {
    flex-grow: 1;
    max-width: 40px;
    /* float: right; */
    min-width: 60px;
    align-items: center;
    width: 100%;
    vertical-align: middle;
    margin: auto;
}

.AlignMenu img {
    align-content: space-evenly;
    margin: 0px;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    flex-flow: row-reverse;
    max-height: 30px;
    /* max-width: 30px; */
    flex-grow: 3;
    flex-shrink: 1;
    max-width: 20%;
    min-width: 20px !important;
    padding: 5% !important;
    opacity: 1;
    align-items: center;
}


#NoEdittool2{
    transform: translateY(50px);
    50px: auto
    /* visibility: visible; */
    height: 200px;
    /* background: #000000; */
    position: static;
    overflow: hidden;
    /* left: auto; */
    /* width: 80vh; */
    /* resize: both; */
    /* background: rgba(0, 0, 0, 0.11); */
    height: 100px;
    height: 100px;
    px; */
    en;
    min-height: 158px;
    max-width: 100%;
    /* overflow-y: scroll; */
    box-shadow: none;
    /* overflow: auto !important; */
    /* overflow-x: auto !important; */
    width: 100vw;
    /* height: 100%; */
    /* margin: 0px auto; */
    /* max-height: 450px; */
    padding: 0;
    border: 0px inset rgba(128, 128, 128, 0.53);
    float: none;
    /* border: none; */
    min-height: 80px;
    margin: 0px;
    /* margin-top: 5px; */
    px; */
    margin-bottom: 5px;
    /* margin-right: 5px; */
    /* margin-left: 5px; */
    resize: horizontal;
    height: auto !important;
    max-width: 100% !important;
    /* float: left; */
    /* top: 50px; */
    overflow: visible;
    position: fixed !important;
    min-width: 151px;
    padding-right: 0px;
    max-height: calc(100vh - 100px);
    background-color: #000000;
    /* background-image: url(../assets/fluxinpearl.png); */
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-size: 35%;
    background-position: left 160px center;
    box-shadow: inset 50px 0px 250px 50px #000000a1, 1px 1px 3px 1px #000000b0, inset -20px 0px 0px 4px #403165;
    opacity:  1;
    min-height: 0px;
    z-index: 20000;
    /* box-shadow: inset 0 0 0 10px black; */
}

div#NoEdittool2 {
    min-width: 155px;
    z-index: 100000;
}

::-webkit-scrollbar-thumb:vertical {
  height:50px;
  background: rgb(37, 37, 37);
  background: rgb(0,0,0);
  background: -moz-linear-gradient(left, rgba(0,0,0,1) 2%, rgba(44,44,44,1) 5%, rgb(45, 45, 45) 9%, rgb(49, 49, 49) 49%, rgba(130,130,130,1) 86%, rgba(130,130,130,1) 86%, rgba(89,89,89,1) 91%, rgba(89,89,89,1) 91%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 96%, rgba(44,44,44,1) 100%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(left, rgb(37, 37, 38) 0%,#547b9c 60%,#959ea8 70%,rgb(78, 84, 89) 100%);
  /* background: #b4cccd; */
  
  filter: lack;
  margin:2px;
  border-radius: 3px;
  border:1px solid #2f3235;
  ;
  box-shadow: inset 3px 0px 8px 1px #a8b9bbba;
    box-shadow: inset 3px 0px 8px 1px #a8b9bbba;

}

::-webkit-scrollbar-thumb:hover {
}


::-webkit-scrollbar-thumb:active {

}


.paletes::-webkit-scrollbar-thumb{
    
   height:10vw;width:10vw
    
}


::-webkit-scrollbar-thumb:horizontal {
  width:60px;
  height:60px;
  background: rgb(37, 37, 37);
  background: rgb(0,0,0);
  background: -moz-linear-gradient(top, rgba(0,0,0,1) 2%, rgba(44,44,44,1) 5%, rgba(130,130,130,1) 9%, rgba(191,191,191,1) 49%, rgba(130,130,130,1) 86%, rgba(130,130,130,1) 86%, rgba(89,89,89,1) 91%, rgba(89,89,89,1) 91%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 96%, rgba(44,44,44,1) 100%, rgba(0,0,0,1) 100%);
  background: -webkit-linear-gradient(top, #4b58584d 0%,#7575758a 40%,#465d5d87 70%,rgba(89, 140, 162, 0.3) 100%);
  /* background: #b4cccd; */
  filter: lack;
  border-radius: 5px;
  border: 2px inset
   rgba(92, 135, 138, 0.47);
  box-shadow: inset 0px 0px 8px 1px #b4cccd;
    box-shadow: inset 6px 0px 8px 1px #6b8699;
}

a.cke_combo_button {
    min-width: 100%;
    /* float: left; */
    margin: 2%;
}

.subMenu {
    display: flex;
    height: 25%;
    margin-bottom: 10px;
}



.paletes:-webkit-scrollbar:hover
{
	width: 16px;
	background-color: #b02a3d;
	height: 16px;
	max-width: 16px;
}

.bgopacity.full, .bgopacity.full select, .full {
    width: 90%;
    max-height: 38px;
    float: none;
    min-width: AUTO;
    margin: 10px auto;
    border-radius: 0px 3px 3px 0px;
    /* margin-top: 15px; */
    padding: 0;
    color: black;
    border: 0px INSET #41414133;
    background: -webkit-linear-gradient(top,#919191,#454545);
    /* background: -webkit-linear-gradient(right,rgb(69, 69, 69) 30px,rgb(0, 0, 0) 31px,rgb(57, 57, 57) 33px,rgb(64, 69, 69) 100%); */
    box-shadow: inset 1px 1px 0px 0px #7d595930, inset -30px 0px 0px 0px #0000007d;
    background-image: url(../assets/fluxpearl2h.png);
}

.bgopacity.full {}

#NoEdittool2 img.fluxicon2 {
    /* max-height: 100px; */
    /* float: left; */
    /* position: absolute; */
    /* max-width: 200px; */
    /* margin: 0px auto; */
    top: 0px;
    /* left: 0px; */
    opacity: 1;
    /* min-width: 300px; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    right: 0px;
    height: auto;
    /* min-height: 30px; */
    px; */
    display: block;
    position: fixed;
    left: 0px;
    bottom: 0;
    display: none;
}

.smallerdesc {
    background: rgba(73, 74, 74, 0);
    border: 3px groove #eee;
    border-left: NONE;
    border-right: none;
    /* margin: 5px auto; */
    width: auto;
    color: #737373;
    text-align: center;
    height: 20px;
    font-size: 12px;
    /* border: none; */
    max-width: 100%;
    min-width: 40%;
    padding-top: 50;
}

.menudesc .smallderdesc {
    background: rgba(70, 78, 89, 0.12);
    border: 3px groove rgba(119, 119, 119, 0.39);
    border-left: NONE;
    border-right: none;
    margin: auto;
    width: auto;
    color: rgba(200, 202, 183, 0.5);
    text-align: center;
    height: 11px;
    font-size: 11px;
    /* border: none; */
    max-width: 75%;
    min-width: 75%;
    /* float: left; */
    border: none;
    padding: 1%;
    word-wrap: break-word;
    border: 3px groove rgba(162, 173, 169, 0.61);
    border-left: NONE;
    border-right: none;
}

.menudesc div {
    float: none;
    width: auto;
    top: 0;
    word-wrap: break-word;
    /* text-align: right; */
    height: auto;
    /* height: auto; */
    margin: 0px;
    padding: 2px;
    word-break:;
    font-family: arial;
    border-right: none;
    border-left: none;
    font-size: 11px;
    /* height: auto; */
    /* margin-left: 12px; */
    /* font-weight: 200; */
}

div.right {
    width: 20%;
    float: right;
    display: none;
}

.tabs li:nth-child(1) {
    /* position: relative; */
    /* left: -2%; */
    /* float: left; */
    /* z-index: 5; */
    /* top: 0%; */
    /* height: 20px; */
    /* max-height: 35px; */
    /* min-width: 30%; */
    /* min-height: 60px; */
    /* flex-grow: 2; */
}
.tabs li:nth-child(5) a {
    /* position: absolute; */
    /* left: -7%; */
    /* z-index: auto; */
    /* height: 40px; */
    /* top: auto; */
}

.tabs li:nth-child(5) {
    /* width: 70px; */
    position:;
    /* left: 15%; */
    z-index: 20;
    flex-grow: 2;
    /* bottom: 50%; */
    /* height: 20px; */
    /* height: 25px; */
    /* max-height: unset; */
    /* min-height: auto; */
    /* right: 0px; */
    /* bottom: 0px; */
    top: 0px;
    flex-grow: 8;
    border-bottom: none;
    /* min-width: 35%; */*/
    min-width: 100%;
    /* max-width: 45%; */
    /* display: block; */
    /* z-index: 32; */
    /* width: auto; */
    /* max-width: 100%; */
    /* margin: 0; */
    /* padding: 0; */
    /* border: none; */
    /* background: #00000014; */
}

.tabs li:nth-child(6) a {
    /* position: absolute; */
    /* left: -7%; */
    z-index: 25;
    /* height: 60px; */
    /* min-height: 60px; */
    /* top: auto; */
    /* border: none; */
}

.tabs li:nth-child(6) {
    position: relative;
    /* display: flex; */
    /* left: -5%; */
    z-index: 25;
    /* bottom: 50%; */
    /* height: 25px; */
    /* height: 25px; */
    /* max-height: unset; */
    /* min-height: auto; */
    /* right: 0px; */
    /* bottom: 0px; */
    /* top: -5%; */
    /* left: unset; */
    /* width: auto; */
    /* min-width: unset; */
    /* max-width: unset; */
    flex-grow: 3;
    /* display: block; */
    /* background: black; */
    /* flex-shrink: 0; */
}

.tabs li:nth-child(7) a {
    position: absolute;
    left: 0;
    z-index: 1;
    /* height: 20px; */
    top: 0px;
    /* max-height: 25px; */
    flex-grow: 3;
    /* order: 5; */
}

.tabs li:nth-child(7) {
    position: relative;
    /* left: -5%; */
    z-index: 30;
    /* bottom: 50%; */
    /* height: 20px; */
    height: auto;
    /* max-height: unset; */
    /* min-height: auto; */
    /* right: 0px; */
    /* bottom: 0px; */
    /* top: -5%; */
    /* tab-size: 20; */
    /* left: unset; */
    /* width: 100%; */
    /* max-width: 45%; */
    /* display: inline-block; */
    /* min-width: 35%; */
    flex-grow: 3;
}

.tabs li:nth-child(8) a {
    /* position: absolute; */
    /* left: -7%; */
    order: 1;
    z-index: 0;
    border-right: none;
    height: 27px;
    background: -webkit-linear-gradient(top,#ad7b22,#081113);
    /* box-shadow: none; */
}

.tabs li:nth-child(8) {
    position: relative;
    display: none;
    /* left: -5%; */
    z-index: 30;
    /* bottom: 50%; */
    /* height: 20px; */
    px; */
    height: 30px;
    /* max-height: unset; */
    /* min-height: 0px; */
    /* right: 0px; */
    /* bottom: 0px; */
    /* top: -5%; */
    /* max-width: 100%; */
    width: unset;
    /* min-width: 70px; */0% */
    display: block;
    flex-shrink: 4;
    flex-grow: 4;
}
.tabs li:nth-child(4) a {
    /* position: absolute; */
    /* left: -7%; */
    z-index: 1;
    /* height: 40px; */
    /* top: auto; */
}

.tabs li:nth-child(4) {
    position: relative;
    /* left: -6%; */
    z-index: 20;
    /* bottom: 50%; */
    /* height: 25px; */
    /* max-height: unset; */
    /* min-height: auto; */
    /* right: 0px; */
    /* bottom: 0px; */
    /* top: -5%; */
    /* left: unset; */
    /* width: 100%; */
    /* max-width: 100%; */
    /* display: block; */
    flex-grow: 1;
    flex-shrink: 0;
}

.tabs li:nth-child(2) {
    position: relative;
    /* left: 4%; */
    z-index: 10;
    /* top: 0px; */
    /* height: 20px; */
    /* top: -5%; */
    /* height: 50%; */
    /* max-height: 35px; */
    /* min-height: 25px; */
    /* border: 0; */
    flex-grow: 2;
    flex-shrink: 0;
}

.tabs li:nth-child(3) {
    position: relative;
    /* left: -4%; */
    z-index: 15;
    /* top: unset; */
    /* height: 20px; */
    /* height: 50%; */0% */
    max-height: 35px;
    /* min-height: 25px; */
    /* z-index: 10; */
    /* bottom: 0px; */
    /* right: 0px; */
    /* top: -4%; */
    flex-grow: 1;
}

div#NoEdittool3337-5embed {
    /* margin-top: 52px; */
}

div#docktoolscontainer {
    overflow-x:;
    position: absolute;
    top: -0px;
    border-left: none;
    background: rgba(21, 21, 21, 0.96);
    /* box-shadow: 2px 2px 0px 6px rgb(76, 76, 76); */
    width: auto;
    left: 0px;
    padding: 5px;
    border-top: 1px solid black;
    padding: 4px;
    margin: 1% auto;
    max-height: 500vh;
    height: unset;
    /* min-height: auto; */
    margin bottom:;
    margin bottom: 20;
    z-index: 2;
    /* margin-bottom: 0px; */
    /* bottom: -180px; */
    px; */
    px; */
    float: none;
    /* margin: auto; */
    /* resize: both; */
    /* margin: 0; */
    /* overflow: unset; */
    min-height: 100%;
    /* border: 1px solid #000; */
    color: #c9c9c9;
    overflow-y: auto;
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    /* vertical-align: middle; */
    vertical-align: middle;
    /* border-bottom-color: #060606; */06 */
    -moz-border-radius: 3px;
    /* -webkit-border-radius: 3px; */
    border-radius: 3px;
    /* height: auto; */
    /* outline: navajowhite; */
    /* padding: 2%; */
    /* min-height: 0px; */
    /* max-height: 500vh; */*
    overflow: hidden; */
    border-top: none;
    /* height: unset; */
    border-top: 90px;
    margin-top: 0px;
    display: block;
    border: none;
    resize: vertical;
    overflow: auto;
    /* border: 1px solid #000000; */
    /* overflow-wrap: break-word; */
    /* overflow-y: auto; */
    overflow-y: auto;
    background-image: url(../assets/speck.png);
    width: unset;
    height: auto;
    display: flex;
    overfow: hidden;
    max-width: calc(100% - 1px);
    min-width: calc(100% - 0px);
    overflow-y: auto;
    margin: 0px 0% 0px 1%;
    /* padding-top: 10px; */
    padding-bottom: 20px;
    flex: 1;
    padding: 0;
    margin: 1%;
    justify-content: space-evenly;
    flex-flow: wrap;
    border-right: none;
    flex-direction: column;
    flex-basis: auto;
    align-items: start;
    flex-wrap: wrap;
    /* min-height: 10px; */
    /* max-height: 500vh; */
    /* height: 60%; */
    /* height: 90%; */
    /* resize: both; */
    overflow: hidden;
    margin: 0-;
    box-shadow: none;
    /* width: auto; */
    margin: 0;
    margin-top: 20px;
    margin-bottom: 0%;
    width: calc(100% - 5px);
    height: calc(100% - 70px);
    /* resize: both; */
    max-height: 90%;
    min-height: 10%;
    resize: none;
    overflow: auto;
    overflow-x: hidden;
    display: block;
    /* border-top: none; */
    border-left: none;
    margin-top: 43px;
    width: auto;
    padding-top: 40px;
    /* border-top: 1px solid rgb(0, 0, 0); */
    /* background:  linear-gradient(to bottom, rgba(0,0,0,0.66) 0%,rgba(72,72,72,0.77) 24%,rgba(42,42,42,0.52) 40%,rgba(0,0,0,0.36) 50%,rgba(77,77,77,0.63) 64%,rgba(0,0,0,0.62) 76%,rgba(84,84,84,0.75) 85%,rgba(0,0,0,1) 100%); */
    /* transform: matrix(1, 0, 0, 1, 5, 0); */0) */
    visibility:;
}

input[type="button"] {
    width: auto;
    height: 20px;
}

.bgopacity {
    opacity:  .9;
}

#NoEdittool8 .bgopacity {
    min-width: 50%;
}

#NoEdittool4 .bgopaciy {
    min-width: 100%;
}

#NoEdittool4, #NoEdittool4 .menuItem {
    width: 100%;
    height: auto;
    background: #0000006b;
}

.RangeFit {
}

.RangeFit {
    background: -webkit-linear-gradient(top,rgba(238, 238, 238, 0),hsla(0, 0%, 100%, 0));
}

.tleft.bkcolorl:first-child {
    /* min-width: 100%; */
    /* max-width: 100%; */
}

.flex .tleft {
    max-width: 100%;
    min-width: 0px;
    max-width:;
    width: 100%;
    width: auto;
    margin: 0px auto;
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    margin-bottom: 5px;
    px; */
    flex-grow: 3;
    /* justify-content: space-around; */
    align-items: center;
}

flex.tleft {
    min-width: 20%;
    max-width: 20%;
}

.flex.tleft {
    /* max-width: 20%; */
}


::-webkit-scrollbar-button {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position:center;
    background-color
     : #ffffff;
    background-color: #353939d4;
    border: 2px outset #50505094;
    height: 30px;
    width: 30px;
    background-color: #e2e2e2b0;
    border: 2px groove    rgba(0, 0, 0, 0.57);
  }


::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(../assets/scroll.png);
     background-image: url(../assets/gpsr.png);
         background-position:left;    box-shadow:inset 1px 2px 2px 2px rgba(199, 218, 218, 0.24), inset 2px -2px 2px 2px rgba(96, 181, 181, 0.14);
}

::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(../assets/scroll.png);
 background-image: url(../assets/gpsl.png);
       background-position:right;    box-shadow:inset 1px 2px 2px 2px rgba(199, 218, 218, 0.24), inset 2px -2px 2px 2px rgba(96, 181, 181, 0.14);
 
}

::-webkit-scrollbar-button:vertical:increment {
    background-image: url(../assets/scroll.png);
        background-image: url(../assets/gpsu.png);
      background-image: url(../assets/gpsd.png );
    box-shadow:inset 1px 2px 2px 2px rgba(199, 218, 218, 0.12), inset 2px -2px 2px 2px rgba(96, 181, 181, 0.14);
           background-position:top;    background-color
     : rgba(178, 218, 220, 0.6);
}

::-webkit-scrollbar-button:vertical:decrement {
        background-image: url(../assets/gpsu.png);
        background-position:bottom;
    box-shadow:inset 1px 2px 2px 2px rgba(199, 218, 218, 0.24), inset 2px -2px 2px 2px rgba(96, 181, 181, 0.14);
    
    background-color
     : rgba(178, 218, 220, 0.6);
}
::-webkit-scrollbar-button:start {
  height: 15%;
border-radius:- 8px;
    margin: 0px;
   }

::-webkit-scrollbar-button:end { 

border-radius: -8px;
    margin: 0px;
  height: 15%;
   display:block;
  

    background-color
     :  #6b7677b3
       box-shadow:inset 1px 2px 2px 2px rgba(199, 218, 218, 0.24), inset 2px -2px 2px 2px rgba(96, 181, 181, 0.14);
}


.menu14{
    
  display:block;
  top:70px;
  left:0px;
  height:80vh;
  width:80vh;
    position:absolute;
    
    
}

.UnderConstruction{
    
   display:none; 
    
    
}

#LayersPallet span {
    display: inline-block;
    max-width: 100%;
    float: left;
    padding-left: 2px;
    margin: 3px;
    width: auto;
    margin: 2px;
    margin-bottom: 6px;
    font-size: 10px;
    font-weight: bolder;
    font-family: arial;
    font-style: normal;
}

#sharedSpacetools .cke_toolbox .cke_toolbar:nth-child(5) {
    /* max-width: 90%; */
    /* min-width: auto; */
    /* padding: 2px; */
}

div#sharedSpacetools {
    direction: ltr;
    position: static;
    width: 100%;
    z-index:  1000000000;
    /* flex-grow: 1; */
    min-height: unset;
    transition: height 300ms cubic-bezier(0.57, 0.48, 0.22, 0.88);
    float: left;
    max-width: unset;
    flex-shrink: 1;
    flex-grow: 3;
    max-height: 101%;
    height: auto  !important;
    overflow: visible;
    box-sizing: border-box;
    overflow: visible;
    margin-right: 0px;
    resize: none;
    border-radius: 4px;
    border: 2px groove #75757566;
    groove #6e6e6e70;
    /* box-shadow: 0 0 3px 3px white; */
    min-width: 50px;
    max-width: 100;
    margin: 1px auto;
    display: flex;
    border: navajowhite;
    width: 90%;
    justify-content:  space-around;
    min-width: 130px;
    margin: 0px;
    align-content: s;
}

#sharedSpacetools  .cke_combo_text {
    height: 20px;
    line-height: 0px;
    width: auto;
    max-width:  70px;
}

div#sharedspaceid {
    height: auto;
    height: auto !important;
    min-height: auto;
    border: none;
    /* max-height: 101%; */
    max-width: calc(100% - 15px);
    bottom:  unset !important;
    min-width: 100px;
    resize: none;
    overflow: visible;
    /* max-width: 710px; */
    /* min-width: 95px; */
    max-height: 101%;
    /* min-height: 10px; */
    margin-left:;
    transition: all 500ms ease;
    width: 100%;
    /* width: auto !important; */
    float: right;
    margin-right:  15px;
    /* background: url(../assets/fluxpearl2h.png); */
    /* background-position: right top; */
    /* background-repeat-y: repeat; */
    /* background-repeat-x: no-repeat; */
    /* background-size: cover; */
    er; */
    padding: 2px;
    margin: 2px;
    margin-right: 0px;
    /* background: #292929; */
    position: static;
    display: block !important;
}

cke_panel cke_combopanel {
    position: fixed  !important;
    /* border: none; */
    ne; */
    /* margin: 0px; */
    /* box-shadow: none; */
    /* height: 100%; */
    /* width: 100%; */
}



::-webkit-scrollbar-track:horizontal
{
	-webkit-box-shadow: inset 0px 1px 1px 1px #efefef;
 background: linear-gradient(to top, rgba(92, 106, 106, 0.58) 0%,rgb(255, 255, 255) 50%,#f1f1f1 100%);

	border: 1px solid rgba(255, 255, 255, 0.56);
	box-shadow: -3px 0px 1px 0px rgba(61, 75, 76, 0.46),  4px 0px 1px 0px rgba(85, 97, 97, 0.57), inset 0px -1px 0px 1px rgba(31, 31, 31, 0.43), inset 0px 3px 3px 0px rgba(35, 34, 34, 0.45);

border-radius:5px


}




::-webkit-scrollbar-track:vertical
{
	-webkit-box-shadow: inset 2px 0px 1px 1px #898989;


	border: 1px solid rgba(255, 255, 255, 0.56);
	box-shadow: 0px -3px 1px 0px #545d5ca6,  0px 3px 0px 0px rgba(87, 126, 130, 0.57), inset -1px 0px 0px 1px rgba(68, 78, 78, 0.52), inset 1px 0px 1px 0px rgba(72, 78, 78, 0.67);

border-radius:5px


}



::-webkit-scrollbar-track:vertical
{
	-webkit-box-shadow: inset 2px 0px 1px 1px #efefef;


	border: 1px solid rgba(255, 255, 255, 0.56);
	box-shadow: 0px -3px 1px 0px #545d5c6b,  0px 3px 0px 0px rgba(73, 88, 90, 0.52), inset -1px 0px 0px 1px rgba(68, 78, 78, 0.49), inset 1px 0px 1px 0px rgb(49, 49, 48);

border-radius:5px


}


.iframethumb{
    
height: auto;
    
min-width: 70%;
    
overflow:hidden;
    
max-width: 100%;
    
float: left;
    
border: none;
    
width: calc(100% - 27px);
    
min-height: 38px;
    
max-height: 32px;
    
opacity: .7;
    
transform: matrix(.8,0,0,.8,0,0);
    
/* border: 2px groove black; */
}


#topbar span {
    display: inline-block;
    width: 40px;
}

#NoEdittool4 img.lpicon {
    margin-right: 7px;
    height: 20px;
    position: relative;
    left: 2px;
    border: none;
    float: left;
}

Layerspalette input {
    float: right;
}

#LayersPallet .lpspan {
    width: calc(100% - 27px);
}

#LayersPallet img {
    width: 13px !important;
    float: right;
    border: none;
    background: none;
    margin: 2px;
    margin-right: 5px;
}

#LayersPallet input {
    width: 15px;
    padding: 0;
    float: right;
    margin: 0;
    margin-top: 0px;
    background: #bfbfbf;
    color: #6c8aa3;
    margin-right:  5px;
    box-shadow: inset 0 0 5px 1px #50606196;
    /* border: 2px solid black; */
}

toptoolbarwrap {
    width: 100%;
}

.toptoolbarwrap {
    width: 94%;
    height: auto;
    margin: 0;
    padding: 0;
}

.palcont {/*  */width: calc(100% - 15px);max-width: 100%;max-height: 500vh;padding: 8px;display: flex;flex-direction: column;display: -webkit-flex;/* display: flow-root; */-webkit-flex-direction: column;flex-direction: column;-webkit-align-items: flex-start;height: unset;/* min-height: 100%; *//* border-top: none; */background: none;lay: flex; */overflow-y: hidde;overflow-x: hid;l;/* flex-wrap: wrap; *//* align-items: flex-start; *//* flex: 1; */overflow grid-auto-columns:;overflow grid-auto-columns:;overflow grid-auto-columns:;flex-flow: column;flex-wrap: nowrap;/* box-shadow: inset 11px 0px 14px 3px #313131b0, inset 2px 2px 0px 3px #212121; *//* flex-grow: 1; */border-radius: 0;/* flex-basis: auto; *//* flex-shrink: 1; */box-shadow: navajowhite;/* padding: 5px; */background-color: rgba(0, 0, 0, 0.87);border: 1px solid #000;color: #c9c9c9;font-family: arial;font-size: 11px;font-style: normal;font-weight: 700;text-shadow: 1px 1px 1px rgb(19, 19, 19);vertical-align: middle;border: 1px solid #888888;border-bottom-color: #060606;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;height: unset;/* padding: 3%; */min-height: 100px;/* max-height: 100%; */height: 100;overflow: hidden;border: none;display: block;position: relative;/* margin: 5px auto; */margin-top: 40px;/* border: 1px solid black; */ck; *//* margin: 1% auto; *//* border: none; *//* min-width: -webkit-fill-available; */float: nonoe;/* resize:;/* padding: 0px; */padding: 0px;background:  none;}

#NoEdittool7 input[type=range], #NoEdittool7 input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}
#NoEdittool0 input[type=range], #NoEdittool0 input[type=range]::-webkit-slider-thumb {-webkit-appearance: slider-horizontal;}


div#NoEdittool0-transitions {}

div#NoEdittool0-transitions {
    background: #272727;
    width: auto;
}

.amen {
    border: 1px solid #444444;
    padding: 10px;
    background: rgb(45, 45, 45);
}



#NoEdittool14, #NoEdittool7 {

-webkit-transition: width 0ms;

/* transition: all 200ms; */

transition: unset;

ms; */

transform:;

float: none;

min-height:  30px;

visibility: visible;

/* border: 1px solid black; */

/* transform: matrix(1,0,0,1,0,0); */

background: -webkit-linear-gradient(,rgb(60, 60, 60),rgb(27, 27, 27));

background: #0e0e0e;

/* background: linear-gradient(320deg, #181818 0%,#1e1e1e 24%,#131313 40%,#000000 50%,#131313 64%,#131313 76%,#131313 85%,#000000 100%,#131313 100%); */
}

div#NoEdittool7 {
    /* background:  white; */
    transform: matrix(1,0,0,1,0,40);
    width: 125px;
    left: 40px;
    top: 20px;
    height: 60vh;
    visibility: visible;
    /* background-color: #293d3e70; */
    background-size: 100%;
    min-width: 125px;
    /* background-image: url(../assets/pearl1.png); */
}

/* For Safari 3.1 to 6.0 */
.palette, #NoEdittool14{-webkit-transition-timing-function: linear;}

.pallete, #NoEdittool14{transition-timing-function: ease-in-out;/* max-width: 100vw; */z-index: 10;top: 0px !important;/* left: 0px !important; *//* height: 100vh !important; */max-height: 100vh !important;position: static;visibility: visible;display: flex !important;flex-flow: column;flex-direction: column;bottom: 0;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   opacity: 0;

} 

div#fileContainer {
    /* transform: translate(0,-30px); */
    position: static;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100vw;
    height: 100vvh;
}


.tleft .bgopacity {
    width: auto;
    position: relative;
    left: 0%;*
    z-index: 2; */
    right: 0%;
    border: none;
    max-height: 15px;
    min-height: 25px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 0px;
    /* margin-right: 60px; */
    /* border: 1px solid #262626; */
    box-shadow: inset 0px 0px 1px 1px rgba(18, 18, 18, 0.15), 1px 1px 0px 1px rgba(0, 0, 0, 0.79) inset, -20px 0px 1px 0px #1e1e1e1f inset;
    border-radius: 3px;
    border: 2px solid #717171;72 */
    box-shadow: 0 0 3px 1px black;
    margin: auto;
    /* border: none; */
    width: auto;
}

.tleft  input[type="number"] {
    /* margin-right: 5px; */
    /* padding-right: 10px; */
}

.twidth.flex.single.hscontrol .tleft {}

 
 

.toolswrapper {
    position: relative;
    flex-flow: column;
    /* flex-shrink: 1; */
    /* float: none; */
    flex-direction: column;
    flex-wrap: nowrap;
    float: none;
    /* display: inherit; */
    max-height: 90%;
    background-image: transparent;
    height: 600PX;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 2%;
    width: auto;
    min-width: 15px;
    max-width: 100%;
    display: block;
    resize: both;
    margin: 0;
    max-height: 95%;
    padding: 0;
    min-height: 100px;
    resize: none;
    width: auto !important;
    height: 100% !important;
    overflow: hidden;
    z-index: 0;
    background: url(../assets/fluxpearl.png);
    background-position: left;
    background-repeat-y: repeat;
    background-repeat-x: repeat;
    /* background: #fdfdfdc4; */
    c4; */
    /* background: url(../assets/lpg.png); *//
    assets/lpg.png);
    background-size: cover;
    background-position: cover;
    /* background-repeat-y: repeat; */
    /* background-repeat-x: no-repeat; */
    box-shadow: inset 0px 0px 144px 163px #a7a7a782;
}

.  option .tmid {}

.toolbariconswrap {

flex: auto;

display: flex;

position: relative;

margin-right: 10;

flex-direction: row;

min-width: calc(100% - 5px);

margin: 0px auto;

width: 99%;

resize: both;

overflow: visible;

padding-bottom: 0px;

max-height: 100vh;

padding-top: 0;

align-items: flex-start;

/* padding: 0; */

border: 0px groove #1010100d;

/* padding: 0; */

direction: ltr;

float: left;

flex-grow: 1;

flex-wrap: inherit;

flex-shrink: 1;

flex-wrap: wrap;

flex-flow: row;

box-sizing: border-box;

flex-basis: auto;

flex-flow: wrap;

flex-direction: row;

/* align-items: center; */

height: auto !important;

max-width: calc(100% - 16px);

width: calc(100% - 4px);

margin: 0px;

background-color: #2b2b2b;

background-image: url(../assets/tinpeck.png);

background-repeat:  repeat;

resize: none;

margin: 0px;

width: auto;

height:  0;

/* background: none; */

background-color: #00000063;

justify-content: space-evenly;
}

.topToolBarWrap {
    transition: none;
    position: relative;
    z-index: 100000000;
    box-sizing: initial;
    max-width: calc(100% - 8px);
    margin: 0px;
    max-height: 101%;
    min-width: 135px;
    padding-right: 0px;
    min-height: 60px;
    overflow: visible;
    width: 100%;
    background-color: #2d2d2c;
    resize:  horizontal;
    height: auto;
    /* box-shadow: inset -15px 0px 0px 0px #735218; */
    background: #353535;
    width: 80%;
    /* direction:  rtl; */
    tl; */
    /* direction:  ltr; */
}

.tabrow1 .FluxTabDisabledHide {
    border: 2px outset #689e9d;
    top: -0px;
    background: #000000e8;
    /* max-width: 120px; */
    border-radius: 4px;
    z-index: 100;
    order: 9;
    padding: 0px;
    /* right:  10px; */
    /* position:  relative; */
    z-index: 1000 !important;
    /* border-bottom: 1px outset #c7c7c7d6; */
    box-shadow: 19px -1px 2px 2px #00000040, 4px -3px 1px 3px #0000004f;7) */
    overflow:  visible;
}

div#NoEdittool0 palHead {
    font-size: 10px;
}

#NoEdittool0 div {
    font-size: 10px;
    /* padding: 0px; */
    color: grey;
    /* padding: 0px; */
    font-weight: 350;
    font-family: arial;
    opacity: .8;
}

.hscontrols .tleft, div.hscontrols div.tleft:first-child {
    width: 35%;
    flex-grow: 1;
    align-content: space-between;
    max-width: unset;
    flex-shrink: 1;
}

#NoEdittool2 .hswatch {
    min-width: calc(100% - 7px);
    max-width: calc(100% - 7px);
    overflow: hidden;
    top: 0;
    width: calc(100% - 7px);
    background-: -webkit-linear-gradient(top,#8080807d,#000000eb);
    background-color: #00000017;
    background-image: url(../assets/speck.png);
    background-repeat: no-repeat;
    background-image: url(../assets/pearlhand3.png);
    background-size: 60px 100%;
    background-position:  right top;
    position:  static;
    max-height: calc(100% - 90px);
    box-shadow: none;
    background:  url(../assets/speck.png);
    width: calc(100% - 300px);
}

iframe#SwatchMenuMini {
    position: absolute;
    max-width: calc(100% - 10px);
    min-height:  unset;
    top: 0px;
    left: 0;
    /* right: 0; */
    resize: none;
    order: none;
    border: none;
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    height: calc(100% - 0px);
    width: calc(100% - 10px);
    overflow: hidden;
    opacity: 1;
    /* min-width: calc(100% - 10px); */
    background: transparent;
    /* min-height: calc(100% - 10px); */
    /* z-index: 0; */
    overflow: auto !;
    max-height: calc(100% - 0px);
    margin-top: 0px;
    /* min-height: calc(100% - 10px); */
    margin-right: 10px;
    box-shadow: 10px 0px 0 0px #30302f;
}

div#onTheFlySwatch {
    font-size: 8px;
    top: 0;
    margin-right: 20px;
    left: unset;
    right: 0px;
    /* direction:  rtl; */
    resize:  horizontal;
    resize: both;
    position: absolute;
    :
    z-index: 1
    float: right;
    float: none;
    overflow:  visible;
    padding-top: 0px;
    margin-right: 25px;
    /* padding: 8px; */
    /* padding-right: 5px; */
    /* min-width: 100px; */
    min-height: auto;
    max-width: 900px;
    max-width: 100%;
    padding-top: 0px;
    /* display:  none; */
    min-height: unset;
    height: calc(100% - 0px);
    resize: horizontal;
    border: 0px groove #2f2f2f69;
    max-height: calc(100% - 0px);
    width: 60%;
    display:  flex;
    /* display:  none; */
    direction: rtl;
    flex-direction: column;
    margin: 0;
    margin-right: 20px;
    margin-left: 21px;
    justify-content: safe;
    min-width: 20%;
    overflow: hidden;
    padding: 0;
    background-repeat: repeat;
    max-width: 50%;
}

div#onTheFlySwatch div {
    float: right;
    flex-grow: 5;
    flex-shrink: 5;
    height: unset;
    flex-basis: 0;
    width: auto;
    /* width: 700px; */
    /* clear: both; */
    /* margin: 0; */
    flex-direction: row;
    font-size: 9px;
    display: flex;
    min-height: 7px;
    min-width: auto;
    flex-flow: row;
    flex-wrap: wrap;
    overflow: hidden;
    /* margin: 0; */
    max-height: unset;
    min-height: auto;
    margin: 0;
    justify-content: f;
    border: none;
    background-color: #2b2b2b8a;
    /* background-image: url(../assets/speck.png); */
    background-repeat: repeat;
    background: none;
    align-content: space-evenly;
    box-shadow: inset 0px 0px 70px 0px #00000070, 0px 0px 20px 0px #000000de;
    justify-content: space-evenly;
    width: 90%;
}

#onTheFlySwatch input {
    border: none;
    height: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin: auto;
    flex-shrink:  5;
    flex-grow: 5;
    min-width: 3px;
    max-width: 2%;
    max-height: 20px;
    min-height: 3px;
    min-height: auto;
    /* margin: 0px; */
    overflow: hidden;
    cursor: pointer;
    width: auto;
    text-shadow: 1px 1p;
    border: 1px inset #b1b1b152;
    }



div#onTheFlySwatch .swatchText {
    overflow:  visible;
    z-index:  1;
    top: auto;
    position:  absolute;
    height: 5px;
    max-height: 10px;
    vertical-align:  text-top;
    min-height: px;
    width: 30px;
    direction: ltr;
    /* float: right; */
    padding-left: 0px;
    /* min-height: 10px; */
    margin: 0;
    /* clear: both; */
    margin: 0px;
    position: relative;
    right: -1px;
    /* align-content:  right; */
    text-align:  right;
    font-size: 8px;
    transform: rotate(0deg);
    position: relative;
    top: auto;
    color: #c3c3c3;
    margin: 0;
    border: none;
    text-shadow: 1px 1px #060606;
    padding: 0;
    box-shadow: 1px 1px 1px black;
}

#bubles {border: none;position: absolute;background: rgba(41, 48, 140, 0.23);margin: 0px auto;/* top: 200px; */left: 0px;right: 0px;bottom: -40px;width: 100%;height: 260px;z-index: 10000;display: block;opacity: .64;}

progress#progressbara::-webkit-progress-value{

  background-position:right;background-color:#089bde
  ;    background: -webkit-linear-gradient(top,#00a0d2,rgb(85, 121, 134));

  opacity:1;
box-shadow:5px 5px 5px 5px inset #ffffff;
  
  
}
progress#progressbara::-webkit-progress{
    background: black;


}


::-webkit-progress-bar {
  background-color: #00000017;
}

progress#progressbara {
    -webkit-appearance:  none;
    margin: 0px auto;
    position: static;
    top: unset; 0 */
    left: 0;
    /* right: 0; */
    /* bottom: 0; */
    z-index: 10;
    width: 350px;
    height: 100vw;
    border: 2px solid #000000;
    /* box-shadow: inset 0px 0px 80px 300px #021b11; */
    /* background: black; */
    opacity: .95;
    /* margin: 0 auto; */
    transform: rotate(90deg);
    /* writing-mode: vertical-lr !important; */
}

div#fluxwrap3movehandle {
    height: 20px !important;
    width: 20px !important;
}



.cke_combo_button:active #NoEdittool2 .palcont div.hswatch {
 overflow:visible
}

#NoEdittool2 .palcont .palcont {
    /* width: auto; */
    min-height: 40px;
    min-width: 140px;
    overflow: visible;
    /* overflow-x: hidden; */
    /* overflow-y: visible; */
    :
    font-weight:  bolder
    background-image: url(../assets/lpg2.jpg);
    /* background-size: 750px 250px; */
    at; */
    background-repeat-x: no-repeat;
    box-shadow:  none;
    border-radius:  0;
    /* box-shadow: inset 0px -2px 189px 44px #3a3a3a0f, inset -146px 1px 55px 50px #00000000, inset -20px 0px 0px 0px #ffffff33; */
    text-shadow: -1px -1px 0px #ffffff75;
    background-size: 25px 25px;
    background-color: #202020;
    box-shadow: inset -15px 0px 0px 0px #0a2923;
    background-image: url(../assets/speck.png);
    background-repeat: repeat;
    position: relative;
    resize: both;
    z-index: 10;
    max-height: 101%;
}

iframe#PNECANVASiframe {
    z-index: -1;
}

img {}

.menupos img {
    width: 20px;
    margin-right: 14px;
    margin-left: 4px;
    margin: 1px 2px 1px 4px;
    height: 80%;
    opacity: 1;
}

div#fluxalignmenu {
    height: auto;
}

.dropdownc a{
    /* transform: matrix(1.06,0,0,1.06,10,0); */
    /* background:  black; */
    /* border: 1px solid #42382c; */
    /* transform: matrix(1.04,0,0,1,0,0); */
}

.hbuttons1 {
    z-index: 100000000;
    position: absolute;
    float: right;
    width: auto;
    right: -14px;
    padding: 2px 2px 2px 2px;
    top: 15px;
    background: #256956;
    color: wheat;
    transform: rotate(90deg);
    transform-origint\:;
    margin-right:;
    font-size: 10px;
    top: 25px;
    letter-spacing:  1px;
    display: none;
}
.hbuttons2 {
    position: absolute;
    float: right;
    width: auto;
    top: 15px;
    right: 0;
    height:  auto;
    padding: 2px 2px 2px 2px;
    right: -14px;
    background: transparent;
    color: #e4e4e4;
    z-index: 10000000000000000;
    letter-spacing: 1px;
    font-size: 9px;
    transform: rotate(90deg);
    text-shadow: none;
    border-radius: 0px;
    font-weight:  bold;
    border: none;
}

.hbuttons2 {}
#NoEdittool14 div.hbuttons3 {
    width: 40px;
    padding: 2px 10px 2px 10px;
    background:  transparent;
    top: 25px;
    right: -26px;
    color: #ffffff;
    z-index: 1000;
    top: 50px;
    font-size: 10px;
    transform: rotate(90deg);
    font-weight: normal;
    position: absolute;
    border-radius: 5px;
    padding: 2px 2px 2px 2px;
    /* right: -26px; */
    background: transparent;
    color: #e4e4e4;
    z-index: 10;
    letter-spacing: 1px;
    border: 1px solid #52525200;
    font-size: 9px;
    paddint-top: 0;
    transform: rotate(90deg);
    /* text-shadow: 1px 1px 1px #000000fa; */
    /* resize: both; */
    outline: none;
    /* left: 0; */
}

#NoEdittoo2l333-5embed div {
    display:  none;
}

img#flux18movehandleimg {
    margin: auto;
    /* margin-top: 1px; */
    min-width: 20px;
    padding: 5px;
    min-height: 20px;
    height: auto;
    width: 90%;
}


.cke_combopanel {position: absolute !important;}

#NoEdittool14 hpicker {
    margin: 0px !important;
    position: relative;
}

#NoEdittool14 .hbuttons2 {
    position: absolute;
}

#NoEdittool2 .palcont div.hpicker {
    position: static;
    top: 0px !important;
    right:  unset;
    left:0px;
    padding: 0;
    overflow: hidden;
    height: auto !important;
    z-index: 1000000000;
    max-width: calc(100% - 8px);
    min-width: 186px;
    border-right: none;
    border-radius: 7px;
    /* background: rgb(45, 45, 45); */
    box-shadow: 2px 0 #121a1b, inset -14px 0px 0px 0px #292929;
    background-color: rgb(39, 39, 38);
    background-image: url(../assets/speck.png);
    background-repeat: repeat;
    float: none;
}
}

div#htmlOutput {}

div#htmlOutput {
    display: flex;
    float: left;
    position: static;
    min-width: calc(100% - 12px);
    max-width: calc(100% - 12px);
    flex-grow: 10;
    width: auto;
    width: auto;
    padding: 6px;
    font-size: 8px;
    color: #adb6b7;
    font-size: 8px;
    font-weight:  bolder;
    margin-top: 0px;
    height: 9vh;
    margin: 0 auto;
    resize:  both;
    overflow: hidden;
    display: block;
    resize: vertical;
    max-height: unset;
    align-self: flex-start;
    flex-flow: column;
    flex-direction: column;
    flex-wrap: nowrap;
    background: #272727;
    top: unset;
    min-width: calcc(100% - 12px);
    max-height: unset;
    display:  block;
    min-height: auto;
    overflow:  hidden;
}

.flexhtml {
    display: block;
    flex-direction: column;
    justify-content: flex-start;
    text-align:  justify;
    overflow: hidden;
    flex-wrap: wrap;
    bottom:  0;
    min-height:  100vh;
    position:  relative;
}

xmp {
    white-space: normal;
}

div#htmlsrcbox {
    min-height: 50px;
    overflow: auto;
    margin: 5%;
    word-break:  break-all;
    word-wrap: break-word;
    max-height: 450px;
}



div#htmlsrcbox {
    min-height: 0px;
    overflow: auto;
    margin: 0;
    word-break:  break-all;
    word-wrap: break-word;
    max-height: 0;
    display:  none;
}

div#htmlsrcbox p{
    min-height: 50px;
    overflow: auto;
    margin: 5%;
    word-break:  break-all;
    word-wrap: break-word;
    max-height: 450px;
}


div#taginfosrc {
      height: auto;
      overflow: hidden;
      margin: 0;
      width: 150px;
      font-weight:  bolder;
      float: left;
      font-size: 12px;
      margin-top: 0px;
      min-width:  100px;
      background-color: #1f1f1f;
      /* background-image: url(../assets/fluxinpearl.png); */
      g); */
      /* background-repeat-x: no-repeat; */
      /* padding-top: 300px; */
      /* background-repeat-y: no-repeat; */
      at; */
      /* background-size:  contain; */
}

div#taginfosrc p {
      overflow: auto;
      font-weight:  bolder;
      font-size: 12px;
      margin: 0;
      height: 0px;
}

div#Information {
  /* display: none; */
  position:fixed;
  top: 10px;
  left:10px;
  width: 350px;
  padding: 25px;
  text-align:justify;
  opacity:1;
  z-index: 1000000;
  background: #2b2b2b;
  justify-content:  center;
  color: #dedede;
  font-family: arial;
  font-size: 12px;
  font-weight:  bolder;
  border: 3px outset #829ba1;
}

div#Information img {
  text-align:  center;
  align-items:  center;
  align-self: center;
  height: 75px;
  max-height: 75px;
}

.none {

display:none !important;
  
}

.toolbariconswrapsmall {
  width: 100%;
  max-width: 95%;
  min-width: 20px;
  display:  none;
  justify-content: space-around;
  margin: 0;
  padding: 0;
  display:  flex;
  flex-wrap: wrap;
  flex-grow: 10;
  flex-shrink: 10;
  float: left;
  margin-left: 0px;
  display: none;
}

.toolbariconswraplarge {
  width: 100%;
  flex-shrink: 1;
  resize: none;
  max-height: 200px;
  border: 3px groove #58585870;
  min-width: auto;
  height: auto;
  display: block;
  flex-direction: row;
  flex-flow: row;
  flex-wrap: wrap;
  align-self: initial;
  min-width: auto;
  padding: 0px;
  margin: 0px;
  max-width: calc(100% - 80px);
  overflow: hidden;
  float: left;
  justify-content: space-evenly;
  max-height: 300px;
  border-radius: 4px;
  border: 0px;
  border: 0px groove #75757566;
  margin: 2px auto;
  max-width: 200px;
  min-width: 110px;
  width: 15%;
  min-height: 60px;
  width: -webkit-fill-available5%;
  min-width: 130px;
  float:  left;
  display: none;
}

#NoEdittool2 .toolbariconswrapsmall img.pneobject2 {flex-grow: 4;flex-shrink: 14;max-width: 16px;display: block;min-width: 16px;min-height: 0;margin: 2px;max-height: 15px;min-height: 14px;/* width: 30px; */height: auto;/* min-width: 14px; */flex-basis: 20px;/* object-fit: cover; */height: auto;margin-bottom: 5%;}



#EditorCanvasCover{

margin:0px;padding:0px;border-bottom-color:black; border-style:single; position:absolute; background-color:white; top:0px; left:0px; width:99.9%; height:1000px; z-index:10001;opacity:.7;filter:alpha(opacity=70)margin:0px;padding:0px;visibility:hidden;border-bottom-color:black; border-style:single; position:absolute; background-color:white; top:0px; left:0px; width:99.9%; height:1000px; z-index:10001;opacity:.7;filter:alpha(opacity=70)margin:0px;padding:0px;visibility:hidden;border-bottom-color:black; border-style:single; position:absolute; background-color:white; top:0px; left:0px; width:99.9%; height:1000px; z-index:10001;opacity:.7;filter:alpha(opacity=70);display:none



  
}

.cke_dialog_background_cover {
  background: #000000e8 !important;
}

#LayerOptionsDialogBox
 {
  background: #0000008f;
  overflow: hidden !important;
  overflow-x: auto;
  height: 80%;
}

.iframesubsinner {
  linear-gradient(to right, rgb(0, 0, 0) 0%,rgba(105, 226, 182, 0.59) 32%,#317f6000 50%,rgba(78, 216, 161, 0.59) 68%,rgb(0, 0, 0) 100%): #000000cf;
  padding: 50px !important;
  border: 1px solid #c12626;
  border-top: 1px solid #c12626;
  margin: 0px;
  box-sizing:  border-box;
  /* padding-right: 300px; */
  height: 100%;
  background-image: url(../assets/redheadmermaid.png);
  background-position: right -40px bottom;
  border-right: 1px solid #7b1303f0;
  border-bottom: 1px solid #c13636;
  background-size: 170px auto;
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  /* box-shadow: inset -11px 41px 211px 49px #000000, inset 0px 6px 6px -3px #000000, inset 6px 0px 3px -3px #a0dadeb0, inset -6px 0px 6px -3px #a0dade, inset 0px -6px 3px -3px #000000e8; */
  /* text-shadow: -1px -1px 1px #000000; */
  background-repeat: no-repeat;
  background-color: none;
  /* border: 25px solid #5a292900; */
  /* box-shadow: inset 0 0 0 25px black; */
  /* outline: 25px solid #6d281e6e; */
  overflow: hidden;
  font-size:  11px;
  font-family: arial;
}

.twidthfull.ClearShadow img {
  height: auto;
  width: 15px;
  min-width:  auto;
  float: right;
  margin: auto;
  margin-right: 15px;
  margin-bottom: 3px;
  align-items: self-start;
}

.twidthfull.ClearShadow {
  vertical-align: bottom;
  font-size:  9px;
}

.twidthfull.clearshadow {
  font-size: 9px;
  text-align:  center;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
}

.twidthfull.clearshadow img {
  max-height:  15px;
  max-width:  15px;
  width:  auto;
  height:  auto;
  min-width: auto;
  float: right;
}

.palDesc {
  padding: 2px;
}


#loaderimage img {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  width: auto;
  height: auto;
  max-height: 260px;
  min-height: 250px;
  max-width: 700px;
  min-width: auto;
  position: absolute;
  top: 5px;
  opacity: 1;
  z-index: 20;
  /* left: 0; */
  /* outline: 1200px solid #3d9b75; */
  der-top: none;
  border-bottom:  none;
  /* right: 0; */
  /* margin: 0px auto; */
  box-sizing: content-box;
  /* box-shadow: inset -6px -20px 13px 20px black; */
  box-shadow: 0 0 100px 100px #3a9b74;
}

div#NoEdittool0,div#NoEdittool9,div#NoEdittool11,div#NoEdittool8 {
  /* visibility: hidden; */
}

div#NoEdittool6 {
  position:  absolute;
  visibility:  visible;
}

.iframesubsinner span {
  color: white !important;
  font-size:  12px !important;
  display:  inline-block;
  max-width: 70%;
}

.iframesubsinner h1 {
  color: #b9b9b9 !important;
  font-weight:  bolder;
}

.framedivinner {
  width: 70%;
}

div#tempvideodisplay input {
  /* background-image: url(../assets/fluxpearl.png); */
  background-size:5% 20px;
  background-repeat: no-repeat;
  background-position:right;
  background-color: #447890;
  opacity:1;
  box-shadow:5px 5px 5px 5px inset #ffffff;
}

div#pnenewhtmlwrap, div#pnenewhtmlwrap iframe {
  box-shadow: none;
  border: none;
  height: 80vh;
  background: url(../assets/speck.png);
  border: 3px solid black;
  background-color: #2b2b2bc7;
}

div#shutterstockwrap, div#shutterstockwrap iframe {
  border: 3px solid #0c4033;
  box-shadow:  none;
  outline:  none;
  background: #52525236;
  padding: 0px;
  background: url(../assets/speck.png);
  background-color: #292929f5;
}


div#pneimageframewrap {
  border: http://www.simplysymphony.com/fluxpearlite/wp-content/plugins/fluxlive/editor.html?pnepageurl=http%3A%2F%2Fwww.simplysymphony.com%2Ffluxpearlite%2F%3Fpage_id%3D115;
  box-shadow: none;
}



 
 div#pnenewhtmlwrap iframe {
  box-shadow: none;
  border: none;
  height:90%
  background: -webkit-linear-gradient(top,rgba(58, 58, 58, 0.79),rgba(0, 0, 0, 0.83));
  outline: 15px solid #000000c7;
}

div#RulersLeft {
  opacity: .5;
}

.hcodewrap {

position:absolute;

width: 80%;

right:  0;

left: 0;

/* float: right; */

margin: auto;

display: flex;

flex-direction:  row;

flex-grow:  1;

flex-flow: row;

box-shadow:;
}


iframe#codeMirrorHTML {
  overflow: scroll;
  height: auto;
  /* min-width: 100%; */
  margin-bottom:  5px;
  width: 32%;
  opacity: 1;
  min-width: 30%;
  /* border-top: 1px solid #0d463b; */
  /* border-bottom: 1px solid #0d463b; */
  width: auto;
}

iframe#codeMirrorStyle {
  width: auto;
  border-top: 1px solid #402711c7;
  height: auto;
  opacity: 1;
  min-width: 22%;
  overflow:  scroll;
}

iframe#codeMirrorHTML2 {
  min-width: calc(32% - 100px);
  /* border-top: 1px solid #0d463b; */
  height: auto;
  opacity: 1;
  overflow:  scroll;
}

div#FrameRateperf {
  height: 10px;
  width: 100%;
  display:  none;
  float: left;
}

p {
    font-size:  10px;
    letter-spacing:  normal;
}

body * {
    border: none;
}

div {
    border: none;
}

div#htmloutputwrap {
    background-image: url(../assets/fluxinpearl.png);
    background-repeat-x: no-repeat;
    margin-top: 0vh;
    background-repeat-y: no-repeat;
    background-size: 100px;
    background-repeat: no-repeat;
    opacity: 1;
    min-height: 100%;
    flex-grow: 9;
    background-color: #1f1f1f;
    height: 100%;
    display: flex;
    flex-direction: row;
    max-height: unset;
    resize: vertical;
    overflow: hidden;
    justify-content:  flex-end;
    width: calc(100% - 0px);
    resize:  none;
}



  
}

.QuickColor number {}

.cpopn {
    width:  100%;
    height: 100px;
    float: right;
    width: 100px;
    right: auto;
    position: absolute;
}

div#varswatcha1:first-child {}

div#varswatcha1 input {
    max-width: 15px;
    max-height: 15px;
    min-height: 7px;
    min-width: 4px;
}

#sharedSpacetools a.cke_combo_button:active #NoEdittool2 .palcont div.palcont {
    overflow: visible;
}

img#chyperlink {
    display: none !important;
}

div#onTheFlySwatch #varswatcha {
    display: none;
    height: 0;
}


#Quickcolor {
    left: 10px;
    height: 20px;
    border: 1px solid white;
    position: relative;
    margin-bottom: 15px;
    top: -20px;
    margin-right: 20px;
}

input#QuickBackColor {
    height: 20px;
    width: 20px;
    top: auto;
    position: relative;
    left: 5px;
    left: 10px;
    /* top: auto; */
    left: auto;
    20px: 1px
    solid black;
    margin-top: 0;
}



#NoEdittool2 .pickerimage {
    min-width: 60px;
    float: left;
    height: auto;
    width: 8%;
    max-height:  100%;
}




#NoEdittool2 div.Quckcolor img {
    bottom:  0;
    right: 0;
    position: relative;
    height: 10px;
    margin: 0;
    cursor: pointer;
}

#NoEdittool2 div.pickerimage img, #NoEdittool2 .Quckcolor img {margin:0;height: auto;width: 28%;float: left;background: #4e4e4e00;/* box-shadow: 0 0 0 1px #404040; */border: 1px outset #5a5a5a52;position:  static;}


.QuickColorpicker {width: auto;height: 60px;/* max-width: 0px; */mi;overflow: hidden;m;max-width: 200px;ax-height: 60px;min-height: 60px;height: auto;float: right;m;min-width: 70px;display:  flex;flex-direction:  row;flex-wrap:  wrap;align-content: space-between;justify-content:  center;}

.pickerbottom {
    width: 32px;
    /* width: 1px; */
    float:  left;
    position: relative;
    top: -30px;
    justify-content:  center;
    display: block;
    left: 0;
    flex-flow: row-reverse;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    height: auto;
}

#NoEdittool2 div.Quckcolor:nth-last-child(1) {
    height: 55px !important;
    width: 55px;
    opacity: .2;
}

#NoEdittool2 div.pickerbottom img.transparent {
    background: #252525;
    height: 12px;
    width: auto;
    /* min-width: auto; */
    position:  relative;
    left: 0px;
    top: px;
}




.largocon {
    float: left;
    width:  auto;
    /* min-width: 95%; */
    flex-grow:  1;
    max-width: calc(100% - 15px);
    flex-grow: 1;
    align-items: flex-start;
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    float: left;
    margin: 5px;
    min-width: 24;
    /* object-fit: cover; */
}

.toolbarinsert {
    height: auto;
    /* height: 30px; */
    width: 100%;
    min-width: 40px;
    display: flex;
    display: none;
    justify-content:  space-around;
    flex-wrap:  wrap;
}

.sideimage img {
    width:  auto;
    height:  auto;
    max-width: 37px;
    min-width: 12px;
    max-height: 37px;
    min-height: 12px;
    margin: auto;
    margin: 4px;
    flex-shrink:  1;
    flex-grow: 1;
}



.Qiuckinner {
    width: 55px;
    float: left;
    height: 55px;
    margin-left: 10px;
    justify-content:  center;
}

.toolbardisplay {
    display: none;
    width: auto;
    overflow: auto;
    float: left;
    max-width: 140px;
    min-width: 100px;
}


div#varswatchb {
    min-height: 20px;
}

div#onTheFlySwatch, div.swatchText:first-child {padding-top: 0px;z-index: 1000000;position:  absolute;}





div#menudialogcontainers, div#menudialogcontainerswrap {
    z-index: 666005;
    position: absolute;
    overflow: visible;
}

div#menudialogcontainers {}

.centerentry{

position: relative;

left: 0;

width: 1280px;

/* transform: translate(-50%); */

right:  0;

margin:  0 auto;

height:  auto;
}
 
.centerentry2{overflow: visible;position: static;}
div#NoEdittool18 {
    transform: matrix(1,0,0,1,0,40);
    position: fixed;
    overflow: hidden;
    width: 240px;
    display: flex;
    left: 300px;
    resize: horizontal;
    z-index: 10000000;
    top: 200px;
    height: auto;
    min-width: 32px;
    border: 1px solid #565656;
    /* width: 100px; */
    background:  white;
    background-color: #252524;
    ground-color: #7b5620d4;
    flex-flow: row;
    flex-direction: row;
    flex-wrap:  wrap;
    justify-content:  space-around;
    align-items: end;
    background-image: url(../assets/speck.png);
    width: unset;
    height: unset;
}


.sidemenuq{width:35px;height: auto;margin: 5px;}


.divmove {

width: 40px;

min-width: 30px;
}




img#flux14movehandleimg {
    height:  15px;
    z-index: -10000;
    position:  relative;
    display: none;
}

.sideimage span {
    float: left;
    background-color: #272727;
    background-color: rgb(0, 0, 0);
    margin: 5px 2px 0;
    height: 7px;
    width: .15%;
    -webkit-box-shadow: 1px 0 0 rgba(255,255,255,.1);
    -moz-box-shadow: 1px 0 0 rgba(255,255,255,.1);
    box-shadow: 1px 0 0 rgba(255,255,255,.1);
}

.MTLs img {
    margin: 2px;
    width: 10px;
    float: left;
}

.MTLs {
    width: 60px;
    height: auto;
    padding: 3px;

    float:;
}