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

.none {
    display: none
}

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

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

#RightClickMenu div {
    background: rgba(245, 245, 245, 0.21);
    color: #353535c7 !important;
    /* border-bottom: 1px solid #4a4a4a; */
    font-family: Tahoma,Geneva,sans-serif;
    cursor: pointer;
    margin: 1px;
    padding-bottom: 1px;
    font-size: 11px;
    font-weight: bold;
    background: #fdfdfd;
    box-shadow: inset 30px 1px #1b1b1b;
}

.bonding {}

.bonding {}

.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,#NoEdittool0 div::after {
    display: table;
    clear: both;
    content: '';
}

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

#NoEdittool14 .FluxTabHead {
    height: 2px;
    outline: 0;
    min-height: 20px;
    top: 0px;
    left: 0px;
    position: relative;
    display: none;
    /* width: 100%; */
    z-index: 10;
    border-radius: 3px;
    right: 0px;
    box-shadow: none;
}

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

#RightClickMenu img {
    width: 15px;
    margin: 1px 9px 1px 2px;
}

input.color {
    width: 25px;
    margin-right: 10px;
    height: 25px;
     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)
}

div#fluxalignmenu2 {
    display: BLOCK;
    justify-content: space-evenly;
    flex-flow: wrap;
    width: 100%;
    /* max-height: 60px; */
    opacity: 1;
}

.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: #6b6b6b;
    font-weight: 700;
}

.BtextB {
    font-family: Baumans;
    font-size: 16px;
    font-style: normal;
    color: #3a3a3a;
    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: #987f20ba;
}

.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: rgba(0, 0, 0, 0.35)!important;
    top: 0px!important;
    display:  none;
}

#StopEditing {
    background: rgba(0, 0, 0, 0.86);
    display: block;
    ne;*/
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px;
    text-align: justify;
    opacity: 1;
    z-index: 20000;
    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 22px 2px 5px;
    font-size: 10px;
    line-height: 1;
    border-radius: 3px;
    font-weight: 400;
    color: #bcbcbc;
    box-shadow: inset -26px 0 0 0 rgba(37, 37, 37, 0.09), 0 0 1px rgb(19, 19, 19) inset, -1px -1px 0 2px rgb(27, 27, 27) inset, inset 1px 2px 3px 3px #000000fa;
    box-sizing: border-box;
    height: 35px;
    opacity: .8;
    margin: 0;
    width: 100%;
    max-height: 32px;
    background-image: url(../assets/dropdown.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: right 3px center;
    -webkit-appearance: none;
}

.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%);
   min-width: 45px;
   min-height: 20px;
    height: 28px;
    overflow: hidden;
    color: #c8c8c8;
   
    margin: 0 auto;
    max-height: 30px
}

.FloatingBondingT {
    padding-bottom: 5px
}

.BondingT,.Rangefit,.palettes .BondingT,.palettes .palcont {
    font-family: arial;
    font-size: 8px;
    font-style: normal;
    font-weight: 200;
    text-shadow: 1px 1px 1px #131313;
    border-bottom-color: #060606;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: auto;
    min-width: calc(100% - 0px);
    overflow: hidden;
    background-color: rgb(64, 64, 64);
}

.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%;
    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: 0;
    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: 0
}

#LayersPallet div {
    -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;
    min-height: 35px;
    color: #fff;
    float: left;
    width: auto;
    margin: 0 auto;
    padding: 3px
}

#LayersPallet {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 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;
    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 #9090904f;
    color: #fff;
    width: 19999px;
    border-top: 1px solid #505050;
    background-color: #444;
    background: url(../assets/speck.png);
}

.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: 0;
    width: 100%;
    height: 100%;
    /* display: none; */
    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 rgb(30, 31, 32);
    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: 0;
    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,#fff,#181818) right top;
    text-align: center;
    opacity: 1;
    font-weight: 700;
    margin: 0;
    border-style: outset;
    letter-spacing: .1em;
    border-bottom: 0;
    border-radius: 0;
    position: relative;
    min-width: auto;
    box-shadow: inset 0 -7px 0px 0 #0a0a0a;
    box-shadow: inset 0 -7px 0px 0 #0000000d;
    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: 0;
    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: 0;
    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)
}

.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;
  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: 0
}

#flextab {
    position: relative;
    width: 107%;
    z-index: 200;
    
    height: auto;
    top: 0;
    left: 1%;
    flex-grow: 1;
    float: left;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row;
    background: 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;
    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: 0;
    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;
  
}

#FluxFMenuFolded .FluxTabEnabled {
    width: 100px;

    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 {
    font-size: 8px;
    position: relative;
    z-index: -1;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    top: auto;
}

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

select option {
    background: #414a59;
    text-shadow: none;
    color: #fff;
    font-size: 13px;
    border-color: #2f2624ed;
}

.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; */
    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 {/* min-width: 12px; *//* max-width: 40px; *//* width: 100%; *//* margin: 3%; */}

#NoEdittool2 img.pneobject2 {
    max-height: 100%;
*/
    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
}

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
}

.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;

    -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: 0;
    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:0
}

.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: 0;
    background: 0;
    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: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-bottom: 0;
    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%;
    /* margin:0;*/
    border-left: none;
    overflow: hidden;
    margin-top: 6px;
    background: -webkit-linear-gradient(top,rgba(183,183,183,0.24),#c3c3c338);
    }

.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: 0;
    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: 0;
    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: 0
}

.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;
    outline: 0;
    border: 0;
    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;
    left: 0;
    width: 100%;
    z-index: 200000;
    text-align: center;
    padding: 1px!important;
    border: 0;
    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 {

    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;
}

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

.single img {
    margin: 0 auto;
    height: auto;
    width: 25px;
    vertical-align: middle;
    align-items: center;
    round;
    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;
    -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: 0
}

#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 {}

@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
    }
}


}

#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 {

    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;
    padding: 2px 2px 2px 5px;
    min-width: 15px;
    margin: 2px 1px 1px 1px;
    justify-self: center;
    font-family: Trebuchet MS1,Trebuchet MS,sans-serif;
    font-size: 9px;
    background-color: transparent;

}

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

.single img {

    margin: 0 auto;
    height: auto;
    width: 25px;
    vertical-align: middle;
    align-items: 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;
    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 .tleft input[type=number],.palettes .single input[type=number] {
    min-height: 20px;
    position: static;
    max-height: 25px;
    margin: 0 auto 5px;
    font-size: 12px;
    background-color: #1e1e1e;
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 3px;
    border: 3px solid #727272;
    transform: scale(1);
    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;
    margin-top: 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: 0
}

#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
}

.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
}

.MTLSLarge img {
    /* float: left; */
    /* max-height: 70%; */
    /* margin: 2px 0px 2px 0; */
    /* max-width: unset; */
    /* min-width: unset; */
    /* margin: 4px; */
    /* min-height: unset; */
    /* height: 100%; */
    /* align-self: flex-end; */
    /* align-content: flex-end; */
    /* justify-content: space-evenly; */
}

@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
    }
}



.FloatingBondingT {
    padding-bottom: 5px
}

.palettes .palcont {border-bottom-color: #060606;-moz-border-radius: 3px;-webkit-border-radius: 3px;border: none;}

.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);
    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%;
    max-width: 150px;
}

.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,#0b0b0b,#383838);
}

.FluxTabHead {
    display: none
}

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

.FluxTabHead {
    cursor: move;
    width: 100%;
    height: 6%;
    -webkit-box-shadow: inset 0 -2px 3px -1px rgba(0,0,0,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,#2c2c2cf5,#222222e6);
    -webkit-linear-gradient(top,#c3c3c3,#4e5a57);
    border: 2px groove #222222;
    border-right: none;
    border-left: none;
    width: auto;
    min-width: 96%;
    margin: 0;
    max-width: 100%;
}

#NoEdittool4 .layeractive,.layeractive img {
    color: #fff;
    background: linear-gradient(to bottom,#242424,#0b0b0b);
    height: auto;
    border: 2px groove #403426;
    border-right: none;
    border-left: none;
    margin: 1px;
}

#LayersPallet div {
    -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);
    cursor: finger;
    min-height: 35px;
    color: #fff;
    float: left;
    width: auto;
    margin: 0px;
    padding: 1px;
}

#LayersPallet {
    padding: 0;
    border-radius: 0;
    font-family: Baumans;
    font-weight: 700;
    font-size: 12px;
    overflow: auto;
    width: auto;
    height: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    text-align: left;
    margin: 0;
    min-height: 400px;
    max-height: unset;
}

.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: auto;
    height: auto;
    text-align: center;
    float: left
}

.ChannelContainer {
height: 18px;
    border-bottom: 1px solid #eaeaea85;
    color: #5a4f4f;
    right: 0;
    position: relative;
    width: 70%;
    border-top: 1px solid #636363;
    margin-left: 30%;
    background-color: #656565;
}

.ChannelName {
    width: 100px;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    float: right;
    color: #fffffffc;
    margin-left: 50px;
    line-height: 10px;
    right: 19px;
    font-size: 9px;
    box-shadow: -20px 2px 11px 20px #00000040;
}

.TimelineContainer {
    float: right;
    background-color: #907a7ab0;
    width: 60%;
    position: relative;
    display: block;
    border-bottom: 1px solid #0a0a0a;
    border-top: 1px solid #313131;
    height: 100%;
    box-shadow: -1px -1px 5px 4px inset #484848ba;
}

.Timeline {
     color: #ffffff;
    float: right;
    position: relative;
    height: 16px;
    display: table-cell;
    text-align: left;
    min-width: 100%;
    line-height: 10px;
    border: 0;
    font-size: 9px;
    margin: 0px;
    padding: 2px;
    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,#9fb7a1 0,#000000 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 rgb(37 37 37 / 50%), 2px 3px 3px rgb(0 0 0 / 20%), inset 0 -1px 1px rgb(0 0 0 / 50%), inset 0 1px 1px rgb(255 255 255);
    box-shadow: 0 -1px 3px rgb(0 0 0 / 50%), 2px 3px 3px rgb(0 0 0 / 20%), inset 0 -1px 1px rgb(0 0 0 / 50%), inset 0 1px 1px rgb(14 14 14);
}

.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: 0; */
    display: flex;
    height: 30px;
    padding: 4px;
    align-items: baseline;
    align-content: space-between;
    min-width: 80%;
}

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

.iframesubs {
    position: fixed;
    top: 10vh;
    padding: 0!important;
    left: 0;
    right: 0;
    bottom: 1000px;
    z-index: 1000000!important;
    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: rgb(132, 132, 132);
    text-shadow: 1px 1px 1px rgb(21, 21, 19);
    font-weight: bolder;
    box-shadow: none;
    border: 4px rgb(150, 150, 150) groove;
    background-repeat: no-repeat;
    background-color: rgb(229, 229, 229);
    background: grey;
    /* order: 0; */
    background-size: 50px;
    overflow: hidden;
    background: url(../assets/speck.png);
    background-color: rgba(41, 41, 41, 0.9607843137254902);
    box-shadow: inset -400px 0px 133px -100px rgb(61, 155, 116), inset -6px 0 6px -3px rgb(160, 218, 222), inset 0 -6px 3px -3px rgba(0, 0, 0, 0.9098039215686274);
}

.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: 0;
    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: 0;
    width: auto;
    height: 100%;
    min-height: 0;
    max-height: 20px;
    z-index: 1;
    00 */
    box-shadow: inset 0 -2px 3px 2px #717171;
    background: #21759b;
    text-align: center;
    opacity: 1;
    font-weight: 700;
    margin: 0;
    vertical-align: baseline;
    border-style: outset;
    letter-spacing: .1em;
    border-bottom: 0;
    border-radius: 0;
    position: relative;
    min-width: 100%;
    display: inline-block;
    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;
    background: linear-gradient(to bottom,#5e6767 7%,#212121 15%,#2f2f2f 58%,#a9a9a9 82%,#3e3e3e 88%,#6b8e90 91%);
    background: -webkit-linear-gradient(top,#505050 7%,#484848 15%,#444444 58%,#0a0809 82%,#0a0809 88%,#afbcb8 91%);
    background: linear-gradient(to bottom,rgb(119, 119, 119) 7%,rgba(78, 78, 78, 0.7607843137254902) 15%,rgba(27, 27, 27, 0.788235294117647) 58%,rgba(72, 72, 72, 0.58) 82%,rgba(74, 74, 74, 0.8705882352941177) 88%,rgba(0, 0, 0, 0.8313725490196079) 91%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aebcbf',endColorstr='#afbcb8',GradientType=0);
}

.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: 0;
    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: 0;
    /* border: 2px outset #1a1b1aeb; */
    border-bottom: 0;
    border-radius: 0;
    max-width: 100%;
    min-width: 45%;
    min-height: 15px;
    padding: unset;
    margin: 0px auto;
    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: 0px;
    left: 0;
    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: 0;
}

.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: 0
}

#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;
    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;
    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;
    font-weight: 100;
    color: #f4f4f4;
    padding: px;
    max-width: unset;
    background: linear-gradient(to top,#23906cf2,#31673633);
    display: none
}

.floatmenu {
    position: relative;
    height: 30px;
    margin: 1px auto 0;
    width: auto;
    outline: #000 solid 1px;
    border: 2px 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: 0;
    max-width: 100%;
    outline: 0;
}

.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: 25px;
    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: 20px;
    left: 25px;
    font-size: 10px;
    width: auto;
    padding-top: 2px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    top: 1px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    color: rgba(255, 255, 255, 0.6901960784313725);
    float: left;
}

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

select option {
    background: #191919;
    text-shadow: none;
    color: #676767;
    font-size: 12px;
    outline: 1px solid #423f3f;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: initial;
    width: initial;
    /* padding-right: 32px; */
}

.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; */
    border: 1px solid #806e58;
}

.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: #828282;
    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 {width: 10%;min-width: 15px;margin: 1%;padding: 2px;min-height: 5%;}

#NoEdittool2 img.pneobject2 {
    /* max-height: 2vh; */
    flex-shrink: 2;
    max-width: 12px;
    width: auto;
    flex-grow: 1;
    height: 12px;
    margin: 0 auto;
    display: block;
    padding: 1px;
    margin: auto;
    /* min-height: auto; */
    align-content: unsafe;
}

.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: 20px;
    background-repeat-y: repeat;
    background-repeat-x: no-repeat;
}

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: auto;
    background: #00000036
}

.ParallaxMenu div div,.transitionsmenubody div div {
    width: auto;
    float: none;
    clear: both;
    margin: 2%;
    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;
    background: #232323;
}

effectsmenu {
    height: 600px
}

.ParallaxMenu div,.transitionsmenubody div {
    width: auto;
    float: none;
    clear: both;
    min-height: 0;
    margin: auto;
    height: 100%;
    height: auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: 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 {

    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 {

    -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: 0;
    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: none;
    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 #8c8c8c;
    /* width:  25px; */
}

.historyp {
    overflow: auto;
    min-height: 300px;
    height: auto;
    width: 100%;
    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,#505050,#2b2b2b);
    text-shadow: 1px 1px 1px #080808
}

.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;
    outline: 0;
    border-radius: 0;
    z-index: 100002;
    min-width: 100px;
    flex-basis: 100%;
    position: relative;
    margin: 0;
    flex: 1 1;
    flex-shrink: 0;
    flex-grow: 1;
    display: block;
    flex-wrap: wrap;
    overflow: hidden;
    height: unset;
    resize: none;
    max-height: 500vh;
    max-width: 100%;
    width: auto;
    border: 0;
    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;
    min-width: 98%;
    background: rgba(99, 99, 99, 0.8901960784313725);
    background-image: url(../assets/speck.png);
    box-shadow: inset -1px 20px 70px 30px rgba(17, 17, 17, 0.8901960784313725);
}

.FileCover {
    margin: 0;
    padding: 0
}

.underz {
    z-index: -2
}

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

.fileWrapperCover {
    height: 100vh;
    z-index: 0;
    max-height: 100vh!important;
    position: static;
    background-color: rgb(32, 35, 35);
    border: 1px solid #a7a7a7;
    overflow: auto;
    margin: 0;
    scroll-behavior: smooth;
    border-radius: 4px;
    resize: vertical;
    min-width: 100%;
    max-width: 100%;
    border-left: none;
    scroll-behavior: smooth;
    float: left;
    min-height: 35px;
    background-image: url(../assets/speck.png);
}

div.undocked {
    z-index: 4000
}

#NoEdittool7,#NoEdittool7wrap {
    box-shadow: inset 0 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: 6px;
    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: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-bottom: 0;
    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%;
 }

.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: 0;
    outline: 0;
    border-left: none;
    height: auto;
    background-color: rgba(45, 45, 45, 0.8313725490196079);
    background-image: url(../assets/speck.png);
    /* background-color: white; */
    box-shadow: inset 0 0 90px 20px #00000073;
}

.twidth.single.textcolors.singletop.flex {}

input[type=color] {
    width: 2px;
    height: 25px;
    margin-top: 0px;
    min-width: 25px;
    border: 1px #464646 solid;
    border-radius: 3px;
    padding: 2px;
}

.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: 0;
    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: calc(72% - 5px) !important;
    left: 0!important;
    top: 0!important;
    height: auto;
    position: static !important;
    z-index: 400!important;
    min-width: 245px;
    width: 100%;
    float: left;
    margin: 2px;
    display: block;
    border: none;
    overflow: hidden;
    padding: 0px;
    border: navajowhite;
}

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: 0
}

.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;
    outline: 0;
    border: 0;
    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 input[type=number].qupdate {
    /* margin: 0; */
    /* border: 1px solid #fff; */
    /* border-radius: 0; */
    /* height: 10px; */
    color: #a2a2a2;
    /* 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;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    text-align: left;
    padding-left: 16px;
    float: none;
    opacity: 1;
}

.hdockcontainer input[type=number].qupdate:hover {
    -moz-appearance: number-input;
    opacity: 1;
    border: 1px solid #ffbd6b;
    /* color: white; */
    background-color: #eac9977d;
}

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

.horizendock .quadQT {
    width: auto
}

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

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

@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;
    z-index: 0;
    width: 25px;
    height: 25px;
    /* height: 2px; */
    px;
}

.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
}

.mtlmenus img {
    height: 14px;
    width: auto;
    padding: 1px;
    justify-self: center;
    flex-shrink: 5;
    margin: auto;
    max-height: 145px;
    /* max-width: 10px; */
    border: 1px outset #696969;
    opacity: .8;
}

img.sidemenuq:first-child {
    display: none;
}

img.pneobject {}

.palettes input,.palettes select {
    text-rendering: geometricPrecision;
    letter-spacing: 1px;
    outline: 1px inset #29292900;
    font-family: Trebuchet MS1,Trebuchet MS,sans-serif;
    font-size: 9px;
    /* background-color: #1b1b1b; */
    }

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

.single img {
    height: auto;
  
    align: center;

}

.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: #dbdbdbd6;
    clear: both;
    font-family: arial;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    text-align: left;
    eline;
    width: auto;
    height: auto;
    flex-direction: row;
    margin-bottom: 12px;
    padding: 3px;
    text-shadow: 1px 1px 0 #262626;
    min-height: 65px;
    flex-grow: 1;
    max-height: 110px;
    min-width: 92%;
    max-width: 100%;
    padding-top: 5px;
    position: relative;
    z-index: 1;
    border-radius: 0px;
    box-shadow: 0 0 0px 17px #232323;
    letter-spacing: 0px;
    border: none;
    background: rgb(23, 23, 23);
    background-color: #3a3a3a;
    background-image: url(../assets/speck.png);
    /* background-color: white; */
    box-shadow: inset 0 0 90px 20px #00000057;
}


}

.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: 18px;
    max-height: 20px;
    min-width: 60px;
    margin: 0 auto 5px;
    background-color: #1e1e1e;
    width: auto;
    transform-origin: 20px -5px;
    position: fixed;
    padding-right: 9px;
    -moz-appearance: none;
    border-radius: 3px;
    border: 1px solid #ffbd6b73;
    box-shadow: inset 1px 1px 2px 100px #00000066;
    /* background-image: url(../assets/dropdown.png); */
    background-size: 23px 19px;
    background-repeat: no-repeat;
    font-size: 16px;
    background-position: right 3px center;
    transform: scale(.7);
    margin: 1px 7px 1px 5px;
}

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

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

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

#NoEdittool6 .bkoption .tleft img {
    width: 50%;
    margin: 1px 5px 1px 1px;
    position: relative;
    left: 30%;
    max-width: 25px;
    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,rgb(47, 47, 47),rgb(35, 35, 35));
    margin: 0;
    border-top: 0;
}

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

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

#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;
    margin-top: 10px;
    align-items: center;
    justify-content: space-evenly;
    padding: 1px;
}

.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: 80px;
    padding: 0;
    margin: 0;
    width: 50%;
    margin-bottom: 5px
}

.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: 0 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;
 }

.AlignMenu img {
    min-width: 10px;
    margin: 5px;
    max-width: 25px;
    width: auto;
    min-height: 10px;
    height: auto;
    max-height: 25px;
}

img {}

img {}

@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);
   }

    .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 {
    text-overflow: ellipsis;
    height: 17px;
    width: auto;
    position: static;
    display: block;
    max-width: 100%;
    padding-right: 1px;
    min-width: 100%;
    font-size: 12px;
    /* margin-bottom: 1PX; */
    font-size: 13px;
    /* clear: both; */
    overflow: hidden;
    justify-content: baseline;
    padding: 0;
    float: left;
    box-shadow: 0 1px 0 rgba(1, 1, 1, 0.15), 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255,255,255,.15) inset;
}

#sharedSpacetools .cke_combo, #sharedSpacetools {
    overflow: hidden;
    width: 50%;
    max-width: 80px;
    MARGIN: 2px 2px 2px 2px;
    min-width: 65px;
    height: auto;
    /* margin-bottom: 7px; */
    padding: 2px;
}

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

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

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

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

#sharedSpacetools .cke_toolgroup {
    min-width: 120px;
    justify-content: center;
    flex-flow: row;
    align-items: stretch;
    flex-wrap: wrap;
    min-width: 100px;
    width: 100px;
    -webkit-box-shadow: none;
    min-width: 30px;
    width: auto;
    margin: 1px;
    flex-direction: row;
    display: inline;
    align-content: space-between;
    min-height: 20px;
    background: -webkit-gradient(linear,left top,left bottom,from(#9a9a9aa8),to(#4e4e4efc));
    height: auto;
    float: left;
    OPACITY: 1;
    display: inline-flex;
    border: none;
    background: transparent;
}



#sharedSpacetools .cke_inner,#sharedSpacetools .cke_top {
    overflow: visible;
    float: none;
    DIRECTION: ltr;
    /* width: 100%; */
    display: flex;
    max-height: unset;
    /* background: #464646; */
    min-width: 180px;
    flex-wrap: unset;
    flex-flow: unset;
    MIN-HEIGHT: UNSET;
    height: AUTO;
    border: 0;
    box-shadow: none;
    display: BLOCK;
    /* background: 0; */
    margin: 0;
    position: static;
    overflow: visible;
    position: STATIC;
    z-index: 11;
    /* left: -5px; */
    max-width: calc(100% - 30px);
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    /* zoom: 1; */
    outline: none;
    border: none;
    /* zoom: 1; */
    /* overflow: hidden; */
    /* resize: both; */
    opacity: 1;
    zoom: 1;
    resize: both;
    overflow: visible;
}

#sharedSpacetools .cke_floatingtools {
    position: absolute;
    z-index: 10000000000;
    display: none;
}

#sharedSpacetools 
 span#cke_1_floatingtools {
    display: none !important;
    opacity: 1 !important;
    z-index: 10000999;
    position: fixed;
}

.trightfull {
    display: flex;
    width: auto;
    padding-top: 2%;
    max-width: 100%;
    background: 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;
  
    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: 0;
    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: 0;
    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;
    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 {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%;
    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(22, 22, 22, 0.99) 20px,#ffffff 19px,#424242 18px,#ffffff 17px,#4d4d4d 16px);
    border: 0;
    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;
    color: #000
}

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

#fontFamily {
  
    -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; */
    min-width: 248PX;
    /* display: flex; */
    z-index: 1000000000;
    overflow: visible;
    flex-grow: 1;
    flex-direction: column-reverse;
    flex-flow: column-reverse;
    max-height: calc(72vh - 0px) !important;
    min-height: unset;
    /* margin: 0px 0px 0 0; */
    height: auto!important;
    overflow: visible;
    max-width: calc(100% - 3px);
    background: rgba(11, 11, 11, 0.18);
    padding: 0;
    background-repeat: no-repeat;
    /* min-width: 163px; */
    justify-content: flex-start;
    overflow: visible;
    float: left;
    /* overflow: scroll; */
    left: 0;
    top: 0;
    border: 0;
    /* border-right-width: 2px; */
    width: 100%;
    background-repeat-y: no-repeat;
    background-repeat-x: no-repeat;
    /* box-shadow: none; */
    resize: none;
    box-shadow: inset 0px 0px 2px 0px #000000bf, inset 1px 0px 0px 0px rgba(0, 0, 0, 0.18), inset -17px 1px 0px 0px #262626;
    position: relative;
    background-color: #1f1f1f;
    border: none;
    /* overflow: hidden; */
    /* border-bottom: none; */
    /* bottom: 0px; */
    /* top: 40%; */
    position: relative;
    margin-top: 0%;
    margin-bottom: 0%;
    padding: 0;
    /* background: -webkit-linear-gradient(right, #717171cf, #2b2b2b); */
}

.trightselect .zmargin {
    margin: 0
}

.Stylemenubox {
    background: linear-gradient(to top,#3e3e3e 0,#393939 50%,#131313 100%);
    olor: #bfbfbf;
    border: 0;
    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: 0;
    max-height: 300px;
    padding: 0;
    min-height: 50px;
    width: 90%;

    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 {width: 100%;margin: 2px;border-radius: 3px;text-overflow: ellipsis;white-space: nowrap;font-weight: 12px;overflow: hidden;}

.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%;
}

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

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

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

#fontFamily {
   background: -webkit-linear-gradient(top,#2e2e2e,#1d1d1d);
   -webkit-appearance: initial;
   border: 1px solid black;
   appearance: unset;
   color: #d2d2d2;
   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 23px 3px 5px;
   background-position: 98% 50%;
   font-size: 12px;
   min-width: 100%;
   /* text-shadow: 1px 1px 1px white; */
}

.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: 0;
    border-right: 1px outset #23282d
}

#docktoolscontainer .palettes {
    -ms-transform-origin: 0 660,;
    -o-transform-origin: 0 0;
    display: flex;
    flex-direction: row;
    /* background-image: none; */
}

input[type=range]::-ms-track {
    width:100%;
    height: 100%;
    -webkit-appearance: slider-horizontal;
    margin: 0;
    padding: 0;
    border: 0;
    background: #6c799a;
    color: #f9f9f9fc;
    overflow: visible
}

input[type=range]::-moz-range-track {
    width:100%;
    height: 100%;
    -moz-appearance: slider-horizontal;
    margin: 0;
    padding: 0;
    border: 0;
    background: #ffffff00;
    color: #dadada;
    overflow: visible
}

input[type=range] {
    width: 98%;
    height: 15px;
    -webkit-appearance:none;
    margin-top: 0;
    padding: 0;
    border-left: none;
    overflow: visible;
    border: none;
    background-color: #585858;
    opacity: 1;
}

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

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

}

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

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

input[type=range]::-webkit-slider-thumb {
    width:40px;
    height: 40px;
    border-radius: 0;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
}

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

input[type=range]::-ms-fill-upper {
    background:3px;
    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%)
}
.ToolTip{color:grey;visibility:Hidden;font-size:9px;border-color:grey;border-width:1px;font-weight:bold; padding:3px; border-style:solid; position:absolute; background-color:white; top:175px; left:10px; width:250px; height:40px; z-index:999999;opacity:1;filter:alpha(opacity=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: 2px groove #131313;
    border-radius: 0;
    background: -moz-linear-gradient(left,rgba(0,0,0,.94) 30%,rgba(0,0,0,0) 100%) center/100% 8px;
    height: 7px;
    width: 100%;
    margin: auto;
    padding: 0;
    background-repeat-y: no-repeat;
    position: absolute;
    z-index: 1;
    opacity: .57;
    background-position: right top;
    background-repeat-y: repeat;
    background-repeat-x: no-repeat;
    background-size: cover;
    border-radius:  6px;
    box-shadow: inset 220px 0 19px -200px #353132e3;
    box-shadow: inset 0 0 3px 1px #868584;
    /* background: url(../assets/fluxpearl.png); */
}

div.sliderfill {
    border-radius: 0;
    max-width: 99%;
    pointer-events: none;
    background: -webkit-linear-gradient(top,#69ddea,#1e4754);
    height: 7px;
    margin-top: 2px;
    overflow: hidden;
    margin-right: 0;
    border: 1px solid #111315e6;
    margin-left: 3px;
    border-raduis: none;
    z-index: 2;
    border-left: none;
    border-radius: 4px;
    border-right: 0;
    /* box-shadow: 0 0 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%;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .01;
    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: 0px;
    -webkit-appearance: none;
}

.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;
    background-repeat: repeat;
}

.group:after {
    content: "";
    display: table;
    clear: both
}

.palettes .single .RangeFit,.range {
   padding-top:5px
}

.palettes div.absolute {
    position: absolute;
    border-right: 0;
    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: 0px;
    z-index: 1;
    height: auto;
    background: #171717;
    left: -2px;
    z-index: 1000;
    overflow: visible;
    float: none;
    border: 1px solid rgba(0,0,0,0);
    padding: 0;
    min-height: auto;
    max-height: 130px;
    margin-top: 0;
    min-width: 0;
    min-height: auto;
    clear: both;
    width: auto;
    padding: 2px;
    width: 100%;
    box-shadow: inset 0 -1px 10px 0 #806e58;
}

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

.tmid.right {
    min-width: auto
}

.smalldesc {
    background: rgba(0, 0, 0, 0.38);
    border: 3px groove rgba(102, 102, 102, 0.41);
    border-right: 0;
    color: #d7d7d7;
    overflow: hidden;
    border-left: 0;
    font-size: 10px;
    font-weight: 400;
    padding: 7px;
    margin: 2px;
}

.menudesc .smalldesc {
    height: auto;
    font-size: 9px;
    padding: 0;
    padding: 2px;
    letter-spacing: 1px;
    /* border-bottom: 0; */
    min-height: 35px;
    border: none;
    color: #cfcfcf9e;
    background: none;
    width: 100%;
    padding-top: 5px;
}

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

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

img.mainmenuI {
    height: auto;
    float: left;
    position: static;
    height: 23px;
    right: 10px;
    max-width: 20%;
    padding: 0 4px 4px 4px;
    opacity: .8;
    float: right
}

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

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

.tmidright {
    width: 50%;
    margin: 3px;
    min-width: 30%;
    min-height: 50px;
    100% margin: 0 auto;
    display: block;
    overflow: hidden;
    max-width: 100%;
    float: left;
    height: auto;
    max-width: 300px;
    width: auto;
    */margin-left: 0;
    min-width: 70px;
    margin-right: 0;
    position: relative
}

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

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

.single select.styled-selectfull {
    /* width: auto; */
    margin: 0;
    max-width: 100%;
    padding: 5px 24px 3px 7px;
    text-shadow: navajowhite;
}

.dockedforiegn {
    height: auto;
    overflow: auto;
    position: static;
    top: 0;
    border-bottom: 4px inset #303c38;
    z-index: 10500;
    width: 100%;
    margin: 0;
    background: -webkit-linear-gradient(top,#5d5d5d,#616161);
    box-shadow: 0 13px 6px 0 rgba(238,238,238,0.34);
    min-height: 100%
}

.palettes .palcont div.menuItem,div.menuItem {
  position: relative;
  overflow: hidden;
  background: 0;
  float: left;
  border-radius: 0;
  box-shadow: none;
  max-width: unset;
  flex-grow: 1;
  background-image: url(../assets/speck.png);
  padding-bottom: 0;
  min-height: 65px!important;
  transition: height 300ms;
  flex-direction: column;
  max-height: 600vh!important;
  flex-direction: column;
  overflow: hidden;
  /* background-image: linear-gradient(to top,rgb(28, 28, 28),rgb(20, 20, 20)); */
  min-width: auto;
  width: 100%;
  border: 2px groove #3c3c3c2e;
  box-sizing: border-box;
  padding-top: 2px;
  margin-bottom: 0px;
  height: 20px;
  background: rgba(14, 14, 14, 0.56);
}

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

div#MenuContainer {
    overflow: visible;
    width: 100%;
    position: fixed;
    z-index: 10;
    padding: 5px;
}

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

::-webkit-scrollbar-button {
    background-color: #383838;
    font-family: Sonsie One;
    border: 2px solid rgba(28, 28, 28, 0.94);
}

.rgrad.single.single.bkoption {}

::-webkit-scrollbar-track {
 //
 background-image: url(../assets/fluxpearl2h.png);
 /* background: -webkit-linear-gradient(left,#728888 0,#4a54545e 15%,#9e9e9e 49%,#a2c1c1 100%); */
 border: 1px solid rgba(85, 85, 85, 0.8);
 border-radius: 12px;
 margin: 0;
 box-shadow: 1px 1px 0px 0px inset #00000054;
 box-shadow: 1px 1px 0px 4px inset #00000054;
 background-clip: content-box;
}

::-webkit-scrollbar-track:hover {
    background: #17171796
}

::-webkit-scrollbar-track:active {
    background: #242424
}

::-webkit-scrollbar-corner {
    background: linear-gradient(to top,rgba(90, 130, 136, 0.3) 0,#535353 50%,#3e3e3e 100%);
}

.rgrad.single.single.bkoption {}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 4px 1px 1px #1c1c1c;
    background-color: #00000096;
}





::-webkit-scrollbar {
    width: 14px;
    height: 4%;
    height: 14px;
    max-width: 20px;
    overflow: auto;
    background: url(../assets/fluxpearl2h.png);
    z-index: 1000000000000;
    position: absolute;
}

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

div#NoEdittool7 {
    background-position: cover;
    background-repeat-y: repeat;
    background-repeat-x: no-repeat;
    background: linear-gradient(320deg,#2d2d2df5 0,#2f2f2f 24%,#0c0c0cd9 40%,#464646 50%,#585858 64%,#1b1b1bc4 76%,#757575 85%,#2d2d2d 100%,#000000bf 100%);
}

::-webkit-scrollbar-thumb {
    background-image: url(../assets/fluxpearl2h.png);
    height: 10px;
    width: 10px;
    margin: 4px;
    border:1px solid #2e2e2e;
}

.single .flex {
    display: flex
}

.fleex .tleft {
    flex-grow: 1
}

.flex tleft {
    flex-grow: 1
}

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

#NoEdittool2 .AlignMenu img {
    align-content: space-evenly;
    margin: 0;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    flex-flow: row-reverse;
    max-height: 30px;
    flex-grow: 3;
    flex-shrink: 1;
    max-width: 20%;
    opacity: 1;
    align-items: center;
}

#NoEdittool2 {
    transform: translateY(50px);
    height: 200px;
    position: static;
    overflow: hidden;
    height: 100px;
    height: 100px;
    max-width: 100%;
    box-shadow: none;
    width: 100vw;
    padding: 0;
    /* border: 3px inset rgba(14, 14, 14, 0.53); */
    float: none;
    min-height: 80px;
    margin: 0;
    resize: horizontal;
    height: auto!important;
    max-width: 100%!important;
    overflow: visible;
    position: fixed !important;
    min-width: 251px;
    padding-right: 0;
    max-height: calc(100vh - 150px);
    background-color: #1a1d1d;
    background-image: url(../assets/speck.png);
    background-repeat-x: repeat;
    background-repeat-y: repeat;
    box-shadow: inset 50px 0 250px 50px #000000, 1px 1px 5px 3px #000000b0, inset -15px 0 0 4px #797979;
    opacity: 1;
    min-height: 0;
    z-index: 20000;
    /* border-radius: 0px; */
    border-bottom: none;
}

div#NoEdittool2 {
    min-width: 257px;
    max-width: calc(100% - 30px) !important;
    z-index: 1000000000;
    background-image: url(../assets/fluxinpearl.png);
    top: 0px;
    background: linear-gradient(320deg,#2d2d2df5 0,#2f2f2f 24%,#0c0c0cd9 40%,#464646 50%,#585858 64%,#1b1b1bc4 76%,#757575 85%,#2d2d2d 100%,#000000bf 100%);
    margin-right: 0px;
    transition: height;
    transition-duration: 2s;
    transform: translateY(5px) !important;
    -webkit-transition: height 2s;
    right: 15px;
    max-height: calc(90vh - 20px) !important;
    padding: 0;
    top: 15px;
    /* bottom: 0; */
    /* background-size: 20%; */
    /* box-shadow: inset 50px 0 250px 50px #191919, 1px 1px 5px 3px #00000073, inset -15px 0 7px 9px #404040; */
    background-repeat: no-repeat;
    background-position: right 10 top 40%;
    /* zoom: .9; */
    /* transform: matrix(.9,0,0,.9,0,0); */
    /* transform-origin: left; */
    padding: 5px;
    border-radius: 6px;
    box-shadow: none;
    border: 1px solid black;
}

::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background: #252525;
    background: #333;
    background: -moz-linear-gradient(left,rgb(117, 117, 117) 2%,rgba(44,44,44,1) 5%,#2d2d2d 9%,#313131 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,#252526 0,#424242 60%,#2e2e2e 70%,#282828 100%);
    background-image:url(../assets/fluxpearl2h.png);
  //  box-shadow:4px 4px 4px 5px inset black;
    filter: lack;
    margin: 2px;
    border-radius: 3px;
    border: 1px solid #2f3235;
   box-shadow: inset 3px 0 8px 1px #272727;
    box-shadow: inset 3px 0 8px 1px #282828a1
}

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

::-webkit-scrollbar-thumb:horizontal {
    width: 60px;
    height: 60px;
    background: #252525;
    background: #4a4a4a;
    background: -moz-linear-gradient(top,rgb(35, 35, 35) 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,#5353534d 0,#4b4b4b8a 40%,#49494987 70%,rgba(25, 25, 25, 0.3) 100%);
    filter: lack;
    border-radius: 5px;
    border: 2px inset rgba(42, 42, 42, 0.47);
    box-shadow: inset 0 0 8px 1px #303030;
    box-shadow: inset 6px 0 8px 1px #323232
}

a.cke_combo_button {
    min-width: 100%;
    margin: 0%;
}

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

.paletes:-webkit-scrollbar:hover {
    width: 16px;
    background-color: #3030304a;
    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: 0 3px 3px 0;
    padding: 0;
    color: #f4f4f4;
    border: 0 INSET #41414133;
    background: -webkit-linear-gradient(top,#1c1c1c,#202020);
    box-shadow: inset 1px 1px 0 0 #101010e6, inset -16px -2px 0 0 #3e3e3e75;
}

#NoEdittool2 img.fluxicon2 {
    top: 0;
    opacity: 1;
    right: 0;
    height: auto;
    px;*/display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    display: none
}

.smallerdesc {
    background: rgba(73,74,74,0);
    border: 3px groove #eee;
    border-left: NONE;
    border-right: 0;
    width: auto;
    color: #737373;
    text-align: center;
    height: 20px;
    font-size: 12px;
    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: 0;
    margin: auto;
    width: auto;
    color: rgba(200,202,183,0.5);
    text-align: center;
    height: 11px;
    font-size: 11px;
    max-width: 75%;
    min-width: 75%;
    border: 0;
    padding: 1%;
    word-wrap: break-word;
    border: 3px groove rgba(162,173,169,0.61);
    border-left: NONE;
    border-right: 0
}

.menudesc div {
    float: none;
    width: auto;
    top: 0;
    word-wrap: break-word;
    height: auto;
    margin: 0;
    border-right: 0;
    border-left: none;
    font-size: 11px;
}

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

.tabs li: nth-child(5) {
   
    z-index: 20;
    flex-grow: 2;
    top: 0;
    flex-grow: 8;
    border-bottom: 0;

}

.tabs li: nth-child(6) a {
    z-index:25
}

.tabs li:nth-child(6) {
    position:relative;
    z-index: 25;
    flex-grow: 3
}

.tabs li:nth-child(7) a {
    /* position:absolute; */
    /* left: 0; */
    /* z-index: 1; */
    /* top: 0; */
    /* flex-grow: 3; */
}

.tabs li:nth-child(7) {
    /* position:relative; */
    /* z-index: 30; */30 */
    height: auto;
    flex-grow: 3;
}

.tabs li:nth-child(8) a {
    order:1;
    z-index: 0;
    border-right: 0;
    height: 27px;
    background: -webkit-linear-gradient(top,#ad7b22,#081113)
}

.tabs li:nth-child(8) {
    /* position:relative; */
    /* display: none; */
    ne; */
    z-index: 30;
    width: unset;
    flex-shrink: 4;
    /* flex-grow: 4; */
}

.tabs li:nth-child(4) a {
    z-index:1
}

.tabs li:nth-child(4) {
    /* position:relative; */
    /* z-index: 20; */
    /* flex-grow: 1; */
    /* flex-shrink: 0; */
}

.tabs li:nth-child(2) {
    /* position:relative; */
    /* z-index: 10; */
    /* flex-grow: 2; */
    /* flex-shrink: 0; */
}

.tabs li:nth-child(3) {
    /* position:relative; */
    /* z-index: 15; */
    /* flex-grow: 1; */
}

div#docktoolscontainer {
    position: absolute;
    top: -0px;
    background-repeat: repeat;
    border-left: none;
    background: rgb(41, 41, 41);
    width: auto;
    left: 0;
    padding: 5px;
    border-top: 1px solid black;
    padding: 4px;
    margin: 1% auto;
    max-height: 500vh;
    height: unset;
    z-index: 2;
    min-height: 100%;
    color: rgb(201, 201, 201);
    overflow-y: auto;
    font-family: arial;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    vertical-align: middle;
    border-radius: 3px;
    border-top: 90px;
    margin-top: 0;
    display: block;
    border: 0;
    resize: vertical;
    overflow: auto;
    overflow-y: auto;
    background-size: contain;
    background-repeat: repeat;
    width: unset;
    height: auto;
    display: flex;
    overfow: hidden;
    max-width: calc(100% - 1px);
    min-width: calc(100% - 0);
    overflow-y: auto;
    margin: 0 0 0 1%;
    padding-bottom: 0px;
    flex: 1;
    padding: 0;
    margin: 1%;
    justify-content: space-evenly;
    flex-flow: wrap;
    border-right: 0;
    flex-direction: column;
    flex-basis: auto;
    align-items: start;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0-;
    box-shadow: none;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 0;
    width: calc(100% - 0px);
    height: calc(100% - 30px);
    max-height: 96%;
    min-height: 10%;
    resize: none;
    overflow: auto;
    overflow-x: hidden;
    display: block;
    border-left: none;
    margin-top: 43px;
    /* width: auto; */
    box-shadow: inset 0px 320px #00000094;
}

div#docktoolscontainer {}

input[type="button"] {
    width: auto;
    height: 20px;
    border: 2px outset #1b1b1b
}

.bgopacity {
    opacity: .9
}

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

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

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

.RangeFit {
    background: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.51),rgba(29, 29, 29, 0.42));
}

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

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

::-webkit-scrollbar-button {
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #222222a6;
    background-color: rgba(88, 88, 88, 0.82);
    border: 2px outset rgba(32, 32, 32, 0.79);
    height: 30px;
    width: 30px;
}

::-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(30, 30, 30, 0.67),inset 2px -2px 2px 2px rgba(15, 15, 15, 0.41)
}

::-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(39, 40, 40, 0.24),inset 2px -2px 2px 2px rgba(27, 27, 27, 0.77)
}

::-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(41, 42, 42, 0.55),inset 2px -2px 2px 2px rgba(25, 25, 25, 0.53);
    background-position: top;
    background-color: rgba(27, 27, 27, 0.72)
}

::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(../assets/gpsu.png);
    background-position: bottom;
    box-shadow: inset 1px 2px 2px 2px rgba(31, 31, 31, 0.52),inset 2px -2px 2px 2px rgba(36, 36, 36, 0.14);
    background-color: rgba(104, 104, 104, 0.84)
}

::-webkit-scrollbar-button:start {
    height: 15%;
    border-radius: - 8px;
    margin: 0
}

::-webkit-scrollbar-button:end {
    border-radius: -8px;
    margin: 0;
    height: 15%;
    display: block;
    background-color: #8a8a8ae6 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: 0;
    height: 80vh;
    width: 80vh;
    position: absolute
}

.UnderConstruction {
    display: none
}

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

div#sharedSpacetools {
    padding-left: 0px;
    direction: RTL;
    clear: both;
    max-width: calc(100% - 0px);
    position: relative;
    max-height: calc(72vh - 30px);
    padding-top: 15px;
    z-index: 1000000000;
    overflow: visible;
    min-height: unset;
    padding: .2% .2%;
    transition: height 300ms cubic-bezier(0.57,0.48,0.22,0.88);
    float: NONE;
    flex-grow: 1;
    /* max-height: 101%; */
    background: rgba(0, 0, 0, 0);
    height: 100%;
    overflow: VISIBLE;
    box-sizing: border-box;
    margin: 0px;
    top: 0;
    /* overflow: hidden; */
    overflow-y: visible;
    resize: NONE;
    min-width: 105px;
    padding: 0;
    width: 100%;
    min-width: 150px;
    /* margin-top: -20%; */
    /* margin-bottom: -20%; */
    position: STATIC;
    /* transform: scale(.9,.9); */
    /* transform-origin: left top; */
    margin-bottom: 0;
    border: none;
    /* zoom: 1; */
    opacity: 1;
    /* resize: both; */
    outline: none;
}

#sharedSpacetools .cke_combo_text {
    overflow: hidden;
    height: 16px;
    font-size: 14px;
    line-height: 14px;
    width: auto;
    padding-left: 2%;
    padding-top: 1px;
    vertical-align: text-top;
    min-width: 50px;
    font-size: 10px;
    max-width: 70%;
    /* display: inherit; */
    DIRECTION: LTR;
}

div#sharedspaceid {
    height: auto;
    OVERFLOW: visible;
    height: auto !important;
    position: static;
    border: 0;
    /* top: 0px; */
    /* zoom: .8; */
    z-index: 2;
    max-width: unset;
    /* bottom: 0px !important; */
    /* min-width: 15px; */
    overflow-y: VISIBLE;
    min-width: 95%;
    max-height: unset;
    /* min-height: calc(100% + 20%); */
    transition: all 500ms ease;
    width: auto;
    /* float: left; */
    /* resize: horizontal; */
    border-radius: 3px;
    /* transform-origin: left top; */
    /* background: rgba(0, 0, 0, 0); */
    /* transform: scale(.8,.8); */
    /* left: 0; */
    /* top: 0; */
    /* margin-top: 0%; */
    /* margin-bottom: -7%; */
    opacity: 1;
}

cke_panel cke_combopanel {
    position: fixed!important;}

::-webkit-scrollbar-track:horizontal {
    -webkit-box-shadow:inset 0 1px 1px 1px #3e3e3e;
    background: linear-gradient(to top,rgba(44, 44, 44, 0.58) 0,#353535 50%,#333333 100%);
    border: 1px solid rgb(52, 52, 52);
    box-shadow: -3px 0 1px 0 rgba(61,75,76,0.46),4px 0 1px 0 rgba(85,97,97,0.57),inset 0 -1px 0 1px rgba(31,31,31,0.43),inset 0 3px 3px 0 rgba(35,34,34,0.45);
    border-radius: 5px



    
}

::-webkit-scrollbar-track:vertical {
    -webkit-box-shadow: inset 2px 0 1px 1px #898989;
    border: 1px solid rgba(0, 0, 0, 0.59);
    box-shadow: 0 -3px 1px 0 #545d5ca6,0px 3px 0 0 rgba(87,126,130,0.57),inset -1px 0 0 1px rgba(68,78,78,0.52),inset 1px 0 1px 0 rgba(14, 14, 14, 0.54);
    border-radius: 5px
        background: linear-gradient(to top,rgba(92,106,106,0.58) 0,#353535 50%,#333333 100%);
}

::-webkit-scrollbar-track:vertical {
    -webkit-box-shadow: inset 2px 0 1px 1px #2d2d2d;
    border: 1px solid rgba(70, 70, 70, 0.56);
    box-shadow: 0 -3px 1px 0 #545d5c6b,0px 3px 0 0 rgba(73,88,90,0.52),inset -1px 0 0 1px rgba(68,78,78,0.49),inset 1px 0 1px 0 #313130;
    border-radius: 5px
}

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

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

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

Layerspalette input {
    float: right
}

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

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

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

toptoolbarwrap {
    width: 100%
}

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

.palcont {
    width: calc(100% - 15px);
    max-width: 100%;
    max-height: 500vh;
  
    flex-direction: column;
  
    -webkit-flex-direction: column;
  
    flex-direction: column;
   
    font-size: 11px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    min-height: 100px;
    display: block;
    position: relative;
    margin-top: 40px;
    padding: 0;
    background: 0;
}

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

#NoEdittool0 input[type=range],#NoEdittool0 input[type=range]::-ms-thumb {
    -webkit-appearance: slider-horizontal;
    appearance:slider-horizontal;background:white
}


input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: #2f2f2f45; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: #9ab12ce0; 
  border-color: #7b242466;
  color: transparent;
}

div#NoEdittool0-transitions {
    background: #1d1d1d;
    width: auto;
    margin-bottom: 30px
}

.amen {
    border: 1px solid #444;
    padding: 2px;
    background: #2d2d2d;
}

#NoEdittool14,#NoEdittool7 {
    -webkit-transition: width 0ms;
    transition: unset;
    float: none;
    min-height: 30px;
    visibility: visible;
    background: #0e0e0e;
}


#NoEdittool0 input[type=range]::-moz-range-track{
   appearance: slider-horizontal;
   -webkit-appearance: slider-horizontal;
   height:20px

}



#NoEdittool0 input[type=range]::-moz-range-thumb{

 height:20px;
background:#525252
}

div#NoEdittool7 {
    display: none;
    transform: matrix(1,0,0,1,-15,40);
    width: 64px;
    left: 10px;
    top: 100px;
    /* height: 125px; */
    visibility: visible;
    background-size: 100%;
    min-width: 125px;
    padding: 5px;
    z-index: 0;
    outline:  0;
}

.palette,#NoEdittool14 {
    -webkit-transition-timing-function: linear
}

.pallete,#NoEdittool14 {
    transition-timing-function: ease-in-out;
    z-index: 10;
    height: 100vh !important;
    top: 0!important;
    max-height: calc(100% - 0px)!important;
    position: static;
    visibility: visible;
    display: flex!important;
    flex-flow: column;
    flex-direction: column;
    bottom: 0;
    border-radius: 4px;
}

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

div#fileContainer {
    position: static;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100vh;
}

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

.toolswrapper {
    position: relative;
    flex-flow: column;
    flex-direction: column;
    flex-wrap: nowrap;
    float: none;
    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-position: bottom;
    background-repeat-y: no-repeat;
    background-repeat-x: no-repeat;
    background-image:url(../assets/fluxinpearl.png);
    background-size: 100%;
    box-shadow: inset 0 0 100px 50px rgba(16, 16, 16, 0.94);
}

.toolbariconswrap {
    /* flex: auto; */
    clear: both;
    min-height: 80px;
    position: relative;
    max-width: calc(100% - 15px);
    min-width: calc(100% - 15px);
    margin: 0 auto;
    width: 99%;
    min-height: 70px;
    resize: NONE;
    overflow: auto;
    padding-bottom: 0;
    max-height: 100vh;
    padding-top: 0px;
    align-items: flex-start;
    border: 3px groove #adadad45;
    direction: ltr;
    float: none;
    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;
    height: auto!important;
    width: calc(100% - 14px);
    width: calc(100% - 4px);
    margin: 0;
    background-color: #2b2b2b;
    background-repeat: repeat;
    /* resize: horizontal; */
    margin: 0;
    width: 100%;
    margin: 0px;
    /* height: 0; */
    background: rgba(0, 0, 0, 0);
    background-color: rgba(27, 27, 27, 0);
    justify-content: space-evenly;
    min-height: 70px;
    MAX-HEIGHT: calc(72vh - 15px);
    box-shadow: none;
    /* border-bottom: none; */
    overflow: hidden;
}

.toolbariconswrap {}

.toolbariconswrap {
    overflow: VISIBLE;
    OVERFLOW-Y: VISIBLE;
    DIRECTION: RTL;
    opacity: 1;
    /* height: 60px; */
}

.topToolBarWrap {
    transition: none;
    /* display: none; */
    position: RELATIVE;
    z-index: auto;
    border-top: none;
    top: 0;
    /* bottom: 0; */
    box-sizing: initial;
    max-width: calc(100% - 15px);
    margin: 0px;
    max-height: calc(72vh - 50px);
    min-width: 211pX;
    min-height: 100%;
    overflow: VISIBLE;
    width: calc(900px + 10vw);
    letter-spacing: 2px;
    background: url(../assets/speck.png);
    background-color: rgb(31, 31, 31);
    resize: horizontal;
    direction: ltr;
    border-radius: 0px;
    margin: 0px;
    border: 2px ridge rgb(40, 40, 40);
    /* background-color: #8c8c8c; */
    width: 70%;
    height: auto;
    border-bottom: none;
    /* border-top: #252525; */
    /* width: 60%; */
    /* box-shadow: inset -2px 0px 2px 0px rgb(12, 12, 12), inset -14px 0px 0px 0px rgb(56, 56, 56); */
    /* background-color: white; */
    /* box-shadow: inset 0 0 0 10px black; */
    opacity: 1;
    }

.tabrow1 .FluxTabDisabledHide {
    border: 2px outset #689e9d;
    top: -0px;
    background: #000000e8;
    border-radius: 4px;
    z-index: 100;
    order: 9;
    padding: 0;
    z-index: 1000!important;
    box-shadow: 19px -1px 2px 2px #00000040,4px -3px 1px 3px #0000004f;
}

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

#NoEdittool0 div {
    font-size: 10px;
    color: grey;
    font-weight: 350;
    font-family: arial;
    margin-bottom: 4px;
    background: #3a3a3a;
}

.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% - 13px);
    /* 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; */
}

iframe#SwatchMenuMini {
    position: absolute;
    max-width: calc(100% - 10px);
    min-height: unset;
    top: 0px;
    left: -0px;
    resize: none;
    border: 0;
    height: calc(100% - 0px);
    margin: 0;
    padding: 0;
    /* background: rgb(242, 242, 242); */
    width: calc(100% - 14px);
    overflow: hidden;
    opacity: 1;
    background-color: rgba(56, 56, 56, 0.65);
    max-height: calc(100% - 0);
    margin-top: 0;
    background-image: url(../assets/speck.png);
    min-width: 231px;
    margin-right: 14px;
    /* box-shadow: -5px 1px 0 1px rgb(25, 25, 25); */
    z-index: 1;
}

div#onTheFlySwatch {
    background: -webkit-gradient(linear,left top,left bottom,from(rgb(154, 154, 154)),to(rgb(115, 115, 115)));
    /* width: 25%; */
    font-size: 8px;
    top: 0px;
    border: 0;
    padding: 0;
    right: 20px;
    position: absolute;
    /* overflow: visible; */
    /* padding-top: 0; */
    padding-top: 0;
    min-height: 100%;
    height: calc(30% - 1px);
    resize: horizontal;
    border: 0px groove rgb(0, 0, 0);
    max-height: calc(100% - 0px);
    display: flex;
    direction: rtl;
    width: 20%;
    flex-direction: column;
    margin: 0px;
    margin-right: 0px;
    padding-left: 25px;
    border: 1px solid #454545;
    justify-content: space-around;
    /* min-width: 20%; */
    overflow: hidden;
    /* background-repeat: repeat; */
    max-width: 100%;
    min-width: 20%;
    width: 30%;
    flex-wrap: nowrap;
    /* padding-right: 20px; */
    /* border-top: navajowhite; */
    /* border-bottom: navajowhite; */
    background-repeat: repeat;
    /* box-shadow: inset 0px 0px 200px 50px #0000005c; */
    background-image: -webkit-linear-gradient(top,#333,#1f1f1f);
}



div#onTheFlySwatch div {
 height: auto;
 flex-grow: 5;
 flex-shrink: 5;
 height: auto;
 flex-basis: auto;
 width: auto;
 height: auto;
 margin: auto;
 /* flex-direction: row; */
 margin-right: 30px;
 flex-basis: auto;
 font-size: 9px;
 display: flex;
 flex-wrap: nowrap;
 min-height: 1%;
 max-height: 30;
 min-width: 1%;
 flex-flow: row-reverse;
 flex-wrap: wrap;
 overflow: hidden;
 /* min-height: 1%; */
 justify-content: space-around;
 border: 0;
 background-color: transparent;
 /* background-repeat: repeat; */
 /* background: 0; */
 margin: 5px;
 align-content: space-evenly;
 /* box-shadow: inset 0 0 1px 0px #0000008a, 0px 0 10px 0 #353535; */
 justify-content: space-between;
 /* box-shadow: none; */
 margin: 1px;
 align-content: stretch;
 padding: 0%;
 overflow: hidden;
 align-items: center;
 background: rgba(89, 89, 89, 0);
 max-height: 20%;
}

div#onTheFlySwatch div#varswatchc {
    height: auto;
    flex-wrap: wrap;
    max-height: 10%;
    flex-grow: 0;
    margin: 2px;
    min-height: 5px;
}

div#onTheFlySwatch div#varswatchb {
    flex-wrap: wrap;
    flex-direction: row;
    height: 10%;
    margin: 0px;
    min-height: 10px;
    max-height: 10%;
    flex-grow: 0;
    overflow: hidden;
    justify-content: space-around;
}

div#varswatchc {
    height: 50%;
}

div#varswatchd {
    height: 15%;
}

#onTheFlySwatch input {
    /* border: 1px solid grey; */
    /* max-height: 8px; */
    /* margin-right: 0; */
    /* margin-bottom: 0; */
    /* margin-top: 0; */
    margin: 1% auto;
    flex-shrink: 5;
    align-self: inherit;
    flex-grow: 5;
    min-width: 1px;
    max-width: 6%;
    min-height: 3px;
    padding: 0;
    max-height: 7px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    flex-grow: 2;
    /* max-height: 1px; */
    flex-shrink: 7;
    overflow: hidden;
    width: -webkit-fill-available;
    height: 6px;
    padding: 3px;
    border: 1px rgba(255, 255, 255, 0.24);
    border-width: 1%;
    border-bottom: 1px solid rgb(69, 69, 69);
    cursor: pointer;
    border: 2px inset #454545;
    max-width: 1%;
    padding: 3px;
    margin: 2px;
    box-shadow: inset 1px 1px 6px 1px rgba(0, 0, 0, 0.28), inset -1px -2px 3px 0px rgba(255, 255, 255, 0.16), 0 0 0px 1px #696764a6;
    box-shadow: inset 0 0 0px 1px rgba(202, 202, 202, 0.06);
    border-style: solid;
}

#onTheFlySwatch #varswatchc input {
    max-width: .2%;
    margin: 2px auto;
}

varswatchc input{
    width: 1px;
    height: 1px;
    padding: 0;
}

div#onTheFlySwatch .swatchText {
    overflow: visible;
    z-index: 222;
    top: unset;
    display: block;
    position: absolute;
    height: auto;
    /* max-height: 10px; */
    vertical-align: text-top;
    min-height: px;
    width: 30px;
    direction: ltr;
    padding-left: 0;
    margin: 0;
    margin: 0;
    opacity: 1;
    background: none;
    position: relative;
    right: unset;
    text-align: right;
    font-size: 9px;
    position: absolute;
    margin: 0;
    border: 0;
    text-shadow: 1px 1px 0 #000;
    padding: 0;
    color: #909090;
    box-shadow: 0 0 0 black;
    top: auto;
    left: unset;
    display: none;
}

#bubles {
    border: 0;
    position: absolute;
    background: rgba(10, 10, 10, 0.23);
    margin: 0 auto;
    left: 0;
    right: 0;
    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,#557986);
    opacity: 1;
    box-shadow: 5px 5px 5px 5px inset #fff
}

progress#progressbara::-webkit-progress {
    background:black
}

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

progress#progressbara {
    margin: auto;
    position: fixed;
    top: 0;

    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    /* width: 60vw; */
    height: 5px;
    /* border: 2px solid #000; */
    box-shadow: -1px 1px 80px 5px #1dbf7f;

}

div#fluxwrap3movehandle {
    height: 15px!important;
    width: 15px!important;
    padding-right: 5px;
}

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

#NoEdittool2 .palcont .palcont {
    min-height: 101%;
    min-width: 229px;
    overflow: visible;
    /* box-shadow: none; */
    /* border-radius: 0; */
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.91);
    background-size: 25px 25px;
    background-color: rgb(36, 36, 36);
    box-shadow: none;
    /* resize: both; */
    z-index: 10;
    border: 0;
    /* max-height: 101%; */
    /* border-top: navajowhite; */
    padding: 0;
    margin: 0;
    border: 1px ridge rgba(38, 38, 38, 0.55);
    width: calc(100% - 400px);
    /* border-top: none; */
    /* border-bottom: none; */
    background-image: url(../assets/speck.png);
    /* border-radius: 5px; */
    /* width: calc(100% - 410px); */
    /* border-right: 1px solid rgba(140, 140, 140, 0.28); */
    box-shadow: 0px 0px 0px 2px rgb(25, 25, 25);
}

iframe#PNECANVASiframe {
    z-index: -1
}

.menupos img {
    width: 14px;
    margin-right: 14px;
    margin-left: 4px;
    margin: 1px 8px 1px 4px;
    height: 14px;
    opacity: 1;
    float: right;
}

div#fluxalignmenu {
    height: auto
}

#minitools div#fluxalignmenu {
    position: relative;
    z-index: 0;
    height: 10px;
}

#menu, #fluxalignmenu {
    padding: 0;
}

.hbuttons1 {
  color: #BEBEBE;
  text-shadow: 0 0 black;
  /* box-shadow: inset 0px 0px 0 20px #4c4c4c; */
}

.hbuttons1.hbutton {}

.hbuttons1.hbutton {
    top: calc(10% + 25px);
}

div div.hbuttons2 {
    color: #BEBEBE;
    border: 0;
    top: calc(20% + 15px);
    border-top: none;
}

#NoEdittool14 div.hbuttons3 {color: #bebebe;top: calc(40% + 15px);}

#NoEdittoo2l333-5embed div {
    display: none
}

img#flux18movehandleimg {
    margin: 0px;
    min-width: 15px;
    padding: 3px;
    min-height: 15px;
    height: 15px;
    width: 15px;
    display: none;
}

.cke_combopanel {
    position: absolute!important
}

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

.hbutton {
    width: 90px;
    position: absolute;
    top: 0px;
    padding: 4px;
    transform: rotate(90deg);
    right: -32px;
    overflow: visible;
    font-size: 9px;
    text-align: left;
    font-weight: 500;
    letter-spacing: 3px;
    transform-origin: bottom;
    font-family: ARIAL;
    z-index: 9999;
    height: auto;
}

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

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: 0;
    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: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    text-align: justify;
    overflow: hidden;
    flex-wrap: wrap;
    bottom: 0;
    min-height: 100vh;
    position: relative;
    background-image: url(../assets/fluxinpearl.png);
    background-size: 800px;
    background-repeat: no-repeat;
    background-position: bottom 40px center;
}

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: 0;
    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 {
    margin-top: 50px;
    height: auto;
    overflow: hidden;
    margin: 0px;
    padding: 5px;
    width: auto;
    font-weight: bolder;
    float: left;
    min-width: 130px;
    font-size: 12px;
    margin-top: 10px;
    color: #ffffff9e;
    min-width: 140px;
    background-color: #000000eb;
}

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

div#Information {
    position: fixed;
    top: 10px;
    left: 10px;
    width: 450px;
    padding: 25px;
    text-align: justify;
    opacity: 1;
    z-index: 1000000;
    background: #2b2b2b;
    justify-content: center;
    color: #dedede;
    font-family: arial;
    font-size: 14px;
    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: auto;
    max-width: 200px;
    min-width: 30px;
    display: none;
    display: block;
    justify-content: space-around;
    margin: 10px;
    padding: 0;
    display: flex;
    float: left;
    flex-wrap: wrap;
    flex-grow: 10;
    flex-shrink: 10;
    float: left;
    margin-left: 0;
    display: none;
    margin: 6px;
    margin-top: 15px;
    height: 100%;
}

.toolbariconswraplarge {
    border-radius: 3px;
    width: 100%;
    flex-shrink: 1;
    resize: none;
    position: relative;
    max-height: 200px;
    border: 3px groove rgba(88, 88, 88, 0.4392156862745098);
    min-width: 300px;
    height: auto;
    display: block;
    flex-direction: row;
    flex-flow: row;
    flex-wrap: wrap;
    align-self: initial;
    min-width: auto;
    padding: 1%;
    margin: 0;
    max-width: calc(100% - 80px);
    overflow: VISIBLE;
    float: left;
    justify-content: space-evenly;
    border-radius: 4px;
    border: 0;
    border: 2px groove rgb(47, 47, 47);
    margin: 2px;
    /* max-width: 530px; */
    min-width: 110px;
    min-height: 40px;
    min-width: 100%;
    float: left;
    DISPLAY: NONE;
    background: #23232300;
}

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

#EditorCanvasCover {
    margin: 0;
    padding: 0;
    border-bottom-color: black;
    border-style: single;
    position: absolute;
    background-color: white;
    top: 0;
    left: 0;
    width: 99.9%;
    height: 1000px;
    z-index: 10001;
    opacity: .7;
    filter: alpha(opacity=70)margin:0;
    padding: 0;
    visibility: hidden;
    border-bottom-color: black;
    border-style: single;
    position: absolute;
    background-color: white;
    top: 0;
    left: 0;
    width: 99.9%;
    height: 1000px;
    z-index: 10001;
    opacity: .7;
    filter: alpha(opacity=70)margin:0;
    padding: 0;
    visibility: hidden;
    border-bottom-color: black;
    border-style: single;
    position: absolute;
    background-color: white;
    top: 0;
    left: 0;
    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: #000000cf;
    overflow: hidden!important;
    overflow-x: auto;
    height: 80%;
}

.iframesubsinner {
    linear-gradient(to right,#000 0,rgba(105,226,182,0.59) 32%,#317f6000 50%,rgba(78,216,161,0.59) 68%,#000 100%): #000000cf;
    padding: 50px!important;
    border: 1px solid #c12626;
    border-top: 1px solid #c12626;
    margin: 0;
    box-sizing: border-box;
    height: 100%;
    background-image: url(../assets/redheadmermaid.png);
    background-position: right -40px bottom;
    background-blend-mode: color;
    border-right: 1px solid #7b1303f0;
    border-bottom: 1px solid #c13636;
    background-size: 250px auto;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    color: grey;
    /* box-shadow: inset -1px 6px 211px 49px #000, inset 0 6px 6px -3px #000, inset -400px 0px 133px -100px #2f795a, inset -6px 0 6px -3px #a0dade, inset 0 -6px 3px -3px #000000e8; */
    text-shadow: -1px -1px 1px #000;
    background-repeat: no-repeat;
    background-color: none;
    overflow-y: scroll;
    font-size: 11px;
    font-family: arial;
    overflow-x: hidden;
}

.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;
    max-width: 120px;
    padding-left: 3px;
    padding-right: 8px;
}

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

.palDesc {
    padding: 2px
}

#loaderimage img {
    display: none;
    -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: 200px;
    max-width: 700px;
    min-width: auto;
    position:  fixed;
    bottom: 0;
    opacity: .5;
    z-index: 20;
    der-top: none;
    border-bottom: 0;
    box-sizing: content-box;
    box-shadow: 0 0 100px 100px #00000000;
}

#loaderimage div.StatusBox img.fluxicon, #loaderimage img.fluxicon {
    display: block;
}

div#NoEdittool0,div#NoEdittool9,div#NoEdittool11,div#NoEdittool8 {
    opacity: 1
}

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-size: 5% 20px;
    background-repeat: no-repeat;
    background-position: right;
    background-color: #447890;
    opacity: 1
}

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

div#shutterstockwrap,div#shutterstockwrap iframe {
    /* border: 3px solid #0c0c0c; */
    box-shadow: none;
    outline: 0;
    border-radius: 4px;
    background: rgba(82, 82, 82, 0.21176470588235294);
    padding: 0;
    background: url(../assets/speck.png);
    background-color: rgba(247, 247, 247, 0.9607843137254902);
}

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: 0;
    height: 99%;
    width: 100%;
    outline: 15px solid #000000c7;
}

div#RulersLeft {
    opacity: .5
}

.hcodewrap {
     height: 65%;
    position: relative;
    left: 0;
    right: 25px;
    top: 0;
    bottom: 0;
    direction: ltr;
    resize: none;
    overflow: scroll;
    margin: 0px 0;
    display: block;
    margin-right: 0px;
    flex-direction: row;
    flex-grow: 1;
    /* overflow: scroll; */
    flex-flow: row;
    overflow: auto;
    overflow-y: auto;
    background: rgba(90, 90, 90, 0.54);
    z-index: -1;
    height: 100%;
    width: calc(100% - 0px);
    box-shadow: inset 30px 0px 0px 50px #27221d, 1px 1px 5px 3px rgb(197 197 197 / 17%), inset -15px 0 0 4px #ffffff26;
}


iframe#codeMirrorHTML {
    overflow: scroll;
    height: auto;
    margin-bottom: 0px;
    width: 32%;
    opacity: 1;
    min-width: 35%;
    width: auto;
}

iframe#codeMirrorStyle {
    width: auto;
    flex-grow: 4;
    border-top: 1px solid #402711c7;
    height: auto;
    opacity: 1;
    min-width: 20%;
    overflow-y: scroll;
    overflow-x: hidden;
}

iframe#codeMirrorHTML2 {
    min-width: calc(32% - 100px);
    height: auto;
    opacity: 1;
    overflow: scroll;
    width: auto;
}

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

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

body * {
    border: none;
    position: initial;
    padding: unset;
    background: rgba(0, 0, 0, 0);
}

div {}

span {}

div#DebugDisplay {
    width: auto;
    background: rgba(62, 62, 62, 0.05);
    margin-bottom: 100px;
    border: 20px solid #34343447;
    outline: 20px solid #80808040;
}

#DebugDisplay div {
    font-size: 9px;
    color: #714d0f;
    font-weight: bold;
    /* margin-left: 1px; */
    background: rgba(27, 27, 27, 0.02);
}

div#DebugDisplay span {
    color: #402f6b !important;
    font-size: 10px;
    font-face: arial;
}

div#insertobject {
    display: none;
}

.cke_toolbox {
    visibility: visible;
}

#NoEdittool2 .minialign img {
    display: block;
    height: auto;
    margin: 1px;
    max-height: 15px;
    max-width: 15px;
}

.mtlmenus {
    border: navajowhite;
    display: flex;
    min-width: 108PX;
    width: 10px;
    overflow: hidden;
    height: 3vh;
    /* padding: 3px; */
    /* max-width: 100px; */
    justify-content: space-between;
    align-content: baseline;
    MARGIN: 0;
    /* padding: 1px; */
    /* padding: 1%; */
    flex-shrink: 1;
    max-height: 20px;
    min-height: 20px;
    align-items: baseline;
    border-radius: 3px;
    float: right;
}

.MTLSLarge {
    display: flex;
    flex-wrap: nowrap;
    border: 2px groove rgba(85, 85, 85, 0.55);
    height: auto;
    max-height: 4vh;
    background-color: #4b4b4b00;
    width: 200px;
    padding: .1%;
    min-width: 194px;
    max-width: 300px;
    justify-content: space-between;
    flex-shrink: 1;
    align-content: space-around;
    align-items: stretch;
    margin: 1px auto;
    border: none;
    display: flex;
    min-width: 50px;
    /* width: 100%; */
    /* margin-top: 45px; */
    overflow: hidden;
    height: 6vh;
    max-width: 200px;
    justify-content: space-between;
    align-content: space-evenly;
    MARGIN: 0px;
    padding: .02%;
    flex-shrink: 1;
    max-height: 6vh;
    min-height: 5vh;
    align-items: stretch;
    padding: 0px;
    float: left;
}

.MTLSLarge img {
    /* height: 60%; */
    /* width: auto; */
    /* border: 1px outset #5e5e5e8a; */
    /* padding: 1%; */
    /* margin: auto; */
    /* flex-shrink: 3; */
    height: 60%;
    padding: 4px;
    justify-self: center;
    flex-shrink: 5;
    margin: 2PX;
    max-width: 3vh;
    border: 2px solid rgb(115, 115, 115);
    background: #171717;
}

div#minimtls {
    height: 20px;
    display: flex;
    justify-content: space-around;
}

.minialign {
    float: right;
    min-width: 190px;
    height: auto;
    display: flex;
    margin: 0;
    resize: none;
    flex-wrap: nowrap;
    width: 17%;
    opacity: 1;
    background-color: #1d1813;
    /* display: flex; */
    margin: 3px;
    align-content: space-between;
    color: #b3b3b3;
    flex-direction: row;
    background: #29292900;
    max-width: 100%;
    background-image: url(../assets/speck.png);
    box-shadow: 0 0 0px 0px black;
    height: 20px;
    border-bottom: navajowhite;
    margin-right: 15px;
    justify-content: space-around;
    align-items: stretch;
    opacity: .8;
}

div#ToolTip {
    height: auto;
    width: auto;
    position: fixed;
    z-index: 8888888888;
    background: grey;
    color: white;
    padding: 3px;
}

div#chordsmini {
    position: static;
}

div#htmloutputwrap {
    background-repeat-x: no-repeat;
    margin-top: 0vh;
    background-repeat-y: nrepeat;
    background-size: 200px;
    background-repeat: repeat;
    opacity: 1;
    min-height: 100%;
    flex-grow: 9;
    background-color: #4242422e;
    height: 100%;
    display: flex;
    flex-direction: row;
    max-height: unset;
    resize: vertical;
    overflow: hidden;
    justify-content: space-around;
    width: calc(100% - 0px);
    resize: none;
    min-width: 100vw;
    margin: 0px auto;
    /* color: grey !important; */
    box-shadow: inset 0px 20px 50px 50px black;
}


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

div#varswatcha1 input {
    max-width: 4%;
    max-height: 10%;
    min-height: 5%;
    min-width: 4px;
    margin: 1px;
    height: auto;
    width: auto;
    flex-shrink: 10;
    padding: 0px;
}

#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: 25px;
    border: 1px solid white;
    position: relative;
    margin-bottom: 15px;
    top: -20px;
    margin-right: 20px
}

input#QuickBackColor {
    height: 25px;
    width: 20px;
    top: auto;
    position: relative;
    left: 5px;
    left: 10px;
    left: auto;

}

#NoEdittool2 .pickerimage {
    float: left;
    height: auto;
    width: 10px;
    width: 20px;

}

#NoEdittool2 div.Quckcolor img {
 
    height: 10px;
    margin: 0;
    display: none;
    cursor: pointer
}

#NoEdittool2 div.pickerimage img,#NoEdittool2 .Quckcolor img {
    margin: 0;
    height: auto;
    width: 28%;
    display: block;
    float: left;
    background: #4e4e4e00;
    border: 1px outset #5a5a5a52;
    position: static
}

.QuickColorpicker {
    width: auto;
    margin: auto;
    height: 60px;
    overflow: hidden;
    max-width: 0px;
    max-height: 60px;
    min-height: 30px;
    height: auto;
    float: right;
    /* min-width: 30px; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-around;
    display: NONE;
}

.pickerbottom {
    width: 32px;
    float: left;
    position: relative;
    top: 0;
    justify-content: center;
    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: auto;
    min-width: 42px;
    min-width: 22px;
    position: relative;
    left: 20px;
    top: -30px;
    display: block
}

.largocon {
    float: left;
    width: 100%;
    flex-grow: 1;
    max-width: calc(100% - 35px);
    flex-grow: 1;
    align-items: flex-start;
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 100px;
    min-height: 30px;
    resize: none;
    overflow: hidden;
    height: auto;
    /* resize: both; */
    margin: 0px;
    /* float: left; */
    max-height: 500px;
}

.toolbarinsert {
    max-width: 100%;
    width: 70%;
    min-width: 40px;
    display: none;
    display: none;
    justify-content: space-around;
    flex-wrap: wrap;
    /* margin: 10px; */
    min-width: 70px;
    min-height: 100%;
    margin: 0;
    height: auto;
}

.mtls img {
    width: auto;
    height: auto;
    max-width: 18px;
    min-width: 8px;
    max-height: 16px;
    min-height: 8px;
    margin: 3px;
    margin: 4px auto;
    flex-shrink: 1;
    flex-grow: 1;
    cursor: pointer;
    box-shadow: 0 0 0 0 #2d2c2c3d;
    position:  relative;
    padding: 2px;
    padding-bottom: 1px;
}

.Qiuckinner {
    display: none;
    width: 105px;
    float: left;
    height: 55px;
    margin-left: 10px;
    justify-content: center;
}

.toolbardisplay {
    display: none;
    /* width: auto; */
    /* overflow: hidden; */
    float: left;
    max-height: 50px;
    max-width: 80px;
    min-width: 100px;
    min-height: 100%;
    height: auto;
    /* position: relative; */
    /* z-index: 10; */
}

div#onTheFlySwatch div#varswatchb input,div#onTheFlySwatch div#varswatchc input {
    width: 1%;
    min-height: -webkit-fill-available;
    max-height: 1.2vh;
    height: auto;
    min-width: .2vw;
    width: auto;
    max-width: 1%;
    margin: 0;
    border: none;
    flex-grow: 8;
    flex-shrink: 8;
    box-shadow: none;
    padding: 0px;
    /* border: 1px rgba(0, 0, 0, 0.41); */
    border-width: 1%;
    /* box-shadow: inset 0 0 0px 1px rgba(202, 202, 202, 0.15); */
    /* border-style: solid; */
}

div#onTheFlySwatch,div.swatchText: first-child {
    padding-top:0;
    z-index: 1000000;
    position: absolute
}

div#menudialogcontainers,div#menudialogcontainerswrap {
    z-index: 666005;
    position: absolute;
    overflow: visible;
    /* display: none; */
    width: 0;
    height: 0;
}

.centerentry {
    position: relative;
    left: 0;
    width: 1280px;
    right: 0;
    margin: 0 auto;
    height: auto;
}

.centerentry2 {
    overflow: visible;
    position: static
}

div#NoEdittool18 {
    /* transform: matrix(1,0,0,1,-10,-275) !important; */
    position: relative;
    display: block;
    left: 0px;
    margin-top: 0px;
    resize: none;
    margin: auto;
    z-index: 1;
    /* bottom: 0; */
    /* border-left: none; */
    height: 40px;
    padding-bottom: 0;
    overflow: hidden;
    min-width: 170px;
    /* border: 3px groove #4e4e4e; */
    /* background: rgba(0, 0, 0, 0.98); */
    background-color: rgba(0, 0, 0, 0.62);
    flex-flow: row;
    outline: none;
    right: 0;
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    justify-content: safe;
    align-items: stretch;
    background-image: url(../assets/speck.png);
    width: 100%;
    height: auto;
    /* top: unset; */
    bottom: unset;
    padding: 0px;
    padding-top: 0px;
    border-radius: 3px;
    /* min-height: 160px; */
    max-height: 28vh;
    overflow: hidden;
    /* left: 0px !important; */
    /* padding-bottom: 0px; */
    /* margin-left: 0px; */
    /* width: 89% !important; */
    /* margin-right: 0px; */
    /* right: 0px !important; */
    box-shadow: inset 0px 0px 0px 0px #00000054;
    /* background: linear-gradient(to bottom,rgb(54, 54, 54) 0,rgb(25, 25, 25) 24%,rgb(21, 21, 21) 40%,rgb(0, 0, 0) 50%,rgb(0, 0, 0) 64%,rgb(24, 24, 24) 76%,rgb(16, 16, 16) 85%,rgb(8, 8, 8) 100%); */
}

div#NoEdittool18 {}

.sidemenuq {
    width: 35px;
    height: auto;
    margin: 5px
}

.divmove {
    width: 100%;
    min-width: 170px;
    padding-right: 0px;
    display: flex;
    flex-wrap: wrap;
    min-height: unset;
    justify-content: space-evenly;
    /* max-height: 15vh; */
    position: static;
    min-width: 100%;
    z-index: 1111111111111;
    PADDING: 1PX;
    flex-shrink: 5;
    height: auto;
    flex-flow: wrap;
    /* background: #222222; */
}

img#flux14movehandleimg {
    height: 15px;
    z-index: -10000;
    position: relative;
    display: b;
}

.sideimage span {
    float: right;
    background-color: #00000000;
    /* background-color: #000; */
    margin: 0px 0%;
    height: auto;
    width: 20px;
    left: 0px;
    margin-right: 15px;
    font-size: 9px;
    position: static;
    display: block;
    -webkit-box-shadow: 1px 0 0 rgba(255,255,255,.1);
    -moz-box-shadow: 1px 0 0 rgba(255,255,255,.1);
    box-shadow: inset 0px -18px 16px rgba(0, 0, 0, 0.08);
}

span#ActualImageChords {
    WIDTH: 60px;
    DISPLAY: inline;
    TEXT-ALIGN: LEFT;
    line-height: 1px;
    padding: 1px;
    margin: 0;
    padding-top: 5px;
    height: 9px;
}

.MTLs img {
    margin: 1px;
    width: 12px;
    height: 12px;
    border: 1px outset #5e5e5e8a;
    float: left;
}

.MTLs {
    /* width: 15px; */
    height: 35px;
    padding: .0%;
    padding-right: 1%;
    padding-left: 1%;
    max-width: -webkit-fill-available;
    max-height: 4vh;
    min-width: 100px;
    border-radius: 3px;
    justify-content: space-evenly;
    border: none;
    display: flex;
    min-height: 25px;
    flex-wrap: wrap;
    margin: 1px;
    /* margin-top: 0PX; */
    flex-shrink: 1;
    align-items: stretch;
    border-radius: 3px;
    float: left;
    width: auto;
}

#NoEdittool2 div.pickerimage label {
    display: inline-block;
    font-size: 8px;
    font-weight: normal;
    margin-right: 15px
}

#NoEdittool2 div.pickerimage input {
    visibility: hidden;
    position: absolute
}

#NoEdittool2 div.pickerimage input+img {
    cursor: pointer;
    border: 2px outset #5f5f5ff7
}

#NoEdittool2 div.pickerimage input: checked+img {
    border:2px inset #585858
}

div#FileMenuContainer {
    display: block;
    min-width: 1280px;
}

li#FluxTab2 {
    display: none
}

.iframesubsinner img {
    margin: 10px;
    margin-left: 42px;
}

div#fluxtimeline {
       height: 40%;
    POSITION: fixed;
    max-height: calc(100% - 60px);
    overflow: scroll;
    resize: none;
    margin-top: 0%;
    border: none;
    /* margin-bottom: 22%; */
    direction: ltr;
    background: #00000082;
    background-repeat: no-repeat;
    background-position: top right 40px;
    background-size: 20%;
    BOTTOM: 20px;
    width: auto;
    RIGHT: 10px;
    LEFT: 0;
    TOP: auto;
    max-height: -webkit-fill-available;
    /* box-shadow: inset 0 0 136px 129px rgb(0 0 0 / 75%), 0 0 7px 6px #000000;
}

div#thumb {
    -webkit-appearance: none;
}

.hfloatleft {
    margin: 0px 0px 0px 0px;
    line-height: 17px;
}

.hfloatleft img {
    width: 20px !important;
}

label {
    display: inline-block;
    width: 100%;
}

div#Information p, div#Information img {
    padding: 16px;
}

#information div {
}

#information div {
    float: left;
    width: 40%;
}

#NoEdittool2 img.pneobject.Eraser {
    margin: 0px;
    /* float: left; */
    min-height: 25px;
    min-width: 25px;
    margin-top: 10px;
}

.loaderg img {
}

#ImageLoading img {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: .3;
    width: 150px;
} 

.ImagePreviewBox a:after {
    display: inline;
}

img#IMGCKE, img#IMGCKE2 {
    text-align: right;
    float: left !important;
    height: 35px !important;
    padding: 0;
    padding-top: 5px !important;
    margin-top: 0px !important;
    margin-left: 5px !important;
    margin-right: 0;
    padding-left: 15px;
    margin: 0;
}

.cke_dialog_ui_labeled_content {
    background: #1f1f1f00 !important;
    /* box-shadow: inset 0 0 4px 2px black; */
}

.cke_dialog_page_contents {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(90vh - 180px);
}

select#fluxCKlinks {
    border-color: grey !important;
    margin-top: 10px;
    float: left  !important;
}

div#htmlOutput {
    background-size: 100px;
    /* background-image: url(../assets/fluxinpearl.png); */
    background-repeat-y: repeat;
    background-repeat-x: repeat;
    background-size: 680px;
    outline: 150px solid #000000e6;
    border-top: 20px solid #636363d9;
    background: #4a4a4ad4;
    box-shadow: inset 0px -1px 20px 28px #00000082;
}

div#varswatchc {
    min-height: 30%;
    /* height: 55px; */
    max-height: 40%;
    flex-grow: 19;
}

.twidth.flex.single.hscontrols .tleft {
    max-width: 70px;
    min-width: 45%;
    min-height: 30px;
    width: 100%;
    height: 40px;
}

.cke_toolbox {
    display: inline-flex;
    flex-direction: initial;
    flex-flow: wrap;
    flex-flow: wrap;
    width: 100% !important;
}


.transparentChords div {
    WIDTH: auto;
    FLOAT: ce;
    max-width: 55px;
    PADDING: 2px 2px;
    MARGIN: 0px;
    /* min-width: 70px; */
    height: 15px;
    text-align: right;
    /* min-width: 100%; */
    max-width: 125PX;
    overflow: hidden;
    FONT-SIZE: 9PX;
    line-height: 20px;
}

.transparentChords input {
    max-width: 52px;
}

#actualchords {
    width: 180px !important;
    min-width: 80px !important;
    TEXT-ALIGN: LEFT;
    PADDING: 0;
    display: inline;
    line-height: 9px;
    padding-top: 6px;
    /* padding: 4px; */
}




   input[type="number"] { -moz-appearance: textfield; }

div#DebugContainer {
    left: 0;
    right: 0;
    width: 100% !important;
    height: auto !important;
    /* top: 20vh !important; */
    position: static;
    resize: vertical;
    order: 6;
    width: 80vw;
    overflow: scroll;
    color: aliceblue;
    z-index: 0;
    color: grey !important;
    font-size: 10px;
    font-family: lucida console;
    border-top: 14px solid #5d5d5d;
    max-height: 60vh;
    padding: 40px;
}

.cke_inner span.cke_button_icon {
    /* background-color: #a5a5a5; */
    display: block;
    opacity: .8;
    box-shadow: inset 1px 1px 2px 2px rgba(17, 17, 17, 0.22), 1px 1px 1px 1px rgba(0, 0, 0, 0);
}

div#FileMenuMenuContainer {
    width: 100vw;
}

.menupos {
    float: right;
    width: 8%;
}

.minialign img {
    height: 15px;
}