:root{
  --color-1:transparent;
  --white:#fff;
  --black:#333;
  --oll:#333;
  --d_gre:#999;
  --gre:#cfcfce;
  --green:#00552d;
  --wh_bg:#fbfbfb;
  --color-3-grad:linear-gradient(90deg, #000 52%, #fff);
  --color_1:inherit;
  --color_2:#666;
  --color_3:#fff;
  --color_4:hsla(0,0%,100%,.5);
  --color_5:#fff;
  --color_6:gray;
  --color_7:#aaa;
  --color_8:orange;
  --color_9:#19c6ff;
  --color_10:#19c6ff;
  --color_11:#aaa;
  --color_12:#fff;
  --color_13:#0085ba;
  --color_14:#7acbeb;
  --color_15:cyan;
  --color_16:green;
  --color_17:#000;
  --color_18:#ccc;
  --color_19:red;
  --color_20:#77f1ff;
  --color_21:#00a;
  --color_22:#999;
  --mint_green:#37b258;
  --color_24:#d93;
  --color_25:#eaeaea;
  --color_26:#fff;
  --color_27:hsla(0,0%,100%,.6);
  --color_28:#ddd;
  --color_29:hsla(0,0%,100%,.9);
  --color_30:#0a0;
  --color_31:gold;
  --color_32:#add8e6;
  --color_33:#23d100;
  --color_34:#666;
  --color_35:#a00;
  --color_36:#999;
  --color_37:transparent;
  --color_38:#ba0000;
  --color_39:#b159a2;
  --color_40:#37aefa;
  --color_41:#81ad66;
  --font-family_1: "Material Symbols Outlined";
  --font-family_2: "Material Icons";
  --font-family_3:courier;
  --font-family_4:"Arial";
  --font-family_5:arial;
  --font-family_6:"courier";
  --font-family_7:inherit;
  --font-family_8:monospace;
  --background-color_1:#1d2327;
  --background-color_2:#ccc;
  --background-color_3:#fff;
  --background-color_4:#2196f3;
  --background-color_5:#222;
  --background-color_6:transparent;
  --background-color_7:#111;
  --background-color_8:#a00;
  --background-color_9:#900;
  --background-color_10:#bbe7b1;
  --background-color_11:#e8d4b3;
  --background-color_12:#ddd;
  --background-color_13:#333;
  --background-color_14:#cf9640;
  --background-color_15:#60ad59;
  --background-color_16:#9b9b9b;
  --background-color_17:#ada45a;
  --background-color_18:#598854;
  --background-color_19:#800;
  --background-color_20:#a07c46;
  --background-color_21:#6f6f6f;
  --background-color_22:#fff;
  --background-color_23:#fedcd2;
  --background-color_24:#f9cf00;
  --background-color_25:#f8eee7;
  --border-color_1:rgba(199,19,16,.3);
  --border-color_2:transparent;
  --border-color_3:#333;
  --border-color_4:orange;
  --border-color_5:#000;
  --border-top-color_1:rgba(33,33,33,.1);
  --border-top-color_2:rgba(66,135,245,.1);
  --default:#bababa;
  --link:#00dada;
  --active:#fafafa;
  --inactive:#dadada;
  --hover:#fff;
  --visited:#ddd;
  --color_brown:#0a0;
  --info:#666;
  --color_lightgreen:#90ee90;
  --color_green:green;
  --color_darkgreen:#006400;
  --color_lightblue:#add8e6;
  --color_blue:blue;
  --color_darkblue:#00008b;
  --color_lightorange:orange;
  --color_orange:orange;
  --color_darkorange:#ff8c00;
  --color_purple:purple;
  --color_pink:pink;
  --color_beige:beige;
  --color_yellow:#ff0;
  --color_lightred:red;
  --color_red:red;
  --color_darkred:darkred;
  --color_cyan:cyan;
  --font-icons:"Material Icons";
  --font-default:Arial, sans-serif;
  --font-code:courier;
  --background-default:#666;
  --border-default:#000;
  --outline-default:#000;
}


html{
  #wpadminbar{
    .material-icons{
      margin-top:5px;
      font-family:var(--font-family_6);
      font-weight:400;
      font-style:normal;
      font-size:20px;
      line-height:18px;
      overflow:hidden;
      letter-spacing:normal;
      text-transform:none;
      white-space:nowrap;
      word-wrap:normal;
      direction:ltr;
      -webkit-font-feature-settings:"liga";
      -webkit-font-smoothing:antialiased;
      transform:color .2s, opacity .3s;
    }
  }
}
.BDSplitLayout{
  .resizeable{
    position:absolute;
    left:0;
    right:0;
    outline:1px solid #222;
    margin:0;
    overflow:hidden;
    width:100%;
    height:100%;
    box-sizing:border-box;
    border:0;
  }
  .resize{
    position:absolute;
    left:0;
    right:0;
    outline:1px solid #222;
    margin:0;
    overflow:hidden;
    width:100%;
    height:100%;
    box-sizing:border-box;
    border:0;
    >.ui-resizable-handle.ui-resizable-e{
      width:15px;
      right:0;
      height:100%;
      top:0;
      right:-5px;
    }
    >.ui-resizable-handle.ui-resizable-s{
      height:15px;
      bottom:0;
      width:100%;
      bottom:-5px;
      left:0;
    }
  }
  div.resize{
    >.ui-resizable-handle{
      display:none;
      background:#aaa;
      position:absolute;
      box-sizing:border-box;
    }
  }
  div.resize.split-v{
    >.ui-resizable-handle{
      border-left:1px solid #666;
      >div.handle-grab{
        height:50px;
        width:calc(100% + 2px);
        position:absolute;
        right:0;
        top:calc(50% - 25px);
        background:transparent;
        cursor:pointer;
        >div{
          opacity:1;
          &:hover{
            opacity:1;
          }
        }
        >.tg-first{
          background:#555;
          clip-path:polygon(0 5px, 15px 0, 15px 30px, 0 30px);
        }
        >.tg-first,>.tg-last{
          float:left;
          width:100%;
          height:50%;
        }
        >.tg-last{
          background:#444;
          clip-path:polygon(0 0, 15px 0, 15px 25px, 0 20px);
        }
      }
    }
  }
  div.resize.split-h{
    >.ui-resizable-handle{
      border-top:1px solid #666;
      >div.handle-grab{
        height:calc(100% + 2px);
        width:50px;
        position:absolute;
        left:calc(50% - 25px);
        top:-2px;
        background:transparent;
        cursor:pointer;
        >.tg-first{
          background:#555;
          clip-path:polygon(5px 0, 25px 0, 25px 15px, 0 15px);
        }
        >.tg-first,>.tg-last{
          float:left;
          width:50%;
          height:100%;
        }
        >.tg-last{
          background:#444;
          clip-path:polygon(0 0, 20px 0, 25px 15px, 0 15px);
        }
      }
    }
  }
  .minimize-overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    display:none;
  }
  .minimized{
    >.minimize-overlay{
      display:block;
    }
  }
  div.resize.resize-select{
    opacity:.5;
  }
  div.resize.split-h.minimized{
    height:10px;
    max-height:10px;
  }
  div.resize.split-v.minimized{
    width:10px;
    max-width:10px;
  }
  div.resize.resize-hover{
    >.ui-resizable-handle{
      display:block;
      z-index:999999;
    }
    display:block;
  }
}
.BDListRender{
  box-sizing:border-border-box;
  *{
    box-sizing:border-border-box;
  }
  >.list-wrapper{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    >.list-header{
      position:absolute;
      left:0;
      top:0;
      width:100%;
      height:30px;
      >table{
        width:100%;
        padding:0;
        margin:0;
        tr{
          padding:0;
          margin:0;
          >td{
            padding:0;
            margin:0;
          }
        }
      }
    }
    >.list-items{
      position:absolute;
      left:0;
      top:30px;
      width:100%;
      height:calc(100% - 30px);
      overflow:auto;
    }
  }
}



@keyframes backgroundColorPalette{
  0%{
    background:cyan;
  }
  to{
    background:#0cf;
  }
}











@-webkit-keyframes glow{
  0%{
    text-shadow:0 0 10px #fff;
  }
  to{
    text-shadow:0 0 10px red;
  }
}






.bdh-loading-screen{
  >div{
    margin:0 auto; top:calc(20% - 5px); position:relative; text-align:center;
  }
  font-size:32px;
  .bdh-load-icon,.bdh-load-info{ font-size:100px;
  }
}
.table-control{
  padding:5px; background:#111; border-color:#000; border-radius:5px 5px 0 0;
}
#wpbody-content.bdh-backend{
  display:flex;
  flex-direction:column;
  gap:6px;
  position:relative;
  padding:0;
  margin:0;
  max-height:calc(100vh - 32px);
  border:0 solid red;
  border-left:2px solid gray;
  border-top:2px solid gray;
  box-sizing:border-box;
  overflow:auto;

}

.backend-interface{
  position:relative; 
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  box-sizing:border-box;

  min-height:calc(100vh - 35px);
  max-height:calc(100vh - 35px);
  display:flex;
  flex:1;
  margin:0;
  padding:0;


  .bd_hp_wrapper{
    flex:1;
  }
  .interface{
    display:flex;
    flex-direction:column;
    position:relative;
  }
}

.dom-abs.reloader-button{
  position:absolute;
  width:auto;
  height:auto;
  z-index:10;
}
h2,h3{
  color:var(--color_1);
}
body.bdh-debug{


  .editor-styles-wrapper{
    .wp-block{
      transition:border .2s;
      border:1px dashed rgba(33,33,33,.2);
      border-top:15px;
      border-top-style:solid;
      border-top-color:var(--border-top-color_1);
      position:relative;
      &:before{
        content:"Block";
        position:absolute;
        left:5px;
        top:-15px;
        font-size:10px;
        font-weight:400;
        text-decoration:none;
        color:var(--color_2);
      }
      &:hover{
        border-color:#327fe3;
        border-style:dashed;
        border-width:1px;
        border-top:15px;
        border-top-style:solid;
        border-top-color:var(--border-top-color_1);
      }
    }
    .wp-block.is-reusable{
      border:1px solid rgba(66,135,245,.2);
      border-top-color:var(--border-top-color_2);
      &:before{
        content:"Reusable Block";
        color:var(--color_2);
      }
    }
    .wp-block.wp-block-post-title{
      &:before{
        content:"Post Title";
      }
    }
    .wp-block.wp-block-block{
      &:before{
        content:"Group-Block";
      }
    }
  }
}
.renderjson{
  background:#333;
  border:1px solid #666;
  color:var(--color_3);
}
body{
  .editor-styles-wrapper{
    >div{
      >.wp-block{
        transition:border .2s;
        border:1px dashed rgba(33,33,33,.2);
        border-top:15px;
        border-top-style:solid;
        border-top-color:var(--border-top-color_1);
        position:relative;
        &:before{
          content:"Block";
          position:absolute;
          left:5px;
          top:-15px;
          font-size:10px;
          font-weight:400;
          text-decoration:none;
          color:var(--color_2);
        }
        &:hover{
          border-color:#327fe3;
          border-style:dashed;
          border-width:1px;
          border-top:15px;
          border-top-style:solid;
          border-top-color:var(--border-top-color_1);
        }
      }
      >.wp-block.is-reusable{
        border-color:var(--border-color_1);
        &:before{
          content:"ReusableBlock";
        }
      }
      >.wp-block.wp-block-post-title{
        &:before{
          content:"Post Title";
        }
      }
      >.wp-block.wp-block-block{
        &:before{
          content:"Group-Block";
        }
      }
    }
  }
  .bdh-disp-no-detail{
    display:none;
  }
  .disp-details-hidden{
    .bdh-disp-no-detail{
      display:flex;
    }
  }
  position:relative;
  min-height:100%;
  .tox-tinymce-aux{
    z-index:99999999;
  }
  #wpwrap.dark-mode{
    .bd_hp_wrapper{
      overflow:hidden;
      .BDHelper.bd-form{
        overflow:hidden;
      }
    }
  }
  .bd_hp_wrapper{
    overflow:hidden;
    .BDHelper.bd-form{
      overflow:hidden;
    }
  }
  .bd_hp-auto-form,.bdh-form-end{
    overflow:auto;
  }
  .bdh-form-end{
    position:absolute;
    padding:5px 0;
    height:100%;
    width:100%;
    background:#112;
  }
  .bdh-form-end-wrapper{
    position:relative;
    min-height:50px;
    border:0 solid red;
    padding-right:10px;
  }
  div.mce-contextmenu{
    position:fixed;
  }
  .debug-only{
    display:none !important;
  }
}
.disp-details-hidden{
  .bdh-disp-detail{
    display:none !important;
  }
}
.gutter{
  background-color:var(--background-color_1);
}
.dom-abs{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:block;
  overflow:auto;
}
.dom-image-bg{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
}
.dom-t50-b100{
  color:var(--color_4);
  b{
    color:var(--color_5);
  }
}
.dom-rel{
  position:relative;
}
.dom-pad{
  padding:5px;
}
.dom-pad-l{
  padding:0 0 0 5px;
}
.dom-pad-r{
  padding:0 5px 0 0;
}
.dom-hover{
  .hover-element{
    display:none;
  }
  &:hover{
    .hover-element{
      display:inherit;
    }
  }
}
.flex-center,.flex-center-v{
  display:flex;
  align-items:center;
}
.flex-center-h{
  display:flex;
  justify-content:center;
}
.dom-flex{
  display:flex;
  flex-direction:row;
  align-items:stretch;
}
.dom-flex-wrap{
  flex-wrap:wrap;
}
.dom-flex-col{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.bdh-form-input-row{
  display:flex;
  flex-direction:row;
  align-items:stretch;
  margin-bottom:5px;
  .i-label{
    flex:0.25;
    margin-right:5px;
    max-width:175px;
  }
  .i-input{
    flex:0.75;
    display:flex;
    flex-direction:column;
    position:relative;
    >div{
      width:100%;
      flex:1;
    }
    input[type=text],select,textarea{
      width:100%;
      min-width:auto;
      max-width:auto;
      flex:1;
    }
  }
}
.bdh-ph{
  font-style:italic;
  opacity:.7;
  color:var(--color_6);
}
body.bdh-dialog-active{
  height:100vh;
  overflow-y:hidden;
  min-height:100%;
}
.hide-element{
  display:none !important;
}
.bdh-file-name{
  flex:1;
  display:block;
  overflow:auto;
  padding:7px;
}
.bdh-inline-block{
  display:inline-block;
}
button.bdh-button{
  display:flex;
  position:relative;
  float:left;
  width:auto;
  line-height:20px;
  outline:none;
  margin-bottom:2px;
  border-radius:3px;
  cursor:pointer;
  background:#333;
  color:var(--color_1);
  border:1px solid #000;
  &:hover{
    outline-style:none;
    box-shadow:none;
    border-color:var(--border-color_2);
    opacity:1;
    >span.material-icons{
      opacity:1;
    }
  }
  &:focus{
    outline-style:none;
    box-shadow:none;
    border-color:var(--border-color_2);
  }
  >span.material-icons{
    font-size:20px;
    opacity:.6;
    transition:all .2s;
    margin:0;
  }
}
.bdh-button{
  &:focus,&:hover{
    outline-style:none;
    box-shadow:none;
    border-color:var(--border-color_2);
  }
}
a.bdh-button{
  &:focus,&:hover{
    outline-style:none;
    box-shadow:none;
    border-color:var(--border-color_2);
  }
}
.dark-mode{
  button.bdh-button.bdh-icon.active{
    color:var(--color_3);
    background:#333;
    opacity:1;
  }
}
.bdh-button.bdh-icon.active{
  >span.material-icons{
    color:var(--color_3);
    background:#333;
    opacity:1;
  }
}
button.bdh-button.active{
  font-weight:700;
  opacity:1;
  background:#fff;
}
button.bdh-button.bdh-icon{
  border:0 solid transparent;
  background:transparent;
  margin:0 5px 0 0;
  padding:0;
  >span.material-icons{
    font-size:20px;
    opacity:.6;
    transition:all .2s;
    margin:0;
  }
  &:hover{
    >span.material-icons{
      opacity:1;
    }
  }
}
div.bdh-log-row{
  border-bottom:1px solid #666;
  >.bdh-log-cell{
    border-right:1px solid #333;
    padding:5px;
  }
}
button.bdh-button.right{
  float:right;
}
button.bdh-button.bdh-icon.right{
  float:right;
  margin-bottom:0;
}
button.bdh-button.left{
  button.bdh-button.bdh-icon.left{
    float:left;
  }
  margin-bottom:0;
}
button.bdh-button.bdh-icon.left{
  margin-bottom:0;
}
.bdh-button.bdh-icon{
  >span.material-icons{
    font-size:20px;
    opacity:.6;
    transition:all .2s;
    margin:0;
  }
  &:hover{
    >span.material-icons{
      opacity:1;
    }
  }
}
textarea.bdh-code,textarea.log-ta{
  width:100%;
  background:#000;
  color:var(--color_7);
  font-family:var(--font-family_1);
  min-height:250px;
}
.bdh-list-label{
  opacity:.6;
}
.bdh-list-inactive{
  opacity:.4;
  color:var(--color_8);
}
.bdh-input-wrapper{
  .bdh-complex-operations{
    display:none;
  }

  .bdh-file-cmd{
    *{
      overflow:hidden;
    }
  }
  &.bdh-input-key_value_files,&.bdh-input-key_value_xml{overflow:hidden;
  }
  opacity:1;
  transition:all .25s;
  position:relative;
  overflow:auto;
  margin-bottom:5px;
  >.bdh-inp-label{
    min-width:50px;
    width:25%;
  }
  >input,>select{
    flex:1;
  }
  .bdh-fragments-add{
    display:none;
  }
  .list-target{
    .bdh-fragments-add{
      .bdh-debug-mode{
        .bdh-input-wrapper{
          .list-target{
            .bdh-fragments-add.debug-only{
              display:none;
            }
          }
        }
      }
    }
  }
  .list-source{
    .fragment-selected{
      .bdh-fragments-add{
        display:block;
        cursor:pointer;
        margin-top:20px;
      }
    }
  }
  .bdh-fragment-insert,>.bdh-block{
    display:none;
  }
  >.bdh-block{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
  }
  input[type=text]{
    transition:all .5s ease;
    margin:0;
  }
  input[type=text].bd_updated{
    background:#ffa200;
  }
}

.bdh-input-wrapper.selection-active{
  .bdh-complex-operations{
    display:block;
  }
  .list-source{
    .bdh-fragment-insert{
      display:none;
    }
  }
  .list-target{
    .bd_xml_list_item.fragment-selected{
      .bdh-fragment-insert{
        display:none;
      }
    }
    .bd_xml_list_item{
      .bdh-fragment-insert{
        display:block;
        cursor:pointer;
      }
    }
  }
}


.bdh-list-label-wrapper{

  .bdh-list-info{
    display:none;
    color:var(--color_9);
    margin-bottom:3px;
    transition:all .2s;
    text-decoration:none;
    flex:1;
    text-align:left; 
    font-size:12px;
    opacity:.6;
    font-style:italic;
    position:relative;

  }
  .info-allways{
    display:block;

  }

  &:hover{
    .bdh-list-info{
      display:block;
    }
  }

}

.disp-details-hidden{
  .bdh-list-info{
    display:none;
  }
}

.bdh-list-edit{
  flex:1;
  text-align:right; 

}

.bdh-list-edit,.bdh-table-edit{
  color:var(--color_9);
  cursor:pointer;
  min-width:15px;
  min-height:15px;
  padding:2px;
  overflow:visible;
  margin-bottom:5px;
  transition:all .2s;
  text-decoration:none;
}
.bdh-list-edit[data-type=html],.bdh-table-edit[data-type=html]{
  display:block;
  max-height:25px;
  overflow:hidden;
  word-break:break-all;
  background:hsla(0,0%,100%,.1);
  text-decoration:none;
}
.bdh-list-edit.bdh-readonly[data-type=html],.bdh-table-edit.bdh-readonly[data-type=html]{
  background:transparent;
}
.bdh-list-edit[data-type=text],.bdh-table-edit[data-type=text]{
  border:2px solid rgba(25,198,255,.3);
  border-radius:3px;
  padding:2px;
}

.bdh-frag-input-row{ display:flex;
  flex-direction:row;
  flex:1;
  >div{
    gap:12px;
  }
}

.bdh-list-label{ margin-right:20px;
}
.frag-content-wrapper{
  .bdh-list-edit,.bdh-table-edit{
    border:2px solid transparent;
  }
  &:hover{
    .bdh-list-edit[data-type=text]{
      opacity:1;
      border:2px solid rgba(25,198,255,.3);
      background:hsla(0,0%,100%,.1);
      &:hover{
        opacity:1;
        color:var(--color_10);
        text-decoration:none;
        border-color:#19c6ff;
        border-style:solid;
        border-width:2px;
      }
    }
    .bdh-list-edit[data-type=int]{
      opacity:1;
      border:2px solid rgba(25,198,255,.3);
      background:hsla(0,0%,100%,.1);
      &:hover{
        opacity:1;
        color:var(--color_10);
        text-decoration:none;
        border-color:#19c6ff;
        border-style:solid;
        border-width:2px;
      }
    }
    .bdh-list-edit[data-type=double]{
      opacity:1;
      border:2px solid rgba(25,198,255,.3);
      background:hsla(0,0%,100%,.1);
      &:hover{
        opacity:1;
        color:var(--color_10);
        text-decoration:none;
        border-color:#19c6ff;
        border-style:solid;
        border-width:2px;
      }
    }
    .bdh-table-edit[data-type=text]{
      opacity:1;
      border:2px solid rgba(25,198,255,.3);
      background:hsla(0,0%,100%,.1);
      &:hover{
        opacity:1;
        color:var(--color_10);
        text-decoration:none;
        border-color:#19c6ff;
        border-style:solid;
        border-width:2px;
      }
    }
    .bdh-list-edit.bdh-readonly[data-type=html]{
      border:2px solid transparent;
      cursor:default;
      background:transparent;
      &:hover{
        border-color:transparent;
        border-style:solid;
        border-width:2px;
        cursor:default;
        background:transparent;
      }
    }
    .bdh-list-edit.bdh-readonly[data-type=text]{
      border:2px solid transparent;
      cursor:default;
      background:transparent;
      &:hover{
        border-color:transparent;
        border-style:solid;
        border-width:2px;
        cursor:default;
        background:transparent;
      }
    }
    .bdh-list-edit.bdh-readonly[data-type=int]{
      border:2px solid transparent;
      cursor:default;
      background:transparent;
      &:hover{
        border-color:transparent;
        border-style:solid;
        border-width:2px;
        cursor:default;
        background:transparent;
      }
    }
    .bdh-list-edit.bdh-readonly[data-type=double]{
      border:2px solid transparent;
      cursor:default;
      background:transparent;
      &:hover{
        border-color:transparent;
        border-style:solid;
        border-width:2px;
        cursor:default;
        background:transparent;
      }
    }
    .bdh-table-edit.bdh-readonly[data-type=text]{
      border:2px solid transparent;
      cursor:default;
      background:transparent;
      &:hover{
        border-color:transparent;
        border-style:solid;
        border-width:2px;
        cursor:default;
        background:transparent;
      }
    }
  }
  .bdh-dynamic-edit-wrapper{
    input.bdh-dynamic-input[type=text]{
      padding:0;
      min-height:26px;
      margin-top:1px;
      background:transparent;
      border:0;
      border-bottom:2px solid #0a0;
      border-radius:0;
      outline:none !important;
      -webkit-box-shadow:none;
      box-shadow:none;
      &:focus{
        padding:0;
        min-height:26px;
        margin-top:1px;
        background:transparent;
        border:0;
        border-bottom:2px solid #0a0;
        border-radius:0;
        outline:none !important;
        -webkit-box-shadow:none;
        box-shadow:none;
      }
    }
  }
  flex:1;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
#wpwrap.dark-mode{
  .frag-content-wrapper{
    .bdh-dynamic-edit-wrapper{
      input.bdh-dynamic-input[type=text]{
        padding:0;
        min-height:26px;
        margin-top:1px;
        background:transparent;
        border:0;
        border-bottom:2px solid #0a0;
        border-radius:0;
        outline:none !important;
        -webkit-box-shadow:none;
        box-shadow:none;
      }
    }
  }
  .bd_hp_textarea{
    background:#111;
    color:var(--color_3);
  }
  .dataTable{
    tr{
      >td{
        &:first-child{
          a{
            &:-webkit-any-link{
              color:var(--color_17);
            }
          }
        }
      }
    }
  }
  ul.bd_array_list{
    border:1px solid #000;
    margin:0;
    overflow:auto;
    overflow-y:always;
    >li{
      background:transparent;
      transition:none 0;
    }
  }
  ul.bd_array_list.hover{
    border:1px solid #666;
  }
  input[type=date],input[type=search],input[type=text],option,select,textarea{
    background-color:var(--background-color_5);
    color:var(--color_3);
    border-color:var(--border-color_3);
  }
  *{
    scrollbar-face-color:#000;
    scrollbar-shadow-color:#333;
    scrollbar-highlight-color:#333;
    scrollbar-3dlight-color:#333;
    scrollbar-darkshadow-color:#333;
    scrollbar-track-color:#333;
    scrollbar-arrow-color:#333;
    &::-webkit-scrollbar{
      width:12px;
      background:#000;
    }
    &::-webkit-scrollbar-track{
      -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
      -webkit-border-radius:10px;
      border-radius:10px;
      background:#000;
    }
    &::-webkit-scrollbar-thumb{
      -webkit-border-radius:10px;
      border-radius:10px;
      background:#ba9d43;
      -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);
    }
  }
  background:#000;
  color:var(--color_3);
  table.dataTable{
    tr{
      &:hover{
        background:#000;
        color:var(--color_3);
      }
    }
  }
  .ui-widget-content{
    background:#000;
    color:var(--color_3);
  }
  .bd_hp_wrapper{
    background:#000;
    color:var(--color_3);
    width:calc(100% - 2px);
    box-sizing:border-box;
    padding:0;
    h1,h2,h3{
      border-color:var(--border-color_3) !important;
      background-color:var(--background-color_6);
      color:var(--color_25);
    }
    table.dataTable{
      tbody{
        tr{
          background:rgba(30,30,30,.2);
          border-bottom:1px solid #666;
        }
      }
      tr.even{
        background:hsla(0,0%,4%,.2);
        border-bottom:1px solid #666;
      }
    }
  }
  .wrap{
    .postbox-container.bd_hp_wrapper{
      .postbox{
        background:#000;
        color:var(--color_3);
        border-color:var(--border-color_3) !important;
        background-color:var(--background-color_6);
        color:var(--color_25);
      }
    }
    .postbox-container.p50.bd_hp_wrapper{
      .dataTables_wrapper{
        background:#000;
        color:var(--color_3);
      }
    }
  }
  #fkt_display{
    background:#000;
    color:var(--color_3);
  }
  .bdh-interface-right{
    >.bd_hp_wrapper{
      width:calc(100% - 15px);
    }
  }
  .postbox,h1,h2,h3{
    border-color:var(--border-color_3) !important;
    background-color:var(--background-color_6);
    color:var(--color_25);
  }
  hr{
    background:#333;
    color:var(--color_17);
    border-color:var(--border-color_3);
  }
  #fkt_tabs{
    padding:5px 5px 0;
    >div{
      background:#222;
    }
    >div,>div.selected{
      color:var(--color_3);
    }
    >div.selected{
      background:#333;
    }
  }
  .translation_table{
    tr{
      &:nth-child(odd){
        background:hsla(0,0%,100%,.6);
      }
    }
  }
  .dataTables_wrapper{
    .dataTables_filter,.dataTables_info,.dataTables_length,.dataTables_paginate,.dataTables_processing{
      padding:5px;
    }
  }
}
.bdh-list-data{
  color:var(--color_11);
  cursor:default;
  min-width:15px;
  min-height:15px;
  padding:2px;
  border:1px solid hsla(0,0%,100%,.1);
  max-height:75px;
  overflow:auto;
  max-width:80%;
  background:hsla(0,0%,100%,.1);
  margin-bottom:5px;
}
.bdh-ui-notification-wrapper{
  z-index:999999999;
  position:fixed;
  left:50%;
  transform:translate(-50%);
  display:none;
  top:10px;
  background:transparent !important;
  border:0 !important;
  .bdh-ui-notification{
    position:relative;
    display:inline-block;
    width:auto;
    margin:0 auto;
    font-weight:700;
    border-radius:10px;
    background:#13630a;
    color:var(--color_12);
    padding:5px 5px 5px 10px;
  }
}
.bdh-ui-notification-wrapper.notice{
  .bdh-ui-notification{
    background:#13630a;
  }
}
.bdh-ui-notification-wrapper.warn{
  .bdh-ui-notification{
    background:orange;
  }
}
.bdh-ui-notification-wrapper.error{
  .bdh-ui-notification{
    background:red;
  }
}
.bdh-field-list-view{
  overflow:auto;
  max-height:300px;
  background:#000;
  min-height:100px;
  margin:10px 0;
}
.bdh-table-header{
  border-radius:2px 2px 0 0;
  background:#333;
  >.bdh-table-header-cell{
    padding:5px;
    flex:1;
    border-right:2px solid #444;
    >span{
      cursor:pointer;
    }
    &:last-child{
      border-right:0 solid #111;
    }
  }
  >.bdh-table-header-cell.bdh-sorting{
    font-weight:700;
    >button.bdh-button.bdh-icon{
      color:var(--color_3);
      opacity:1;
      >span.material-icons{
        color:var(--color_3);
        opacity:1;
      }
    }
  }
}
.bdh-table-footer{
  border-radius:0 0 2px 2px;
  background:#333;
  >.bdh-table-header-cell{
    padding:5px;
    flex:1;
    border-right:0 solid #444;
  }
}
.bdh-table-header-cell{
  button.bdh-button.bdh-table-sort{
    display:block;
    opacity:.2;
  }
  button.bdh-button.bdh-table-sort.bdh-table-sort-down{
    display:none;
  }
}
.bdh-table-header-cell.bdh-sorting{
  button.bdh-button.bdh-table-sort.bdh-table-sort-up{
    display:block;
    opacity:1;
  }
  button.bdh-button.bdh-table-sort.bdh-table-sort-down{
    display:none;
  }
}
.bdh-table-header-cell.bdh-sorting.desc{
  button.bdh-button.bdh-table-sort.bdh-table-sort-up{
    display:none;
  }
  button.bdh-button.bdh-table-sort.bdh-table-sort-down{
    display:block;
    opacity:1;
  }
}
.cell-options{
  >button.bdh-button.bdh-icon{
    margin:0 0 5px 5px;
  }
}
.bdh-file-browser{
  margin-top:5px;
  background:#000;
  border:1px solid #666;
  flex:1 1 0%;
  overflow:auto;
  text-align:center;
  .fg-item{
    .i-options{
      background:#030;
    }
  }
  .fg-item.wp-file{
    .i-options{
      background:#001340;
    }
  }
  .fg-item.selected{
    .i-options{
      background:#008b8b;
    }
  }
}
.bd-hp-form_table{
  td{
    padding:2px;
    input[type=text]{
      min-width:50px;
      max-width:100%;
      width:100%;
    }
    select{
      max-width:50%;
    }
    >.wp-picker-container{
      float:right;
    }
    &:first-child{
      max-width:20%;
    }
  }
}
.postbox{
  min-width:25px;
}
.qa_table{
  .empty_cell{
    background-image:url(../images/pattern.png);
  }
}
.wp-core-ui{
  .button-primary.node_enabled,.button-secondary.node_enabled,.button.node_enabled{
    display:none;
  }
  #fkt_display{
    .button-secondary{
      &:focus{
        box-shadow:none;
        outline:none;
        outline-offset:0;
      }
    }
    .button.focus{
      box-shadow:none;
      outline:none;
      outline-offset:0;
    }
    .button{
      &:focus{
        box-shadow:none;
        outline:none;
        outline-offset:0;
      }
    }
    button.focus{
      box-shadow:none;
      outline:none;
      outline-offset:0;
    }
    button{
      &:focus{
        box-shadow:none;
        outline:none;
        outline-offset:0;
      }
    }
    input{
      &:focus{
        box-shadow:none;
        outline:none;
        outline-offset:0;
      }
    }
  }
  .bd_dialog_wrapper{
    button{
      &:focus{
        box-shadow:none;
        outline:none;
        outline-offset:0;
      }
    }
    input{
      &:focus{
        box-shadow:none;
        outline:none;
        outline-offset:0;
      }
    }
    input[type=button]{
      margin-top:3px;
      margin-left:5px;
      padding:3px;
      float:left;
      box-sizing:content-box;
      line-height:12px;
      height:auto;
      min-height:Auto;
    }
  }
  .bd_hp-auto-form{
    button.focus{
      box-shadow:none;
      outline:none;
      outline-offset:0;
    }
    button{
      &:focus{
        box-shadow:none;
        outline:none;
        outline-offset:0;
      }
    }
    .button-primary.focus{
      box-shadow:none;
      outline:none;
      outline-offset:0;
    }
    .button-primary{
      &:focus{
        box-shadow:none;
        outline:none;
        outline-offset:0;
      }
    }
  }
  .bd_hp_xml_interface_wrapper{
    
    
    
    
    input[type=button]{
      margin-top:3px;
      margin-left:5px;
      padding:3px;
      float:left;
      box-sizing:content-box;
      line-height:12px;
      height:auto;
      min-height:Auto;
    }
  }
  li{
    .xml_item_options{
      >input[type=button]{
        margin-top:3px;
        margin-left:5px;
        padding:3px;
        float:left;
        box-sizing:content-box;
        line-height:12px;
        height:auto;
        min-height:Auto;
      }
    }
  }
  .bd_iv_translation_table_wrapper{
    input[type=button]{
      margin-top:3px;
      margin-left:5px;
      padding:3px;
      float:left;
      box-sizing:content-box;
      line-height:12px;
      height:auto;
      min-height:Auto;
    }
    overflow:auto;
    max-height:600px;
  }
  .translation_table{
    input[type=button]{
      margin-top:3px;
      margin-left:5px;
      padding:3px;
      float:left;
      box-sizing:content-box;
      line-height:12px;
      height:auto;
      min-height:Auto;
    }
  }
  #wpwrap.dark-mode{
    a{
      span.bd-sub-module{
        &:active,&:hover{
          color:var(--color_18);
        }
        color:var(--color_18);
      }
      span.bd-sub-module.bd-sub-module-system{
        &:active,&:hover{
          color:var(--color_8);
        }
        color:var(--color_8);
      }
      span.bd-sub-module.bd-sub-module-develop{
        &:active,&:hover{
          color:var(--color_19);
        }
        color:var(--color_19);
      }
    }
    a.current{
      span.bd-sub-module{
        &:active,&:hover{
          color:var(--color_20);
        }
        color:var(--color_20);
      }
      span.bd-sub-module.bd-sub-module-system{
        &:active,&:hover{
          color:var(--color_20);
        }
        color:var(--color_20);
      }
      span.bd-sub-module.bd-sub-module-develop{
        &:active,&:hover{
          color:var(--color_20);
        }
        color:var(--color_20);
      }
    }
    .bd_file_table{
      tr{
        &:nth-child(odd){
          background:#111;
          color:var(--color_3);
        }
        background:#111;
        color:var(--color_3);
      }
    }
    ul.bd_array_list{
      >li{
        background:#111;
        color:var(--color_3);
      }
    }
    #wpbody-content{
      a{
        &:active,&:hover{
          color:var(--color_1);
        }
        color:var(--color_1);
      }
    }
  }
  input.bottom_button{
    position:relative;
    bottom:0;
    right:0;
    margin-top:5px;
  }
  .button{
    margin-bottom:5px;
    margin-right:5px;
  }
  .button-primary{
    margin-bottom:5px;
    margin-right:5px;
    &:active{
      margin-bottom:5px;
      margin-right:5px;
    }
  }
  .button-secondary{
    margin-bottom:5px;
    margin-right:5px;
  }
  .bd_file_table{
    .button{
      padding:3px;
      height:auto;
      line-height:16px;
      margin-right:10px;
      float:right;
    }
    >tbody{
      >tr{
        >td{
          min-height:60px;
        }
        >td.filename{
          word-wrap:break-word;
          word-break:break-all;
        }
      }
    }
    tr{
      background:#fff;
      &:nth-child(odd){
        background:#fff;
      }
    }
    .preview{
      background:#fff;
      width:100px;
      height:100px;
      background-color:var(--background-color_12);
      border:2px solid #000;
      background-size:cover;
      background-position:50%;
      background-repeat:no-repeat;
    }
  }
  .button-primary.button_orange{
    background-color:var(--background-color_14);
    &:active,&:hover{
      background-color:var(--background-color_20);
    }
  }
  .button-primary.button_green{
    background-color:var(--background-color_15);
    &:active,&:hover{
      background-color:var(--background-color_18);
    }
  }
  .button-primary.button_gray{
    background-color:var(--background-color_16);
    &:active,&:hover{
      background-color:var(--background-color_21);
    }
  }
  .button-primary.button_yellow{
    background-color:var(--background-color_17);
  }
  .button-primary.button_red{
    background-color:var(--background-color_8);
    &:active,&:hover{
      background-color:var(--background-color_19);
    }
  }
}
.translation_table{
  tr{
    &:nth-child(odd){
      background:#eee;
    }
  }
  td{
    padding:2px;
    margin:0;
  }
  tr.selected{
    td{
      border:1px solid red;
    }
  }
}
#bdhpXML_tree{
  overflow:auto;
}
#H5XMLNodeEditor{
  #bdhpXML_tree,#bdhpn_xml_block_wrapper{
    overflow:auto;
  }
}
.bdhpn_inner_tab_content{
  position:relative;
  height:100%;
  min-height:100%;
  max-height:100%;
}
.bd_interface_options{
  display:inline-block;
  padding-top:5px;
  overflow:visible;
  float:right;
  margin-left:30px;
  font-size:18px;
  span.fa{
    margin-left:10px;
    cursor:pointer;
    color:var(--color_13);
    &:hover{
      margin-left:10px;
      cursor:pointer;
      color:var(--color_14);
    }
  }
}
td{
  >span.color_col{
    display:block;
    padding:5px;
    width:100%;
    color:var(--color_3);
    font-weight:700;
    text-shadow:1px 1px 0 #000;
  }
}
.bdh-input-json{
  .Codemirror{
    min-height:600px;
  }
  .node-preview{
    color:var(--color_15);
  }
}
.bd-table-index{
  height:100%;
  width:auto;
  padding:5px;
  white-space:nowrap;
}
.tab-instances{
  >.tab-instance{
    float:left;
    border:1px solid;
    border-color:#666 #666 transparent;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    padding:2px 5px;
    transition:background .5s;
    background:#666;
    margin-right:1px;
    height:20px;
    position:relative;
    transition:all .2s;
    cursor:pointer;
    >.fragment-title{
      display:inline-block;
      box-sizing:border-box;
      position:relative;
      padding:0;
      width:100%;
      height:19px;
      white-space:nowrap;
      overflow:hidden;
      >span{
        position:relative;
      }
    }
    >.tab-icons{
      width:auto;
      padding:1px 0 1px 5px;
      border-radius:3px;
      >.bdh-button.bdh-icon{
        margin:0;
      }
      .bdh-opt-lock,.bdh-opt-save,.bdh-opt-spinner{
        display:none;
      }
      >span{
        cursor:pointer;
        &:hover{
          color:var(--color_3);
        }
      }
    }
    &:hover{
      background:#000;
    }
  }
  >.tab-instance.fragment-changed{
    >.tab-icons{
      .bdh-opt-save{
        display:inline-block;
        color:var(--color_16);
      }
    }
  }
  >.tab-instance.fragment-busy{
    >.tab-icons{
      .bdh-opt-spinner{
        display:inline-block;
        color:var(--color_8);
      }
    }
  }
  >.tab-instance.fragment-locked{
    >.tab-icons{
      .bdh-opt-lock{
        display:none;
        color:var(--color_8);
      }
    }
  }
  >.tab-instance.instance-active{
    font-weight:700;
    background:#333;
  }
}
.bd-data-table{
  width:100%;
  border-collapse:collapse;
  border:1px solid purple;
  td,th{
    border-collapse:collapse;
    border-color:purple;
    border-style:solid;
    border-width:1px;
    padding:5px;
  }
}
li{
  .xml_item_options{
    position:absolute;
    right:0;
    overflow:hidden;
    top:0;
    padding-top:3px;
    >input{
      &:last-child{
        margin-right:5px;
      }
    }
  }
  &:hover{
    .linklist-item-header{
      background:#222;
    }
    .linklist-item-content{
      background:#1a1a1a;
    }
    .xml_item_attribute_holder{
      display:none;
    }
  }
}
.bd_dialog_window{
  .test_link{
    border-color:#00a;
    border-style:solid;
    border-width:2px;
    width:auto;
    height:auto;
    background:#fff;
    padding:20px;
  }
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top:10%;
  width:100%;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  max-width:80%;
  min-width:20%;
  min-height:20%;
  max-height:90%;
  padding:2px;
  overflow:auto;
  background:#fff;
  border:1px solid #000;
  -webkit-box-shadow:10px 10px 63px 0 rgba(0,0,0,.75);
  -moz-box-shadow:10px 10px 63px 0 rgba(0,0,0,.75);
  box-shadow:10px 10px 63px 0 rgba(0,0,0,.75);
  h1{
    font-size:16px;
  }
}
#wpadminbar{
  li.wp-admin-bar-helper{
    padding:0 5px;
    display:inline-block;
    box-sizing:border-box;
    border:0 solid red;
    height:32px;
    >a{
      padding:0;
      display:inline-block;
      overflow:hidden;
      box-sizing:border-box;
      height:32px;
    }
  }
  .quicklinks{
    >ul{
      >li.wp-admin-bar-helper{
        >a{
          padding:0;
          display:inline-block;
          overflow:hidden;
          box-sizing:border-box;
          height:32px;
        }
      }
    }
  }
  #wp-admin-bar-helper-cheetah{
    .ab-item{
      padding:0;
    }
  }
  span.material-icons{
    margin-top:5px;
    font-family:var(--font-family_2);
    font-weight:400;
    font-style:normal;
    font-size:20px;
    line-height:18px;
    overflow:hidden;
    letter-spacing:normal;
    text-transform:none;
    white-space:nowrap;
    word-wrap:normal;
    direction:ltr;
    -webkit-font-feature-settings:"liga";
    -webkit-font-smoothing:antialiased;
    transform:color .2s, opacity .3s;
  }
}
.dataTables_wrapper{
  table.dataTable{
    tbody{
      tr{
        padding:0;
        >td{
          padding:2px;
          border-bottom:1px solid #666;
        }
        &:first-child{
          >td,td,th{
            border-top:1px solid #666;
          }
        }
      }
      td,th{
        padding:2px;
        border-bottom:1px solid #666;
      }
      tr.even.selected{
        >td{
          background:rgba(58,157,199,.4);
        }
      }
      tr.odd.selected{
        >td{
          background:rgba(58,157,199,.4);
        }
      }
    }
  }
}
tr{
  >td.sorting_1{
    &:first-child{
      >div{
        height:100%;
        width:auto;
        padding:2px;
      }
    }
  }
}
ul.bd_array_list{
  >.bd_xml_list_item{
    min-height:29px;
    transition:all .2s;
  }
  border:1px solid #000;
  margin:0;
  overflow:auto;
  >li{
    background:#fff;
    overflow:auto;
    margin:0;
    line-height:22px;
    position:relative;
    overflow:hidden;
    min-height:25px;
    .bdh-hover{
      display:none;
    }
    &:hover{
      .bdh-hover,.bdh-hover-abs{
        display:block;
      }
      .bdh-hover-abs{
        display:absolute;
      }
      .button_green,.button_red{
        display:block;
      }
      .ttext{
        display:none;
      }
    }
    .button_green,.button_red{
      display:none;
    }
    .ttext{
      display:block;
      position:absolute;
      right:125px;
      top:0;
      opacity:.4;
    }
  }
  >li.selected{
    background:#ffd3a3;
  }
}
ul.bd_array_list.auto_height{
  >li{
    min-height:auto;
    overflow:auto;
    height:auto;
  }
}
.bd_xml_list_item{

 
  
  span.node_name{
    font-family:var(--font-family_1);
    color:var(--color_21);
    font-weight:700;
    font-size:9px;
    line-height:10px;
    box-sizing:border-box;
    background:#ebebeb;
    border-color:#a2a2a2;
    border-style:solid;
    border-width:1px;
    border-radius:7px;
    height:14px;
    overflow:hidden;
    padding:2px 4px;
    margin-right:5px;
    font-family:var(--font-family_2);
    position:relative;
    top:-2px;
  }

  &:hover{
    .tag-wrapper{
      opacity:1;
    }
    .frag-tag{
      .tag-buttons,.tag-name{
        display:block;
      }
    }
  }

  .frag-tag{
    .tag-name{
      display:none;
    }
  }


  .data-render{
    display:flex;
    flex-direction:column;
    &.dom-flex{
      flex-direction:row;
      >div{
        flex:1;
      }
    }
    >div{
      display:flex;
      flex-direction:row;
      gap:15px;
      padding:5px;
      >b{
        font-weight:700;
        opacitry:.8;
        flex:0.2;
        color:var(--mint_green);
      }
      >b,>span{
        display:block;

      }
      >span{
        flex:0.8;

      }

    }
  }

  .bdh-disp-detail{
    .data-render{

      >div{

        >b{

          color:var(--color_39);
        }


      }
    }
  }


  position:relative;
  padding:0;
  border-bottom:1px solid #222;
}
.text-ellipsis{
  overflow:hidden;
  >div{
    text-overflow:ellipsis;
    overflow:hidden;

  }
}

.success{
  color:#0a0;
}
.error{
  color:#a00;
}

.list-source{
  .bd_xml_list_item{
    transition:background-color .2s;
    min-height:30px;
    border-bottom:1px solid #333;
    background:#000;
  }
  .bd_xml_list_item.hover{
    .bdh-frag-sel{
      width:25px;
      max-width:25px;
    }
  }
  .bdh-fragment-drag,>.minimized{
    display:none;
  }
  >.minimized.fragment-selected{
    display:block;
    opacity:.5;
  }
}
.list-target{
  .bd_xml_list_item{
    transition:background-color .2s;
    min-height:30px;
    border-bottom:1px solid #333;
    background:#000;
    
    &.new-frag{
      background:rgba(235,168,52,.1);
    }

    &:hover{
      background:#111;
    }
  }
  .bd_xml_list_item.hover{
    .bdh-frag-sel{
      width:25px;
      max-width:25px;
    }
  }
  >*{
    .bdh-hover,.bdh-hover-abs{
      display:none;
    }
    &:hover{
      .bdh-hover,.bdh-hover-abs{
        display:block;
      }
      .bdh-hover-abs{
        display:absolute;
      }
    }
  }
  >.minimized{
    display:none;
  }
  >.minimized.fragment-selected{
    display:block;
    opacity:.5;
  }
}
.bdh-switch{
  position:relative;
  display:inline-block;
  width:60px;
  height:34px;
  input{
    opacity:0;
    width:0;
    height:0;
  }
}

.bdh-boolean-input{
  display:inline-block; 
  margin-right:15px; 
  position:relative; 
  width:50px; 
  height:35px;


  .bdh-slider{
    position:absolute;
    cursor:pointer;
    opacity:1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:var(--background-color_2);
    -webkit-transition:.4s;
    transition:.4s;
    &:before{
      position:absolute;
      content:"";
      height:26px;
      width:26px;
      left:4px;
      bottom:4px;
      background-color:var(--background-color_3);
      -webkit-transition:.4s;
      transition:.4s;
    }
    >input{
      outline:none !important;
      display:none;
      &:focus{
        +{
          .bdh-slider{
            box-shadow:0 0 1px #2196f3;
          }
        }
      }
    }
  }
  label.bdh-switch.state-true{
    input+{
      .bdh-slider{
        background-color:var(--background-color_4);
      }
    }
    input{
      +{
        .bdh-slider{
          &:before{
            -webkit-transform:translateX(26px);
            -ms-transform:translateX(26px);
            transform:translateX(26px);
          }
        }
      }
    }
  }
  .bdh-slider.round{
    border-radius:34px;
    &:before{
      border-radius:50%;
    }
  }

}


.linklist-item-header{
  position:relative;
  padding:5px;
  border-bottom:0 solid #222;
  transition:all .2s;
  background:#1a1a1a;
}
.linklist-item-content{
  padding:5px 2px 10px 5px;
  background:#111;
  transition:all .2s;
}
.bd_link_list_item{
  position:relative;
  padding:0;
  border-bottom:1px solid #222;
}
.bdh-table-filter{
  padding:0;
}
.bdh-table-page{
  padding:5px;
  background:#000;
  margin:0 5px 0 0;
  border-radius:5px;
  cursor:pointer;
  &:hover{
    background:#222;
  }
}
.bdh-table-page.bdh-active{
  background:#212144;
  border:1px solid #fff;
}
.bdh-active{
  font-weight:700;
}
.bdh-table-row{
  min-height:25px;
  border-bottom:1px solid #666;
  overflow:visible;
  .selected-only{
    display:none;
  }
  .cell-options{
    background:#000;
  }
  .bdh-table-cell{
    border-right:1px solid #666;
    padding:0;
    overflow:auto;
    >div{
      padding:5px;
      overflow:auto;
    }
  }
  .bdh-table-cell.cell-options{
    overflow:visible;
  }
}
.bdh-table-row.selected{
  background:#222;
  .frag-header-selected{
    animation-name:backgroundColorPalette;
    animation-duration:3s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
  }
  .selected-only{
    display:block;
  }
  .bdh-frag-row-id{
    color:var(--color_15);
    font-weight:700;
  }
  .cell-options{
    color:var(--color_15);
    button.bdh-row-load{
      >span{
        color:var(--color_15);
      }
    }
  }
}
.tag-wrapper{
  text-align:left;
  font-size:18px;
  line-height:14px;
  opacity:.3;
  transition:all .25s;
  overflow:visible;
  .tag-buttons{
    padding-left:5px;
    border:0;
  }
  .frag-tag{
    cursor:pointer;
    height:20px;
    border-radius:4px;
    margin:0 5px 5px;
    padding:2px 5px 0 0;
    line-height:14px;
    font-size:14px;
    float:right;
    line-height:18px;
    .material-icons{
      font-size:16px;
      margin-left:5px;
      margin-right:5px;
    }
    .tag-buttons{
      border-bottom:0 solid #000;
      padding:0 0 0 5px;
      display:none;
      button{
        margin:0;
        padding:0 4px 2px 0;
        border:0;
        background:transparent;
        >span{
          background:transparent;
          border:0;
        }
      }
    }
  }
}
.tag-list{
  border-bottom:1px solid #000;
  cursor:pointer;
  padding:2px 5px 2px 2px;
  height:20px;
  line-height:18px;
  .frag-tag{
    >.tag-buttons{
      cursor:pointer;
      padding:2px 5px 2px 2px;
      min-height:20px;
      line-height:18px;
    }
  }
}
.list-control{
  padding:5px 0;

  .selectize-control.multi{
    .selectize-input.has-items{
      background:#111;
      border:1px solid #333;
      padding:1px;
    }
  }
  button.bdh-button.bdh-icon{
    display:inline-block;
  }
  button.bdh-button.bdh-icon.frag-action{
    display:none;
  }
  .dom-hover{
    button.bdh-button.bdh-icon.hover-element{
      display:none;
    }
    &:hover{
      button.bdh-button.bdh-icon.hover-element{
        display:inline-block;
      }
    }
  }
}
.table-control{
  .selectize-control.multi{
    .selectize-input.has-items{
      background:#111;
      border:1px solid #333;
      padding:1px;
    }
  }
}
.selection-active{
  .list-control{
    button.bdh-button.bdh-icon.frag-action{
      display:inline-block;
    }
  }
  .list-target{
    .bdh-frag-sel{
      width:25px;
      max-width:25px;
    }
  }
}
.bd_hp-auto-form{
  .list-control{
    .selection-active{
      .frag-action{
        display:inline-block;
      }
    }
    .dom-hover{
      &:hover{
        .frag-action{
          display:none;
        }
      }
    }
    .frag-action{
      display:none;
    }
  }
  *{
    &::-webkit-calendar-picker-indicator{
      filter:invert(1);
    }
  }
  .frag-action{
    display:none;
  }
  .selection-active{
    .frag-action{
      display:inline-block;
    }
  }
}
.bdh-replacement{
  display:inline-block;
  padding:2px;
  border:1px solid red;
}
.clusterize-scroll{
  max-height:200px;
  overflow:auto;
}
.clusterize-extra-row{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.clusterize-extra-row.clusterize-keep-parity{
  display:none;
}
.clusterize-content{
  outline:0;
  counter-reset:clusterize-counter;
}
.clusterize-no-data{
  td{
    text-align:center;
  }
}
.bdh-i-wrap{
  input[type=text]{
    &:readonly{
      color:var(--color_22);
    }
  }
  input[type=password]{
    &:readonly{
      color:var(--color_22);
    }
  }
}
#adminmenu{
  span.material-icons{
    font-size:16px;
    line-height:12px;
  }
}
.is-dragover{
  color:var(--mint_green);
}
.is-uploading{
  color:var(--color_24);
}
#fkt_display{
  padding:0 5px;
  height:auto;
  overflow:auto;
  background:#fff;
  border:1px solid #000;
  >div{
    display:none;
  }
  .wrap{
    padding:0;
    margin:0;
    max-width:100%;
    width:100%;
    .postbox{
      border:0;
      border-bottom:3px solid #eee;
    }
  }
}
#fkt_tabs{
  margin-top:0;
  height:29px;
  overflow:visible;
  padding:5px 5px 0;
  >div{
    display:inline-block;
    width:auto;
    padding:5px 15px;
    border-radius:0;
    border:1px solid #000;
    border-bottom:0;
    height:19px;
    cursor:pointer;
  }
  >div.selected{
    background:#fff;
    height:19px;
    cursor:default;
  }
}
#wpcontent{
  padding-left:0;
}
.bd_table_options_wrapper{
  text-align:right;
  height:auto;
  position:relative;
  min-height:100%;
  overflow:visible;
  .hover_button{
    opacity:0;
  }
  &:hover{
    .hover_button{
      opacity:1;
      transition:opacity .25s ease;
    }
  }
}
.bd_hp_xml_advanced_options{
  background:#444;
  padding:5px;
  color:var(--color_26);
  overflow:auto;
  display:none;
}
.bd_hp_xml_option{
  margin-right:10px;
  float:left;
}
.bd_noani{
  -o-transition-property:none !important;
  -moz-transition-property:none !important;
  -ms-transition-property:none !important;
  -webkit-transition-property:none !important;
  transition-property:none !important;
  -o-transform:none !important;
  -moz-transform:none !important;
  -ms-transform:none !important;
  -webkit-transform:none !important;
  transform:none !important;
  -webkit-animation:none !important;
  -moz-animation:none !important;
  -o-animation:none !important;
  -ms-animation:none !important;
  animation:none !important;
}
.BDHelper{
  position:relative;
  overflow:auto;
  .bd-list-wrap{
    position:relative;
    left:0;
    overflow:auto;
    width:100%;
    .list-wrapper{
      position:relative;
      left:0;
      margin-top:33px;
      width:100%;
      height:150px;
      overflow-x:hidden;
      box-sizing:border-box;
      border:1px solid #000;
      background:#000;
    }
    .list-wrapper.files-wrapper{
      position:absolute;
      left:0;
      top:30px;
      width:100%;
      height:calc(100% - 30px);
    }
    .list-header{
      position:absolute;
      left:0;
      top:0;
      width:100%;
      height:33px;
      overflow:hidden;
      border-bottom:0 solid #666;
      .list-options{
        >span{
          margin-left:3px;
          cursor:pointer;
          opacity:.5;
          &:hover{
            color:var(--color_3);
            opacity:1;
          }
        }
      }
      .list-search{
        position:relative;
        left:0;
        top:0;
        width:100%;
        height:100%;
        padding:0;
        margin:0;
        display:inline-block;
        >input{
          width:100%;
          height:100%;
          padding:4px;
          margin:0 0 3px;
          font-size:12px;
          line-height:18px;
          outline:none;
        }
      }
    }
  }
  .bdh-segment-header{
    .list-options{
      width:auto;
      height:100%;
      display:inline-block;
      position:relative;
      white-space:nowrap;
      text-align:right;
      float:right;
      margin:0;
      padding:5px 3px 0 0;
      >.material-icons{
        font-size:20px;
        line-height:16px;
        cursor:pointer;
        opacity:.5;
        &:hover{
          opacity:1;
        }
      }
    }
  }
  .list-header{
    .list-options{
      width:auto;
      height:100%;
      padding:5px 0;
      margin:0;
      display:inline-block;
      position:relative;
      white-space:nowrap;
      text-align:right;
      float:right;
    }
  }
  #cheetah-preview{
    .list-header{
      .list-options{
        width:110px;
      }
      .list-search{
        width:calc(100% - 110px);
      }
    }
  }
  .s-table{
    width:100%;
    padding:0;
    margin:0;
    >tr{
      width:100%;
      padding:0;
      margin:0;
      >td{
        width:100%;
        padding:0;
        margin:0;
      }
    }
  }
  .fragment-options{
    white-space:nowrap;
  }
  .bdh-form-segment{
    .list-options{
      >.material-icons.min{
        display:inline-block;
      }
      >.material-icons.max{
        display:none;
      }
    }
  }
  .bdh-form-segment.collapsed{
    .list-options{
      >.material-icons.min{
        display:none;
      }
      >.material-icons.max{
        display:inline-block;
      }
    }
  }
}
.bdh-form-buttons,.bdh-system-buttons{
  margin-bottom:5px;
}
.hover-wrapper{
  .hover-fade{
    opacity:.6;
    transition:opacity .2s;
  }
  &:hover{
    .hover-fade{
      opacity:1;
      display:inherit;
    }
  }
  .hover-hide{
    display:none;
  }
}
.bd_array_list_target{
  .bdh-list-add{
    display:none;
  }
}
.bd_array_list_source{
  .bdh-list-remove{
    display:none;
  }
}
.bdh-scroll{
  height:150px;
  background:#111;
  border:1px solid #444;
  overflow:auto;
}
.list-search{
  >input{
    background:#000;
    color:var(--color_3);
    border-width:0;
    border:none;
    border-style:collapse;
    border:1px solid grey;
  }
}
.bdhpn_scroll-wrapper{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
}
.bdh-container-header-wrapper{
  padding:5px;
  border-bottom:1px solid gray;
  background:#112;
}
.no-marg{
  margin:0;
}
.pad-tl-5,button.bdh-button.bdh-icon.pad-tl-5{
  padding:5px 0 0 5px;
}
.pad-5,button.bdh-button.bdh-icon.pad-5{
  opacity:1;
  transition:all .25s;
  position:relative;
  overflow:auto;
  margin-bottom:5px;
}
.segment{

  flex:0.01;
  .bdh-sep-title{
    padding:5px 10px;
    button{
      display:none;
    }
  }
  .segment-content{
    padding:5px 10px;
  }
}
.segment.last-segment{
  flex:0.01;
}
.segment.segment-minimized{
  >.segment-content{
    display:none;
  }
  .bdh-segment-expand{
    display:block;
  }
}
.segment.segment-maximized{
  .bdh-segment-collapse{
    display:block;
  }
  >.segment-content{
    display:flex;
  }
}
.segment.segment-stretch{
  .bdh-segment-stretch{
    display:block;
  }
  flex:1;
}
0{
  .segment.segment-stretch{
    >.segment-content{
      display:flex;
    }
  }
}
.bdh-frag-icon{
  position:relative;
  text-align:center;
  display:block;
  width:100%;
}
.bdh-link-sel{
  padding:10px 0 0;
  min-width:25px;
}
.bdh-frag-sel,.bdh-link-sel{
  overflow:hidden;
  transition:all .1s;
  background:#222;
  text-align:center;
}
.bdh-frag-sel{
  width:0;
  max-width:0;
  margin:0;
  padding:5px 0 0;
}
input.bdh-frag-select-box[type=checkbox]{
  margin:0 auto;
  float:none;
}
.bdh-hover-disabled{
  .list-target{
    .bdh-frag-sel{
      width:25px;
      max-width:25px;
    }
  }
  .list-source{
    .bdh-frag-sel{
      width:25px;
      max-width:25px;
    }
  }
}
.list-target.selection-active{
  .bdh-frag-sel{
    width:25px;
    max-width:25px;
  }
}
.source-selection-active{
  .list-source{
    .bdh-frag-sel{
      width:25px;
      max-width:25px;
    }
  }
}
.bd_xml_list_item.fragment-selected{
  .bdh-frag-sel{
    background:#666;
  }
  .bdh-button.bdh-icon.bdh-fragment-drag{
    opacity:.7;
    >span.material-icons{
      color:var(--color_15);
      opacity:1;
      -webkit-animation:glow 1s ease-in-out infinite alternate;
      -moz-animation:glow 1s ease-in-out infinite alternate;
      animation:glow 1s ease-in-out infinite alternate;
    }
  }
}
.bd_xml_list_item.bdh-list-item-new{
  .bdh-frag-sel{
    background:#3d86b8;
  }
}
.bdh-table-row.hover{
  .bdh-frag-sel{
    width:25px;
    max-width:25px;
  }
}
.bd_xml_list_item.hover{
  .bdh-frag-sel{
    width:25px;
    max-width:25px;
  }
}
.bdh-debug-mode{
  .bdh-fragments-add.debug-only{
    display:none;
  }
  .bdh-input-wrapper{
    &.bdh-input-key_value_files,&.bdh-input-key_value_xml{overflow:hidden;
    }
    .list-source{
      .fragment-selected{
        .bdh-fragments-add{
          display:block;
          cursor:pointer;
          margin-top:20px;
        }
      }
    }
  }
  .bdh-fragment-insert.debug-only{
    display:none;
  }
  .debug-only{
    display:block;
  }
}
.glow{
  font-size:80px;
  color:var(--color_3);
  text-align:center;
  -webkit-animation:glow .2s ease-in-out infinite alternate;
  -moz-animation:glow .2s ease-in-out infinite alternate;
  animation:glow .2s ease-in-out infinite alternate;
}
.bdh-frag-info-wrapper{
  flex:1;
  background:rgba(0,0,0,.3);
}
.bdh-frag-ref{
  background:orange;
}
.bdh-frag-row-id{
  position:relative;
  padding:5px;
  color:var(--color_29);
  text-align:left;
  display:block;
  font-family:var(--font-family_3);
}
.bdh-frag-row-type{
  position:relative;
  padding:2px;
  background:rgba(30,30,30,.7);
  color:var(--color_29);
  text-align:right;
  display:block;
  border-top:1px solid hsla(0,0%,100%,.1);
  font-size:10px;
  overflow:auto;
  button.bdh-button.bdh-icon{
    float:right;
    margin:0;
    >span.material-icons{
      font-size:14px;
    }
  }
}
.bdh-next-input{
  border-color:var(--border-color_4);
}
.bdh-input-wrapper.bdh-loading{
  opacity:.9;
  >.bdh-block{
    display:block;
  }
}
.bdh-table-wrapper{
  margin-bottom:0;
  >.bdh-block{
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
  }
}
.bdh-table-wrapper.bdh-loading{
  >.bdh-block{
    display:block;
  }
}
.bdh-file-options{
  .hover-option{
    display:none;
  }
  .hover-opacity{
    opacity:.8;
    transition:opacity .2s;
  }
  &:hover{
    .hover-opacity{
      opacity:1;
    }
    .hover-option{
      display:block;
    }
    .hover-hide{
      display:none;
    }
  }
}
.bdh-file-row{
  min-height:50px;
  background-color:var(--background-color_7);
  border-bottom:1px solid #333;
}
.bdh-file-icon{
  display:block;
  padding:0;
  width:26px;
  margin:5px auto;
  .material-icons{
    font-size:26px;
  }
}
.bdh-action-item{
  display:flex;
  flex-direction:row;
  align-items:stretch;
  padding:5px;
  border:1px solid hsla(0,0%,50%,.1);
  margin-bottom:2px;
  >span.material-icons{
    float:right;
  }
}
.bd-dlg-row{
  display:flex;
  flex-direction:row;
  align-items:stretch;
  padding:5px;
  line-height:30px;
  margin-bottom:5px;
}
.bd-dlg-label{
  font-weight:400;
  font-size:16px;
  line-height:30px;
  display:inline-block;
  flex:1;
}
#updateform{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  height:100%;
}
.bdh-field-list-data-row{
  border-bottom:1px solid gray;
}
.bdh-batch-list-wrapper{
  overflow:auto;
  border:1px solid #333;
  background:#000;
  margin-top:20px;
  flex:1;
  position:relative;
  min-height:100px;
  height:100%;
}
.bdh-batch-list{
  position:absolute;
  left:0;
  top:0;
  width:calc(100% - 10px);
  height:100%;
  padding:5px;
  .bdh-batch-list-item{
    border-bottom:1px solid #333;
    opacity:.7;
    transition:opacity .2s;
    .bdh-icon{
      display:none;
      color:var(--color_30);
    }
    .bdh-icon.batch{
      display:block;
      color:var(--color_3);
    }
  }
  .bdh-batch-list-item.done{
    opacity:1;
    .bdh-icon{
      display:block;
    }
    .bdh-icon.batch{
      display:none;
    }
  }
}
.bdh-batch-info{
  flex:0.01;
}
div.bdh-progress{
  position:relative;
  min-width:50px;
  min-height:50px;
  margin-left:20px;
  canvas,span{
    display:block;
    position:absolute;
    top:0;
    left:0;
  }
  span{
    color:var(--color_7);
    line-height:75px;
    text-align:center;
    width:100%;
    height:100%;
    font-family:var(--font-family_3);
    font-size:14px;
    font-weight:100;
  }
}
.bdh-action-list{
  margin:15px 0;
}
.bdh-form-segment{
  overflow:auto;
  display:block;
  margin-bottom:10px;
  position:relative;
  .bdh-segment-header{
    border-bottom:1px solid gray;
    font-size:20px;
    font-weight:700;
  }
  .bdh-segment-header,.segment-content{
    overflow:auto;
    margin-bottom:3px;
    padding:5px 0 5px 5px;
  }
  .bdh-form-input{
    overflow:auto;
    padding:5px;
    select{
      overflow:auto;
      padding:5px;
      float:right;
      width:70%;
    }
    >label{
      display:block;
      overflow:auto;
      >span{
        float:left;
        width:25%;
      }
      >input{
        float:right;
        width:70%;
      }
    }
  }
}
.bdh-form-segment.collapsed{
  .segment-content{
    display:none;
  }
}
.bdh-input-wrap{
  margin:2px 5px 3px 0;
  .bdh-input-label{
    padding:5px 0;
    text-align:left;
  }
  >.bdh-i-wrap{
    text-align:right;
    input[type=text],select,textarea{
      flex:1;
    }
    input[type=checkbox]{
      float:right;
    }
  }
}
.bdh-input-row{
  margin:0 0 5px;
  padding:5px;
  label{
    padding:5px 0;
  }
  input[type=text],textarea{
    font-size:14px;
    margin:0;
    width:100%;
  }
  input[type=date]{
    width:100%;
  }
}
.bdh-field-footer{
  font-size:10px;
  border:1px solid #000;
  border-radius:0 0 5px 5px;
}
.bdh-versions{
  border:0 solid red;
  padding:5px;
  display:block;
  .version_table{
    tr{
      &:nth-child(2n){
        background:#222;
      }
      &:nth-child(odd){
        background:#666;
      }
    }
  }
}
.bdh-color-warn,.color-warn,button.bdh-button.bdh-color-warn{
  color:var(--color_8);
}
.bdh-color-gold,button.bdh-button.bdh-color-gold{
  color:var(--color_31);
}
.bdh-color-default,button.bdh-button.bdh-color-default{
  color:var(--color_32);
}
.bdh-color-notice,button.bdh-button.bdh-color-notice{
  color:var(--color_15);
}
.bdh-color-ok,button.bdh-button.bdh-color-ok{
  color:var(--color_16);
}
.bdh-color-danger,button.bdh-button.bdh-color-danger{
  color:var(--color_19);
}
.bd_console{
  background:#000;
  font-family:var(--font-family_1);
  color:var(--color_33);
  width:100%;
  height:150px;
}
.bd_hint{
  border:1px solid #000;
  border-radius:10px;
  background:#ffefd3;
  padding:20px;
  width:100%;
  box-sizing:border-box;
  ul{
    list-style-type:disc;
    padding-left:20px;
  }
  h2{
    margin-top:0;
  }
}
.bd_highlight_wrapper{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border:1px solid red;
}
.bd_highlight{
  display:none;
  position:absolute;
  width:300px;
  z-index:1000;
  background:#fff9cf;
  padding:5px;
  border:1px solid #000;
}
#ui-datepicker-div{
  background:#fff;
  padding:10px;
}
.wrap{
  .helper-dom{
    padding:0;
    max-width:calc(100% - 10px);
    width:100%;
    margin:0;
  }
  .postbox-container.p_capable.p50{
    width:50%;
    overflow:auto;
    float:left;
  }
  .postbox-container.p50{
    .dataTables_wrapper{
      background:#fff;
      overflow:auto;
    }
  }
  .postbox-container{
    .postbox{
      background:#fff;
      overflow:auto;
    }
  }
  .postbox-container.p_capable.p50.p_c1{
    margin-right:5px;
    width:calc(50% - 5px);
    .postbox{
      overflow:auto;
    }
  }
  .postbox{
    margin-bottom:5px;
  }
}
.metabox-holder{
  .postbox-container{
    .postbox{
      overflow:visible;
    }
  }
}
.stuffbox{
  margin-bottom:5px;
}
#footer-thankyou{
  display:none;
}
#fileForm_tmce_progress{
  width:100%;
  height:10px;
}
.ui-progressbar{
  height:1em;
  text-align:left;
  overflow:hidden;
  background:#aaa;
  -webkit-border-radius:2px;
  -moz-border-radius:3px;
  border-radius:3px;
  margin-top:3px;
  .ui-progressbar-value{
    background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    background-color:var(--background-color_8);

    margin:-1px;
    height:100%;
  }
  .ui-progressbar-overlay{
    background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height:100%;
    filter:alpha(opacity=25);
    opacity:.25;
  }
}
.ui-progressbar-indeterminate{
  .ui-progressbar-value{
    background-image:none;
  }
}
table.dataTable{
  width:100%;
  margin:0 auto;
  clear:both;
  border-collapse:separate;
  border-spacing:0;
  tr{
    >td{
      &:first-child{
        border-left:5px solid transparent;
      }
    }
  }
  tr.selected{
    >td{
      &:first-child{
        border-left:5px solid red;
      }
    }
  }
  td.selected{
    background:#7edcf8;
  }
}
.bd_inheritance{
  display:inline-block;
  overflow:auto;
  position:relative;
  top:3px;
  .inheritance_time{
    display:inline-block;
    height:20px;
  }
  .inheritance_option,.inheritance_time{
    padding:0;
    overflow:hidden;
    margin:0;
    float:left;
    position:relative;
    top:0;
  }
  .inheritance_option{
    display:none;
    height:22px;
  }
  &:hover{
    .inheritance_time{
      display:none;
    }
    .inheritance_option{
      display:inline-block;
    }
  }
}
.p_capable{
  position:relative;
  width:100%;
  margin:0;
}
.bd_switch_views{
  position:absolute;
  right:0;
  top:0;
  width:15px;
  height:15px;
  cursor:pointer;
  background-image:url(../images/w_v.png);
  background-size:15px 15px;
  background-position:100%;
  background-repeat:no-repeat;
}
.bd_sep_mini{
  float:right;
  font-size:10px;
  padding:2px;
  line-height:14px;
  background:#aaa;
  display:block;
  margin-right:5px;
  margin-bottom:5px;
}
.bd_sep_mini.sep_visible{
  display:none;
}
.p50{
  .bd_switch_views{
    background-image:url(../images/w_h.png);
  }
}
table.bd-hp-form_table{
  tr.seperator{
    .bd_xml_option_hide{
      width:30px;
      height:20px;
      background:url(../images/close.png);
      background-size:contain;
      background-repeat:no-repeat;
      float:left;
      cursor:pointer;
    }
    .bd_xml_option_minimize{
      width:30px;
      height:30px;
      background:url(../images/arr_up.png);
      background-size:contain;
      background-repeat:no-repeat;
      float:right;
      cursor:pointer;
    }
  }
  tr.seperator.seperator_closed{
    .bd_xml_option_hide{
      background-image:url(../images/close.png);
    }
    .bd_xml_option_minimize{
      background-image:url(../images/arr_down.png);
    }
  }
  tr{
    >td{
      >h2{
        border-bottom:1px solid #000;
        font-weight:100px;
        background-size:contain;
        background-size:30px 30px;
        background-position:100% 0;
        height:30px;
        line-height:30px;
        background-repeat:no-repeat;
        .hint{
          margin-right:50px;
          font-size:14px;
          font-weight:700;
          position:absolute;
          left:15px;
          top:2px;
        }
      }
    }
  }
  >tr{
    &:hover{
      background:#d4f2ff;
    }
  }
}
tr.seperator{
  .bdh-button.expanded{
    display:none;
  }
}
tr.seperator.seperator_closed{
  .bdh-button.expanded{
    display:block;
  }
  .bdh-button.collapsed{
    display:none;
  }
}
div.bd-hp-form_table{
  tr{
    >td{
      >h2{
        border-bottom:1px solid #000;
        font-weight:100px;
        background-size:contain;
        background-size:30px 30px;
        background-position:100% 0;
        height:30px;
        line-height:30px;
        background-repeat:no-repeat;
        .hint{
          margin-right:50px;
          font-size:14px;
          font-weight:700;
          position:absolute;
          left:15px;
          top:2px;
        }
      }
    }
  }
  >tr{
    &:hover{
      background:#d4f2ff;
    }
  }
  div.seperator{
    .bd_xml_option_hide{
      width:30px;
      height:20px;
      background:url(../images/close.png);
      background-size:contain;
      background-repeat:no-repeat;
      float:left;
      cursor:pointer;
    }
    .bd_xml_option_minimize{
      width:30px;
      height:30px;
      background:url(../images/arr_up.png);
      background-size:contain;
      background-repeat:no-repeat;
      float:right;
      cursor:pointer;
    }
  }
  div.seperator.seperator_closed{
    .bd_xml_option_hide{
      background-image:url(../images/close.png);
    }
  }
}
div.bd-hp-form_tabledivtr.seperator.seperator_closed{
  .bd_xml_option_minimize{
    background-image:url(../images/arr_down.png);
  }
}
div.seperator{
  .bdh-button.expanded{
    display:none;
  }
}
div.seperator.seperator_closed{
  .bdh-button.expanded{
    display:block;
  }
  .bdh-button.collapsed{
    display:none;
  }
}
.dataTable{
  tr{
    >td{
      &:first-child{
        a{
          &:-webkit-any-link{
            text-shadow:0 0 2px #fff;
            text-decoration:none;
            font-weight:700;
            font-family:var(--font-family_1);
            font-size:1.2em;
            color:var(--color_34);
            display:inline-block;
            padding:2px 5px;
          }
        }
      }
    }
    >th{
      &:first-child{
        width:10px;
      }
    }
  }
}
.bd_updated{
  background:#ffa200;
}
.tblock{
  padding:5px;
  width:100%;
  text-align:center;
}
.blue_white{
  background:#00a;
  color:var(--color_26);
}
.green_white{
  background:#0a0;
  color:var(--color_26);
}
.orange_white{
  background:#f90;
  color:var(--color_26);
}
.red_white{
  background:#a00;
  color:var(--color_26);
}
.gray_white{
  background:#666;
  color:var(--color_26);
}
.button.alert_button{
  background-color:var(--background-color_9);
  border:1px solid #c00;
}
.button.button_small{
  padding:2px;
  height:20px;
  line-height:15px;
  float:right;
  margin:2px 2px 0 0;
}
.bd_icon{
  float:right;
  width:20px;
  height:20px;
  background:url(../assets/pen.svg);
  background-size:contain;
  background-repeat:no-repeat;
  cursor:pointer;
  opacity:.4;
  margin:0;
  padding:0;
  &:hover{
    opacity:1;
  }
}
.bd_icon.bd_ok{
  background-image:url(../assets/check.png);
  width:30px;
  height:30px;
}
.bd_icon.bd_cancel{
  width:30px;
  height:30px;
  background-image:url(../assets/cancel.png);
}
.bd_hp_lock{
  font-family:var(--font-family_4);
  content:"\f023";
  color:var(--color_35);
  &:after{
    font-family:var(--font-family_4);
    content:"\f023";
    color:var(--color_35);
  }
}
.bd_xml_translate,input.bd_xml_translate[type=text]{
  background:#aed6b6;
}
.bd_xml_translate.bd_xml_content_selected{
  border:2px solid #a00;
  background:#ffda99;
}
.eur_neg{
  color:var(--color_35);
}
.eur_neg,.eur_zero{
  float:right;
  font-family:var(--font-family_1);
  font-weight:700;
}
.eur_zero{
  color:var(--color_36);
}
.eur_pos{
  float:right;
  font-family:var(--font-family_1);
  font-weight:700;
  color:var(--color_30);
}
#bd_xml_render{
  img{
    max-width:150px;
  }
}
#tmce_editor_ta_ifr{
  img{
    max-width:100px;
  }
}
.bd_xml_content_input_ta{
  width:100%;
  height:150px;
  overflow-x:auto;
  font-family:var(--font-family_1);
}
.bd_dynamic_xml_render_wrapper{
  overflow:auto;
  position:relative;
}
.button.type_pdf{
  background-image:url(../images/pdf.png);
  background-repeat:no-repeat;
  background-position:5px;
  padding-left:30px;
  background-size:22px 22px;
  &:active,&:hover{
    background-image:url(../images/pdf.png);
    background-repeat:no-repeat;
    background-position:5px;
    padding-left:30px;
    background-size:22px 22px;
  }
}
.button.type_trash{
  background-image:url(../images/trash.png);
  background-repeat:no-repeat;
  background-position:5px;
  padding-left:30px;
  background-size:20px 20px;
  &:active,&:hover{
    background-image:url(../images/trash.png);
    background-repeat:no-repeat;
    background-position:5px;
    padding-left:30px;
    background-size:20px 20px;
  }
}
.button.type_gears{
  background-image:url(../images/gear.png);
  background-repeat:no-repeat;
  background-position:5px;
  padding-left:30px;
  background-size:20px 20px;
  &:active,&:hover{
    background-image:url(../images/gear.png);
    background-repeat:no-repeat;
    background-position:5px;
    padding-left:30px;
    background-size:20px 20px;
  }
}
.button.type_file{
  background-image:url(../images/hdd.png);
  background-repeat:no-repeat;
  background-position:5px;
  padding-left:30px;
  background-size:20px 20px;
  &:active,&:hover{
    background-image:url(../images/hdd.png);
    background-repeat:no-repeat;
    background-position:5px;
    padding-left:30px;
    background-size:20px 20px;
  }
}
.button.type_save{
  background-image:url(../images/disk.png);
  background-repeat:no-repeat;
  background-position:5px;
  padding-left:30px;
  background-size:20px 20px;
  &:active,&:hover{
    background-image:url(../images/disk.png);
    background-repeat:no-repeat;
    background-position:5px;
    padding-left:30px;
    background-size:20px 20px;
  }
}
.button.type_lock{
  background-image:url(../images/lock.png);
  background-repeat:no-repeat;
  background-position:5px;
  padding-left:30px;
  background-size:16px 20px;
  &:active,&:hover{
    background-image:url(../images/lock.png);
    background-repeat:no-repeat;
    background-position:5px;
    padding-left:30px;
    background-size:16px 20px;
  }
}
.button.process{
  background-image:url(../images/wait.gif);
  background-repeat:no-repeat;
  background-position:10px;
  padding-left:40px;
  background-size:25px 25px;
  &:active,&:hover{
    background-image:url(../images/wait.gif);
    background-repeat:no-repeat;
    background-position:10px;
    padding-left:40px;
    background-size:25px 25px;
  }
}
.bd_xml_attribute_box{
  -webkit-box-shadow:10px 10px 63px 0 rgba(0,0,0,.75);
  -moz-box-shadow:10px 10px 63px 0 rgba(0,0,0,.75);
  box-shadow:10px 10px 63px 0 rgba(0,0,0,.75);
}
.CodeMirror{
  box-sizing:border-box;
}
.CodeMirror-scroll{
  overflow-x:auto;
}
#dynamic_xml_structure{
  tr.hide_input{
    display:none;
  }
  tr.selected{
    background:#fae;
    td{
      background:#fae;
    }
  }
  tr.newly_added{
    background:#ffd069;
    td{
      background:#ffd069;
    }
  }
  width:47%;
  float:left;
  margin-right:20px;
}
.bdh-link{
  position:relative;
  display:inline-block;
}
.bdh-sep-title{
  font-size:18px;
  margin:15px 0 0;
  display:block;
  overflow:auto;
  padding:0 0 5px;
  border-bottom:1px solid #666;
}
.bd_hp_xml_interface_wrapper{
  input[type=text].filtered{
    background:#ffbe69;
  }
}
.button.bd_xml_field_option{
  display:none;
}
.bd_xml_field_td{
  position:relative;
  .tag_xml_outdated{
    background:rgba(200,0,0,.3);
    border:1px solid #a00;
  }
  .tag_xml_master,.tag_xml_outdated{
    padding:2px;
    border-radius:3px;
  }
  .tag_xml_master{
    background:rgba(0,200,0,.3);
    border:1px solid #0a0;
  }
  .tag_xml_updated{
    padding:2px;
    background:rgba(0,0,200,.3);
    border-radius:3px;
    border:1px solid #00a;
  }
  &:hover{
    background:hsla(0,0%,78.4%,.3);
    .button.bd_xml_field_option{
      display:block;
    }
  }
}
.float_right{
  float:right;
}
.bd_xml_tab_td{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border-bottom:1px solid #000;
  overflow:hidden;
}
.bd_xml_tab_header{
  padding:5px;
  background:#dadada;
  border:1px solid #000;
  float:left;
  cursor:pointer;
  position:relative;
  height:18px;
  margin-left:5px;
  margin-right:5px;
}
.bd_xml_tab_header.selected{
  border-bottom:1px solid #dadada;
  font-weight:700;
}
input.bd_button_small[type=button]{
  height:20px;
  line-height:20px;
  padding-left:5px;
  padding-right:5px;
  max-height:20px;
  margin-bottom:3px;
  min-height:auto;
  line-height:auto;
}
input.bd_button_small{
  &:active[type=button]{
    padding-left:5px;
    padding-right:5px;
    max-height:20px;
    margin-bottom:1px;
  }
}
.bd_dialog_wrapper{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.4);
  z-index:32000;
}
.bd_dialog_window.maximized{
  background:hsla(0,0%,39.2%,.7);
  >h1{
    &:first-child{
      color:var(--color_26);
    }
  }
}
.bd_dialog_window.fullscreen-dialog{
  top:0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  max-width:100%;
  max-height:100%;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  overflow:auto;
}
.custom-file-input{
  &::-webkit-file-upload-button{
    color:var(--color_37);
    visibility:hidden;
  }
  &:before{
    content:"Upload";
    display:inline-block;
    background:-webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border:1px solid #999;
    border-radius:3px;
    padding:5px 8px;
    outline:none;
    white-space:nowrap;
    -webkit-user-select:none;
    cursor:pointer;
    text-shadow:1px 1px #fff;
    font-weight:700;
    font-size:10pt;
  }
  &:hover{
    &:before{
      border-color:var(--border-color_5);
    }
  }
  &:active{
    &:before{
      background:-webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
    }
  }
}
.bd_dialog_window.bd_dialog_small{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top:10%;
  width:100%;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  width:80%;
  max-width:600px;
  height:500px;
  max-height:500px;
  padding:20px;
  overflow:auto;
  background:#fff;
  border:1px solid #000;
  -webkit-box-shadow:10px 10px 63px 0 rgba(0,0,0,.75);
  -moz-box-shadow:10px 10px 63px 0 rgba(0,0,0,.75);
  box-shadow:10px 10px 63px 0 rgba(0,0,0,.75);
}
.bd_struct_form_cell{
  cursor:pointer;
  background-color:var(--background-color_10);
  background-image:url(../images/folder_open.png);
  background-repeat:no-repeat;
  background-position:0;
  white-space:nowrap;
}
.bd_struct_form_cell.collapsed{
  background-color:var(--background-color_11);
  background-image:url(../images/folder_open.png);
}
.bd_array_list_wrapper{
  position:relative;
  height:auto;
  background:#ddd;
  width:100%;
  background-image:none;
  background-repeat:no-repeat;
  background-position:center 50px;
  background-size:50px 50px;
  border:1px solid #333;
  border-radius:0;
  box-sizing:border-box;
}
.bd_array_list_wrapper.loading{
  background-image:url(../images/loading.gif);
}
ul.bd_array_list.hover{
  border:1px solid #0a0;
}


.bdh-input-hidden{
  overflow:hidden;
}
.list-target.bdh-hover-disabled{
  >*{
    .bdh-hover,.bdh-hover-abs{
      display:block;
    }
  }
}
ul.bd_array_list.bdh-hover-disabled{
  >li{
    .bdh-hover{
      display:block;
    }
  }
}
ul.bd_array_list.bd_array_list_source{
  >li.minimized{
    display:none;
  }
}
.bdh-frag-filters{
  padding-right:15px;
}
.bdh-frag-add-filter,.bdh-frag-filters,.bdh-frag-type-filter{
  flex:1;
  width:100%;
}
.bdh-fragment-drag{
  cursor:grab;
  opacity:.3;
  position:relative;
  display:inline-block;
  margin:5px auto;
}
.bdh-fragment-render{
  line-height:18px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  flex:1;
  width:100%;
}
.bdh-frag-status{
  flex:1;
  width:100%;
  .frag-hl{
    font-size:20px; 
    font-family:courier; 
    color:cyan;
  }
}
.bdh-id-sort{
  .bd_xml_list_item.fragment-selected{
    .bdh-button.bdh-icon.bdh-fragment-drag{
      display:none;
    }
  }
  .bdh-fragment-drag{
    display:none;
  }
}
.file-controls{
  margin-bottom:5px;
}
.preview_small{
  background:#fff;
  background-color:var(--background-color_13);
  border:2px solid #000;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
  transform:translateZ(0);
  margin:0 5px 0 0;
  width:50px;
  height:50px;
  display:inline-block;
}
.bdh-input-key_value_files{
  .preview_small{
    position:absolute;
    left:0;
    top:0;
    width:calc(100% - 3px);
    height:100%;
    border-right:3px solid #666;
    margin:0;
  }
}
#bd_structform.bd_show_render{
  #dynamic_render_structure{
    width:47%;
    float:left;
    margin-right:20px;
    display:block;
  }
}
#bd_structform.bd_hide_xml.bd_show_render{
  #dynamic_xml_structure{
    width:47%;
    float:left;
    margin-right:20px;
  }
}
#bd_structform.bd_hide_xml{
  #dynamic_xml_structure{
    width:100%;
    float:left;
    margin-right:0;
  }
  #bd_xml_wrapper{
    display:none;
  }
}
.dl-buttons{
  position:relative;
  padding:7px 15px;
}
button.button{
  float:left;
  margin-right:15px;
  padding:2px 15px;
  min-height:auto;
  line-height:16px;
  overflow:auto;
  margin-top:0;
  overflow-y:hidden;
}
button.button.btn-right{
  float:right;
  margin-right:0;
  margin-left:5px;
}
button.button.btn-small{
  padding:2px 3px;
  min-height:auto;
  line-height:12px;
}
#dynamic_render_structure{
  display:none;
}
.bd_list_number{
  text-align:center;
  background:#eee;
  margin-right:3px;
  display:inline-block;
  font-family:var(--font-family_1);
  width:45px;
  font-size:11px;
  color:var(--color_17);
  text-shadow:1px 1px 1px #fff;
  border:1px solid rgba(0,0,0,.3);
  border-radius:3px;
}
.flag{
  width:16px;
  height:11px;
  background:url(../images/flags.png) no-repeat;
}
.x_shared{
  display:inline-block;
  width:25px;
  height:25px;
  background:url(../images/shared.png);
  background-position:50%;
  background-size:cover;
  float:right;
  position:relative;
}
.xml_item_attribute_holder{
  position:absolute;
  right:50px;
  top:0;
  width:70px;
  height:100%;
  border:0 solid red;
  overflow:hidden;
  padding:0;
  box-sizing:border-box;
  .xml_item_attribute{
    padding-right:2px;
  }
}
.xml_item_attribute{
  opacity:1;
}
.xml_item_attribute.disabled{
  opacity:.2;
}
.xml_item_attribute.disabled.bd_hp_note{
  &:before{
    opacity:.2;
    color:var(--color_26);
  }
}
.xml_item_attribute.disabled.bd_hp_linked{
  &:before{
    opacity:.2;
    color:var(--color_26);
  }
}
.xml_item_attribute.disabled.bd_shared_item{
  &:before{
    opacity:.2;
    color:var(--color_26);
  }
}
.xml_item_attribute.disabled.bd_hp_hot{
  &:before{
    opacity:.2;
    color:var(--color_26);
  }
}
.bd_hp_note{
  display:inline-block;
  margin-top:5px;
  position:absolute;
  right:54px;
  top:0;
  &:before{
    content:"\f27a";
    color:var(--color_38);
  }
}
.bd_master_item{
  display:inline-block;
  margin-top:5px;
  position:absolute;
  right:18px;
  top:0;
  &:before{
    font-family:var(--font-family_4);
    content:"\f126";
    color:var(--color_39);
  }
}
.bd_hp_hot{
  display:inline-block;
  margin-top:5px;
  position:absolute;
  right:36px;
  top:0;
  &:before{
    font-family:var(--font-family_4);
    content:"\f06d";
    color:var(--color_38);
  }
}
.bd_hp_linked{
  display:inline-block;
  margin-top:5px;
  position:absolute;
  right:18px;
  top:0;
  &:before{
    content:"\f0c1";
    color:var(--color_40);
  }
}
.bd_shared_item{
  display:inline-block;
  margin-top:5px;
  position:absolute;
  right:0;
  top:0;
  &:before{
    content:"\f064";
    color:var(--color_41);
  }
}
.bd_locked_item{
  display:inline-block;
  margin-top:5px;
  position:absolute;
  right:54px;
  top:0;
  &:before{
    content:"\f023";
    color:var(--color_35);
  }
}
.bd_jqueryFileTree{
  >li{
    >table{
      width:100%;
      td{
        &:nth-child(1n){
          width:60%;
        }
        &:nth-child(2n){
          width:10%;
        }
        &:nth-child(3n){
          width:20%;
        }
        &:nth-child(4n){
          width:10%;
        }
      }
    }
  }
}
.js_file_table_header{
  position:relative;
  overflow:hidden;
  margin-right:0;
  background:#e2e2e2;
  background:-moz-linear-gradient(top, #e2e2e2 0, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
  background:-webkit-linear-gradient(top, #e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe);
  background:linear-gradient(180deg, #e2e2e2 0,#dbdbdb 50%,#d1d1d1 51%,#fefefe);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#e2e2e2", endColorstr="#fefefe",GradientType=0 );
  padding:4px;
  box-sizing:border-box;
  border:1px solid #a0a0a0;
  .bd_file_attributes{
    width:240px;
    position:absolute;
    right:0;
    top:0;
    height:100%;
    overflow:hidden;
    margin-right:20px;
    .bd_file_title{
      padding:4px;
      box-sizing:border-box;
      border-left:1px solid #a0a0a0;
      overflow:hidden;
      cursor:pointer;
    }
    .bd_file_size{
      width:75px;
      float:right;
    }
    .bd_file_ext{
      width:40px;
      float:right;
    }
    .bd_file_date{
      width:120px;
      float:right;
    }
  }
  .bd_file_title.selected{
    font-weight:700;
  }
  .bd_file_title{
    box-sizing:border-box;
    overflow:hidden;
    cursor:pointer;
  }
}
.bd_file_header{
  position:relative;
}
.jqueryFileTree{
  .bd_file_attributes{
    float:right;
    width:240px;
    position:absolute;
    right:0;
    top:0;
    height:100%;
    overflow:hidden;
    margin-right:0;
    .bd_file_size{
      float:right;
      width:75px;
    }
    .bd_file_ext{
      float:right;
      width:30px;
    }
    .bd_file_date{
      float:right;
      width:120px;
    }
  }
}
.bd_hidden{
  display:none;
}
.i-info{
  background:rgba(10,200,30,.3);
  padding:8px;
  flex:1;
}
.aspect-ratio,.bg-image{
  position:relative;
  overflow:hidden;
  display:block;
  width:100%;
  height:auto;
  background-position:50%;
  background-size:cover;
  background-repeat:no-repeat;
}
.bdh-grid.flex{
  .bdh-card{
    border:1px solid red;
  }
}
.bdh-grid{
  >.bdh-card{
    position:relative;
    padding-bottom:20px;
  }
  display:-ms-grid;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(-webkit-calc(200px - 2rem), 250px));
  grid-template-columns:repeat(auto-fit, minmax(-moz-calc(200px - 2rem), 250px));
  grid-template-columns:repeat(auto-fit, minmax(calc(200px - 2rem), 250px));
  grid-template-rows:repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows:1fr;
  grid-auto-flow:dense;
  grid-gap:2rem;
}
*{
  +{
    .bdh-grid{
      margin-top:40px;
    }
  }
}
.bdh-grid-nav{
  margin-bottom:30px;
  select{
    padding:10px;
    border-radius:0;
    margin:0 5px;
    font-family:var(--font-family_5);
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-name%3D%22Ebene%201%22%20viewBox%3D%220%200%2010%206%22%3E%3Cpath%20d%3D%22M10%200H0l5%206z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat:no-repeat;
    background-position:right 7px center;
    background-size:10px 6px;
    background-color:var(--background-color_22);
    min-width:230px;
  }
}
.bdh-click-toggle-wrapper{
  .bdh-toggle-show{
    display:none;
  }
  .bdh-toggle-hide{
    display:block;
  }
}
.bdh-click-toggle-wrapper.bdh-toggle-active{
  .bdh-toggle-show{
    display:block;
  }
  .bdh-toggle-hide{
    display:none;
  }
}
.grid-stack-item{
  border:1px solid grey;
}
.bdh-wrapper{
  .grid{
    display:grid;
    grid-template-columns:.2fr 1fr;
    grid-template-rows:1fr 4fr;
    grid-gap:3px;
    position:relative;
    max-width:100%;
    max-height:100%;
    min-height:800px;
  }
  .left{
    grid-row:1 / span 2;
  }
  .right_top{
    grid-column:2;
    grid-row:1;
  }
  .right_bottom{
    grid-column:2;
    grid-row:2;
  }
  .left_inner{
    background-color:var(--background-color_23);
    min-width:100%;
  }
  .left_inner,.right_top_inner{
    padding:0;
    width:100%;
    height:100%;
    text-align:center;
  }
  .right_top_inner{
    background-color:var(--background-color_24);
  }
  .right_bottom_inner{
    background-color:var(--background-color_25);
    padding:0;
    width:100%;
    min-width:100%;
    height:100%;
    min-height:100%;
    text-align:center;
  } 
}
.bdh-grid.no-min-height{
  grid-template-rows:repeat(auto-fit, minmax(0, 1fr));
}

.dom-flex,.dom-flex-col{

  &.gap2{
    gap:2px;
  }
  &.gap6{
    gap:6px;
  }
  &.gap12{
    gap:12px;
  }
  &.gap16{
    gap:16px;

  } 
}


.bdh-list-edit.drop-area{
  background-image:linear-gradient(45deg, #303030 25%, transparent 0), linear-gradient(-45deg, #303030 25%, transparent 0), linear-gradient(45deg, transparent 75%, #303030 0), linear-gradient(-45deg, transparent 75%, #303030 0);
  background-size:20px 20px;
  background-position:0 0, 0 10px, 10px -10px, -10px 0;
  box-sizing:border-box;
}

.bdh-form-header{
  display:block;
  margin-right:10px;
  overflow:auto;
}

.bdh-container-flag{
  display:inline-block;
  margin-right:10px;
  opacity:.5;
  cursor:pointer;
  transition:opacity .2s;
  padding-top:3px;
  &:hover{
    opacity:1;
  }
}
.bdh-container-flag.selected{
  opacity:1;
}

.bdh-grid.no-vertical-gap{
  row-gap:0;
}
.bdh-grid-12{
  grid-template-columns:repeat(auto-fit, minmax(calc(84.61538px - 1rem), 1fr));
}
.bdh-grid-12,.bdh-grid-6{
  grid-template-rows:repeat(auto-fit, minmax(150px, 1fr));
}
.bdh-grid-6{
  grid-template-columns:repeat(auto-fit, minmax(calc(157.14286px - 1rem), 1fr));
}
.bdh-grid-5{
  grid-template-columns:repeat(auto-fit, minmax(calc(183.33333px - 1rem), 1fr));
}
.bdh-grid-4,.bdh-grid-5{
  grid-template-rows:repeat(auto-fit, minmax(150px, 1fr));
}
.bdh-grid-4{
  grid-template-columns:repeat(auto-fit, minmax(calc(220px - 1rem), 1fr));
}
.bdh-grid-3{
  grid-template-columns:repeat(auto-fit, minmax(calc(275px - 1rem), .5fr));
}
.bdh-grid-2,.bdh-grid-3{
  grid-template-rows:repeat(auto-fit, minmax(150px, 1fr));
}
.bdh-grid-2{
  grid-template-columns:repeat(auto-fit, minmax(calc(366.66667px - 1rem), 1fr));
}
.bdh-grid-1{
  grid-template-columns:repeat(auto-fit, minmax(calc(1100px - 1rem), 1fr));
  grid-template-rows:repeat(auto-fit, minmax(150px, 1fr));
}

@media (min-width:1024px){
  .bdh-grid-12{
    grid-template-columns:repeat(12, minmax(calc(84.61538px - 1rem), calc(8.33333% - 1rem)));
  }
  .bdh-grid-12,.bdh-grid-6{
    grid-template-rows:repeat(auto-fit, minmax(150px, 1fr));
  }
  .bdh-grid-6{
    grid-template-columns:repeat(6, minmax(calc(157.14286px - 1rem), calc(16.66667% - 1rem)));
  }
  .bdh-grid-5{
    grid-template-columns:repeat(5, minmax(calc(183.33333px - 1rem), calc(20% - 1rem)));
  }
  .bdh-grid-4,.bdh-grid-5{
    grid-template-rows:repeat(auto-fit, minmax(150px, 1fr));
  }
  .bdh-grid-4{
    grid-template-columns:repeat(4, minmax(calc(220px - 1rem), calc(25% - 1rem)));
  }
  .bdh-grid-3{
    grid-template-columns:repeat(3, minmax(calc(275px - 1rem), calc(33.33333% - 1rem)));
  }
  .bdh-grid-2,.bdh-grid-3{
    grid-template-rows:repeat(auto-fit, minmax(150px, 1fr));
  }
  .bdh-grid-2{
    grid-template-columns:repeat(2, minmax(calc(366.66667px - 1rem), calc(50% - 1rem)));
  }
  .bdh-grid-1{
    grid-template-columns:repeat(1, minmax(calc(1100px - 1rem), calc(100% - 1rem)));
    grid-template-rows:repeat(auto-fit, minmax(150px, 1fr));
  }
}


@-webkit-keyframes rotating{
  0%{
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to{
    -webkit-transform:rotate(1turn);
    -o-transform:rotate(1turn);
    transform:rotate(1turn);
  }
}
@keyframes rotating{
  0%{
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to{
    -ms-transform:rotate(1turn);
    -moz-transform:rotate(1turn);
    -webkit-transform:rotate(1turn);
    -o-transform:rotate(1turn);
    transform:rotate(1turn);
  } 
}





@keyframes cd-bounce-1{
  0%{
    opacity:0;
    transform:scale(.5);
  }
  60%{
    opacity:1; 
    transform:scale(1.2);
  }
  to{
    transform:scale(1);
  }
}
@keyframes cd-enter-right{
  0%{
    opacity:0;
    transform:translateX(100%);
  }
  to{
    opacity:1;
    transform:translateX(0);
  }
}
@keyframes cd-enter-left{
  0%{
    opacity:0;
    transform:translateX(-100%);
  }
  to{
    opacity:1;
    transform:translateX(0);
  }
}

@-webkit-keyframes cm-spin{
  0%{
    -webkit-transform:translateY(-50%) rotate(0deg);
    transform:translateY(-50%) rotate(0deg);
  }
  to{
    -webkit-transform:translateY(-50%) rotate(359deg);
    transform:translateY(-50%) rotate(359deg);
  }
}
@-o-keyframes cm-spin{
  0%{
    -webkit-transform:translateY(-50%) rotate(0deg);
    -o-transform:translateY(-50%) rotate(0deg);
    transform:translateY(-50%) rotate(0deg);
  }
  to{
    -webkit-transform:translateY(-50%) rotate(359deg);
    -o-transform:translateY(-50%) rotate(359deg);
    transform:translateY(-50%) rotate(359deg);
  }
}
@keyframes cm-spin{
  0%{
    -webkit-transform:translateY(-50%) rotate(0deg);
    -o-transform:translateY(-50%) rotate(0deg);
    transform:translateY(-50%) rotate(0deg);
  }
  to{
    -webkit-transform:translateY(-50%) rotate(359deg);
    -o-transform:translateY(-50%) rotate(359deg);
    transform:translateY(-50%) rotate(359deg);
  }
}
@font-face{
  font-family:context-menu-icons;
  font-style:normal;
  font-weight:400;
  src:url(font/context-menu-icons.eot?36hmp);
  src:url(font/context-menu-icons.eot?36hmp#iefix) format("embedded-opentype"), url(font/context-menu-icons.woff2?36hmp) format("woff2"), url(font/context-menu-icons.woff?36hmp) format("woff"), url(font/context-menu-icons.ttf?36hmp) format("truetype");
}


.jstree-container-ul,.jstree-default-dark{
 background:#000;
}


#CheetahIDE{
  position:fixed;
  left:0;
  top:0;
  z-index:9999999;
  width:100%;
  height:100%;
  background:#000;
  color:var(--default);
  color-scheme:dark;
  
  *{
    color-scheme:dark;
  }
  
  
  .CodeMirror{
    border:0 solid #000;
    font-size:13px;
    height:100%;
  }
   .fa{
    font-family:Material Icons;
     font-size:20px;
     overflow:hidden;

  }
   .jstree-default-dark{
    background:#000;
  }
  .node-list-wrapper{
    .node-list{



      
      
      .node-info{
        span.material-icons{
          font-size:16px;
        }
        
        
        >.node-set,>div>.node-sub-vars{
        display:none;
        }
        
        &:hover{
          >.node-set{
            display:flex;
          }

          >div.node-sub-vars{
            display:block;
          }
          
          >div.vars-all{
            display:none;
          }
        }

      }


      .node-tagName{
        cursor:pointer;
      }
    }
  }
  
    .cheetah-info{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:25px;
    border-top:1px solid #666;
    >.info-segment{
      box-sizing:border-box;
      padding:2px;
      &:last-child{
        text-align:right;
      }
    }
  }
  .rotating{
    -webkit-animation:rotating 2s linear infinite;
    -moz-animation:rotating 2s linear infinite;
    -ms-animation:rotating 2s linear infinite;
    -o-animation:rotating 2s linear infinite;
    animation:rotating 2s linear infinite;
  }
  
  #cheetah-tree{
    flex:1;
    position:relative;
    background:#000;
    border:0 solid red;
    display:block;
    overflow:auto;
    overflow-x:hidden;
    
    >.tree-instance{
      position:relative;
      flex:1;
     
      width:100%;
      max-width:100%;
      height:calc(100% - 5px);
      
     
    }
  } 
  .fragment-search{ flex:1;
    margin-right:15px;
  }

  .list-wrapper{
    *{
      box-sizing:border-box;
    }
    .list-item{
      border-bottom:1px solid #666;
      padding:5px;
      background-color:#000;
      position:relative;
      height:30px;
      overflow:hidden;
      white-space:nowrap;
      transition:all .2s;
      border-left:0 solid transparent;
      
      &:hover{
        background:#444;

      }
    

      &.list-item.fragment-open{
        color:var(--color_green);
        background-color:#020;
        .frag-icons{
          opacity:1;
        }
        .fa-edit{
          display:none;
        }
        .fa-times{
          display:block;

        }
      }
     

      &.list-item.fragment-changed{
        text-decoration:none;
        background-color:#200;
        color:var(--color_red);

        .fa-eye{
          display:block;
          color:var(--info);
        }
      }

      &.list-item.fragment-active{
        text-decoration:none;
        color:var(--color_orange);
        background-color:#333;

        .fa-eye{
          display:block;
          color:var(--info);
        }
      }

      .frag-info-wrapper{
        top:5px;
        position:absolute;
        box-sizing:border-box;
        left:0;
        top:0;
        padding:5px 5px 5px 10px;
        height:19px;
        width:100%;
        height:100%;
        transition:all .2s;
        cursor:pointer;
        overflow:hidden;
        font-size:12px;
        display:flex;
        flex-direction:row;
       


        .frag-type{
          display:flex;
          flex-direction:row;
          gap:5px;
          margin-right:15px;
          min-width:75px;
        
          .icon{ font-family:Material Icons;
          }
          
          .id{ color:cyan;
            flex:1;
            text-align:right;
          }
          
        }
        
        .frag-node{
          opacity:.5;
          margin-right:5px;
          background:#111;
          padding:2px;
          border-radius:3px;
          border-color:rgba(0,0,0,.5);
          border-style:solid;
          border-width:1px;
          font-size:10px;
          line-height:12px;
        }
      }
      
      .list-selection{
        box-sizing:border-box;
        display:inline-block;
        position:absolute;
        left:0;
        top:0;
        transition:all .2s;
        height:100%;
        overflow:hidden;
        width:5px;
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=);
        >input{
          display:none;
          padding:0;
          margin:0;
          position:relative;
          top:2px;
        }
        &:hover{
          width:35px;
          padding:5px 5px 3px 11px;
          >input{
            display:block;
          }
        }
      }
      
      .node-type-wrapper{
        display:inline-block;
        >.frag-node.frag-node-alt{
          display:block;
        }
        >.frag-node{
          display:none;
        }
        &:hover{
          >.frag-node.frag-node-alt{
            display:none;
          }
          >.frag-node{
            display:block;
          }
        }
      }
      span.material-icons{
        font-size:16px;
      }
    }
   
  }

  #cheetah-list-view{
    position:relative;
  }
  .tab-instances{
    width:100%;
    height:30px;
    overflow:hidden;
    >.tab-options{
      poition:absolute;
      right:0;
      top:0;
      >.ed-opt-instance{
        display:inline-block;
        position:relative;
        float:right;
        >.opt{
          display:inline-block;
          float:right;
          border:1px solid #888;
          padding:5px;
          background:#666;
          -webkit-border-top-left-radius:3px;
          -webkit-border-top-right-radius:3px;
          -moz-border-radius-topleft:3px;
          -moz-border-radius-topright:3px;
          border-top-left-radius:3px;
          border-top-right-radius:3px;
          border-bottom:1px solid transparent;
          margin-left:1px;
          cursor:pointer;
          >span{
            display:inline-block;
            min-width:20px;
            text-align:center;
          }
        }
        >.opt.opt-exclamation{
          display:none;
        }
        >.opt.opt-selected{
          font-weight:700;
          background:#333;
        }
      }
    }
  }
  .ad-tab-wrapper{
    overflow:auto;
    width:100%;
    display:block;
    position:absolute;
    left:0;
    height:calc(100% - 25px);
    background:#333;
    min-width:250px;
    transition:width .2s;
    border-left:2px solid #000;
    >.tab-content{
      display:none;
      width:100%;
      height:auto;
      overflow:auto;
      padding:0;
      box-sizing:border-box;
    }
    >.tab-content.active{
      display:flex;
    }
  }
  .instance-view{
    background:transparent;
  }
  .ad-tabs{
    >.opt{
      display:inline-block;
      border-color:#888;
      border-style:solid;
      border-width:1px;
      padding:5px;
      background:#666;
      -webkit-border-top-left-radius:3px;
      -webkit-border-top-right-radius:3px;
      -moz-border-radius-topleft:3px;
      -moz-border-radius-topright:3px;
      border-top-left-radius:3px;
      border-top-right-radius:3px;
      border-bottom:1px solid transparent;
      margin-left:1px;
      cursor:pointer;
      float:right;
      
      &:hover{
        color:var(--hover);
      }
      >span{
        display:inline-block;
        min-width:20px;
        text-align:center;
      }
    }
    >.opt.opt-left{
      float:left;
    }
    >.opt.opt-exclamation{
      display:none;
    }
    >.opt.active{
      font-weight:700;
      background:#333;
    }
    position:relative;
    display:inline-block;
    left:0;
    top:0;
    width:auto;
    overflow:auto;
    height:30px;
    border:0 solid red;
  }
  #cheetah-editor-extensions{
    background:#000;
    padding:0;
  }
  #cheetah-editor{
    padding:0;
    background:#000;
    position:relative;
    .wrap-ed{
      position:relative;
      flex:1;
      overflow:hidden;
      transition:width .2s;
    }
    .editor-instance.options-active{
      >.wrap-ed{
        width:calc(100% - 250px);
      }
      >.wrap-opt{
        display:block;
        overflow:hidden;
        width:250px;
      }
    }
    .wrap-opt{
      display:block;
      position:relative;
      overflow:hidden;
      height:100%;
      transition:width .2s;
    }
    .editor-instance.view-code{
      .cheetah-editor.cheetah-editor-code{
        width:100%;
        left:0;
      }
      .cheetah-editor.cheetah-editor-html{
        width:0;
        left:auto;
        right:0;
        display:none;
        overflow:hidden;
      }
    }
    .editor-instance.view-html{
      .cheetah-editor.cheetah-editor-code{
        width:0;
        left:0;
        display:none;
        overflow:hidden;
      }
      .cheetah-editor.cheetah-editor-html{
        width:100%;
        left:auto;
        right:0;
      }
    }
    .cheetah-editor-code{
      width:50%;
      left:0;
      height:100%;
      position:absolute;
      .code-editor-toolbar{
        width:100%;
        height:30px;
        box-sizing:border-box;
        left:0;
        top:0;
        background:#222;
        position:absolute;
        padding:5px;
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -khtml-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        >span{
          margin-left:5px;
          cursor:pointer;
          font-size:14px;
          transition:color .2s;
          &:hover{
            color:var(--hover);
          }
        }
      }
      .code-editor-instance{
        width:100%;
        height:100%;
        position:relative;
      }
    }
    .cheetah-editor-html{
      width:50%;
      left:auto;
      right:0;
      height:100%;
      position:absolute;
    }
  }
  #cheetah-options{
    background:#000;
    padding:0;
    color:var(--link);
    height:30px;
    display:block;
  }
  .bdh-instance-options{
    .frag-option-instance{
      float:none;
      padding:0;
      display:block;
      height:auto;
      >.type-input{
        float:left;
        padding:2px;
        display:inline-block;
        height:auto;
      }
      >.buttons{
        float:right;
        padding:5px;
        display:flex;
        height:auto;
      }
      .ed-cancel,.ed-save,.ed-save-close,.ed-unlock{
        display:none;
      }
    }
    .frag-option-instance.fragment-changed{
      .ed-cancel,.ed-save,.ed-save-close{
        display:flex;
      }
      .ed-close{
        display:none;
      }
    }
    .frag-option-instance.fragment-locked{
      .ed-unlock{
        display:flex;
      }
    }
  }
  button.left{
    float:left;
  }
  .fragment-locked{
    .bdh-instance-options{
      .frag-option-instance{
        .ed-unlock{
          display:flex;
        }
      }
    }
  }
  button{
    margin-right:5px;
    float:left;
  }
  button.right{
    margin-right:0;
    margin-left:0;
    float:right;
  }
  .editor-wrapper{
    position:relative;
    left:0;
    top:0;
    width:100%;
    height:100%;
  }
  .editor-instances{
    width:100%;
    position:relative;
    flex:1;
    border-top:2px solid #1d2327;
    border-bottom:2px solid #1d2327;
    overflow:visible;
    >.editor-instance{
      flex:1;
    }
  }
  .plugin-instances{
    width:100%;
    position:relative;
    overflow:hidden;
    display:none;
    background:#000;
  }
  .plugin-launch-wrapper{
    overflow:auto;
    padding:5px;
    margin-bottom:5px;
    display:block;
  }
  #cheetah-editor.plugins-active{
    .editor-instances{
      display:flex;
    }
  }
  #cheetah-header{
    background:#000;
    padding:0;
    color:var(--default);
    min-height:40px;
    .header-content{
      padding:5px;
      display:inline-block;
      float:left;
      font-size:18px;
      font-weight:700;
      >.container-id{
        background:rgba(99,180,255,.3);
      }
      >.container-id,>.container-name{
        display:inline-block;
        padding:5px;
        border-radius:5px;
        margin-right:5px;
      }
      >.container-name{
        background:rgba(67,72,168,.3);
      }
      >.fragment-name{
        display:inline-block;
        padding:5px;
        background:rgba(224,169,83,.3);
        border-radius:5px;
        margin-right:5px;
      }
      .material-icons{
        font-size:16px;
      }
    }
    .header-options{
      display:inline-block;
      float:right;
      padding:5px;
    }
  }
  #cheetah-fragments{
    position:relative;
    background:#000;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
  }
  #cheetah-preview{
    .image-preview{
      position:relative;
      width:calc(50% - 10px);
      margin:5px;
      float:left;
      box-sizing:border-box;
      border:1px solid #fff;
      min-height:50%;
      padding:0;
      overflow:hidden;
      opacity:.8;
      transition:opacity .2s;
      &:hover{
        opacity:1;
        >.image-options{
          color:var(--default);
        }
      }
      >.image{
        position:absolute;
        width:100%;
        height:calc(100% - 25px);
        background-size:cover;
        background-position:50%;
        >span{
          position:relative;
          display:block;
          height:40%;
          top:30%;
          text-align:center;
          font-size:40px;
        }
      }
      >.image-options{
        position:absolute;
        width:100%;
        border-top:1px solid gray;
        left:0;
        bottom:0;
        box-sizing:border-box;
        padding:5px;
        background:#000;
        min-height:25px;
      }
    }
    .preview-wrapper.x-1{
      .image-preview{
        width:calc(100% - 10px);
        min-height:95%;
      }
    }
    .preview-wrapper.x-4{
      .image-preview{
        width:calc(25% - 10px);
        min-height:45%;
      }
    }
    .preview-wrapper.x-8{
      .image-preview{
        width:calc(12.5% - 10px);
        min-height:30%;
      }
    }
    .image-preview.selected{
      border:1px solid blue;
      opacity:1;
    }
    .list-header{
      >.list-options{
        width:110px;
      }
      >.list-search{
        width:calc(100% - 110px);
      }
    }
    
    
    
  }
  .plugin-wrapper{
    position:absolute;
    width:100%;
    height:calc(100% - 30px);
    overflow:auto;
    left:0;
    top:30px;
    background:#111;
    .cheetah-plugins{
      position:absolute;
      width:100%;
      height:100%;
      overflow:auto;
      left:0;
      top:0;
    }
  }
  .opt{
    position:relative;
    >.tab-icons{
      position:absolute;
      right:4px;
      top:4px;
      width:auto;
      background:#000;
      padding:1px 3px 1px 4px;
      border-radius:3px;
      .bdh-opt-lock,.bdh-opt-save,.bdh-opt-spinner{
        display:none;
      }
    }
  }

 


  .list-wrapper{
    top:25px;
    height:calc(100% - 25px);
    overflow:auto;
    overflow-x:hidden;
  }
  .list-wrapper,.list-wrapper.files-wrapper{
    position:absolute;
    left:0;
    top:30px;
    width:100%;
    height:calc(100% - 30px);
  }
  .files-preview{
    position:absolute;
    left:0;
    top:0;
    box-sizing:border-box;
    padding:5px;
  }
  .files-preview,.preview{
    height:100%;
    width:100%;
    background:#666;
  }
  .preview{
    position:relative;
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat;
  }
  .list-header{
    
    width:100%;
    height:25px;
    overflow:hidden;
    border-bottom:1px solid #666;
    display:flex;
    flex-direction:row;
    gap:5px;
    
    
    >.list-options{
     
      
      padding:3px 5px;
      margin:0;
      display:flex;
      flex-direction:row;
      gap:5px;
     
      text-align:right;
      >span{
        cursor:pointer;
        &:hover{
          color:var(--hover);
        }
      }
    }
   
    >.list-search{
      
      width:calc(100% - 60px);
     
      padding:0;
      margin:0;
      display:inline-block;
      >input{
        width:100%;
        height:100%;
        padding:5px;
        margin:0;
      }
    }
  }
  
  
  .tree-header{
    width:100%;
    height:auto;
    max-height:50%;
    border-bottom:1px solid #666;
    display:flex;
    flex-direction:column;
    gap:5px;
    min-height:32px;
    
    
    .tree-search-result{ 
      border-top:1px solid gray;
      max-height:100%;
      max-width:100%;
      overflow:auto;
      display:none;
      border-bottom:3px solid gray;
      
      .search-result{ padding:5px;
        display:flex;
        
        max-width:100%;
        cursor:pointer;
        transition:all .2s;
        .row{ display:flex; 
          flex-direction:row;
          gap:10px;
          flex:1;

        }
        &:hover{
          background:#022e2f;
        }
        
        .path{
          display:inline-block;
          .path-part{
            color:green;
          }
          .node-sep,.path-part{
            display:inline-block;
          }
          .node-sep{
            color:#fff;
          }

        }
       
        >div{
          max-width:100%;
          overflow:hidden;
        }
        .count{
          color:cyan;
        }
        .node{
          display:inline-block;
        }
        
        .index,.sub-info{
          color:grey
        }
        
         &.selected{
           background:#043e4f;
           .sub-info{
             color:#fff;
           }
        }
      
        
      }
    }


    .tree-options{
      width:60px;
      height:100%;
      padding:3px 5px;
      margin:0;
      display:flex;
      flex-direction:row;
      gap:5px;
     
      
      text-align:right;
      >span{
        cursor:pointer;
        &:hover{
          color:var(--hover);
        }
      }
    }
    .tree-search{
      
      
      height:100%;
      padding:0;
      margin:0;
      display:inline-block;
      flex:1;
      >input{
        background:#000;
        color:#fff;
        width:100%;
        height:100%;
        padding:5px;
        margin:0;
      }
    }
   
  }

  .node-preview{ color:var(--default);
    flex:1;
    text-align:right;
    overflow:hidden;
    text-overflow:ellipsis;
    
  }
  .changed{
    
    .node-preview{ color:var(--color_orange);
      
      text-overflow:ellipsis;

    }
  }
  .image-preview{
    .file-icons{
      position:absolute;
      right:5px;
      top:5px;
      overflow:auto;
      background:#000;
      border-radius:3px;
      padding:3px;
      width:auto;
      transition:opacity .2s;
      opacity:.8;
      >span{
        right:5px;
        top:5px;
        display:inline-block;
        overflow:auto;
        min-width:20px;
        text-align:center;
        float:right;
        transition:opacity .2s;
        opacity:.6;
        &:hover{
          color:var(--hover);
          float:right;
          opacity:1;
        }
      }
    }
    &:hover{
      .file-icons{
        opacity:1;
      }
    }
  }
  .container-fragment{
    .bdh-opt-lock{
      display:none;
    }
  }
  .editor-instance.view-code{
    >.cheetah-node-info{
      position:absolute;
      left:0;
      top:0;
      width:100%;
      height:100%;
      display:none;
      display:flex;
      align-items:center;
      text-align:center;
      font-size:20px;
      background:#000;
      color:var(--info);
      >div{
        width:100%;
      }
    }
  }
  .no-fragment{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:none;
    display:flex;
    align-items:center;
    text-align:center;
    font-size:20px;
    background:#000;
    color:var(--info);
    >div{
      width:100%;
    }
  }
}
#CheetahIDE.advanced-view{
  .tab-instances{
    width:100%;
  }
}
body.wp-admin{
  >ul.vakata-context{
    margin-top:-45px;
    >ul{
      margin-top:-45px;
    }
  }
}
.BDTabs{
  .ad-tabs{
    overflow:auto;
    width:auto;
    background:#000;
    min-width:auto;
    max-height:30px;
    color:var(--default);
    >.opt{
      float:left;
    }
  }
  .ad-tabs.tabs-left,.ad-tabs.tabs-right{
    display:inline-block;
    float:left;
    overflow:hidden;
    height:auto;
    max-height:30px;
  }
  .ad-tabs.tabs-right{
    float:right;
  }
}
.BDTabs.ad-tabs-content{
  overflow:auto;
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  >.tab-content{
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
  }
  >.tab-content.active{
    display:block;
  }
}
.editor-closing-progress{
  width:100%;
  display:block;
}
.list-wrapper{
 
 
  
  
  .list-item{

    &:hover{
      .frag-icons{
        opacity:1;
      }
    }

  

    .frag-icons{
      color:var(--inactive);
      >span{
        right:5px;
        top:5px;
        display:inline-block;
        overflow:auto;
        min-width:20px;
        text-align:center;
        float:right;
        &:hover{
          color:var(--hover);
          float:right;
        }
      }
      position:absolute;
      right:5px;
      top:5px;
      overflow:auto;
      background:#000;
      border-radius:3px;
      padding:3px;
      width:auto;
      transition:opacity .2s;
      opacity:.4;
    }
    .bdh-opt-lock,.fa-edit{
      display:block;
      
    }
    .bdh-opt-save,.fa-eye,.fa-times{
      display:none;
    }
  }
 
}
.auto-stretch-bottom{
  position:absolute;
  left:0;
  bottom:0;
  with:100%;
  height:auto;
}
.BDTabs.tab-wrapper{
  position:relative;
  overflow:auto;
  box-sizing:content-box;
  width:100%;
  height:auto;
  >.tab-header{
    position:relative;
    background:#000;
    font-size:12px;
    line-height:16px;
    padding:2px;
    border-top:1px solid #000;
    box-sizing:content-box;
  }
  >.tab-content{
    position:relative;
    border-bottom:1px solid #000;
    background:#222;
    padding:2px 2px 15px;
    box-sizing:content-box;
    >.content-input{
      >.input-wrapper{
        position:relative;
        height:auto;
        width:100%;
        overflow:auto;
        .list-wrapper{
          border-color:#000;
          border-style:solid;
          border-width:1px;
          background:#000;
        }
        >div.inner{
          position:absolute;
          height:calc(100% - 10px);
          width:calc(100% - 10px);
          box-sizing:content-box;
          overflow:auto;
          margin:5px;
          >input,>select{
            margin:0;
          }
        }
      }
    }
  }
}
.BDTabs.tab-wrapper.full-height{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  >.tab-content{
    position:absolute;
    width:calc(100% - 8px);
    height:calc(100% - 153px);
    box-sizing:content-box;
    >.content-input{
      position:absolute;
      height:100%;
      width:100%;
      box-sizing:content-box;
      >.input-wrapper{
        position:absolute;
        height:100%;
        width:100%;
        box-sizing:content-box;
      }
    }
  }
}
#H5XMLNodeEditor{
  .resize,.resizeable{
    position:absolute;
    left:0;
    right:0;
    outline:2px solid #333;
    margin:0;
    overflow:hidden;
    width:100%;
    height:100%;
    box-sizing:border-box;
  }
  input[type=text]{
    line-height:normal;
    min-height:24px;
  }
}
.resize{
  .ui-resizable-handle{
    display:none;
    background:blue;
  }
  &:hover{
    >.ui-resizable-handle{
      display:block;
    }
  }
}
body.cheetah-active{
  height:100vh;
  overflow-y:hidden;
}
i.jstree-icon.inner{
  background-size:80% auto;
  background-position:50%;
  background-image:none;
  width:26px;
  height:26px;
  box-sizing:border-box;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  line-height:1;
  font-size:18px;
  margin-top:0;
  font-family:var(--font-icons);
  &:before{
    content:"category";
    color:var(--info);
  }
}
ul.vakata-context{
  
  z-index:999999999 !important;
  
  li{ 
    max-width:200px;
    >a{
      
      display:flex;
      padding:0;
      gap:5px;
      text-overflow:ellipsis;
     overflow:hidden;
      
      >i.material-icons{
        line-height:30px;
        font-size:20px;
        width:30px;
        height:30px;
        border:0 solid red;
        margin:0;
        padding:0;
      }

    }
  }

}
.bdh-file-item{
  border-bottom:1px solid gray;
  transition:all .2s;
  &:hover{
    background:#333;
  }
  .file-preview{
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat;
    background-color:var(--background-default);
  }
  .file-description{
    padding:5px;
    word-break:break-all;
  }
}
.bdh-ide-wrapper{
  position:fixed;
  width:100%;
  height:100%;
  overflow:hidden;
  left:0;
  top:0;
  z-index:100000;
}
.bdh-ide-content{
  flex:1;
  position:relative;
}
.bdh-ide-buttons{
  flex:0.01;
  min-height:50px;
  position:relative;
}
.mce-menu{
  position:fixed;
}
td.bdh-debug-line{
  cursor:pointer;
  padding:0;
}


#bhpn_tab_debug{
  tbody{
    >tr.meta-entry{
      margin-bottom:3px;
      word-wrap:break-word;
       
      &:hover{
        background:#000;
      }
      &:hover.selected{
        background:#333;
      }
    }
    >tr.meta-entry.selected{
      background:#333;
    }
  }
}
.error_table{
  >tbody{
    >tr{
      cursor:pointer;
      &:hover{
        background:#000;
      }
    }
  }
}

i.jstree-icon.inner.file{
  &:before{
    content:"description";
    color:var(--color_green);
  }
}
i.jstree-icon.inner.image{
  &:before{
    content:"image";
    color:var(--color_green);
  }
}
i.jstree-icon.inner.video{
  &:before{
    content:"movie";
    color:var(--color_green);
  }
}
i.jstree-icon.inner.movie{
  &:before{
    content:"movie";
    color:var(--color_green);
  }
}
i.jstree-icon.inner.reference{
  &:before{
    content:"link";
    color:var(--color_green);
  }
}
i.jstree-icon.inner.db_map{
  &:before{
    font-size:14px;
    content:"commit";
    color:var(--color_beige);
    font-family:var(--font-icons);
    font-size:18px;
  }
  color:var(--color_brown);
  background:none;
  font-family:var(--font-default);
  font-size:14px
}
i.jstree-icon.inner.bp_map{
  color:var(--color_brown);
  &:before{
    font-size:14px;
    content:"commit";
    
  }
  color:var(--color_darkgreen);
  background:none;
}
i.jstree-icon.inner.css_color{
  color:var(--color_green);
  &:before{
    content:"palette";
    
  }
}
i.jstree-icon.inner.euro{
  color:var(--color_green);
  &:before{
    content:"euro";
    
  }
}
i.jstree-icon.inner.sql{
  color:var(--color_green);
  &:before{
    content:"database";
    
  }
}
i.jstree-icon.inner.translation{
   color:var(--color_yellow);
  &:before{
    content:"translate";
   
  }
}
i.jstree-icon.inner.table_reference{
   color:var(--default);
  &:before{
    content:"link";
   
  }
}
i.jstree-icon.inner.table_deep_reference{
   color:var(--color_green);
  &:before{
    content:"link";
   
  }
}
i.jstree-icon.inner.external_reference{
   color:var(--color_green);
  &:before{
    content:"link";
   
  }
}
i.jstree-icon.inner.external_deep_reference{
  color:var(--color_green);
  &:before{
    content:"link";
    
  }
}
i.jstree-icon.inner.textarea{
  color:var(--color_green);
  &:before{
    content:"edit_note";
    
  }
}
i.jstree-icon.inner.text{
  color:var(--color_red);
  &:before{
    content:"edit";
    
  }
}
i.jstree-icon.inner.structure{
   color:var(--color_green);
  &:before{
    content:"account_tree";
   
  }
}
i.jstree-icon.inner.id{
   color:var(--color_green);
  &:before{
    content:"verified";
   
  }
}
i.jstree-icon.inner.autoname{
  &:before{
    font-size:14px;
    content:"precision_manufacturing";
   
  }
  color:var(--color_beige);
  background:none;
}
i.jstree-icon.inner.serverside{
  color:var(--default);
  &:before{
    font-size:14px;
    content:"dns";
    
  }
}
i.jstree-icon.inner.subname{
  color:var(--color_yellow);
  &:before{
    font-size:14px;
    content:"visibility";
    
  }
  color:var(--color_brown);
  background:none;
}
i.jstree-icon.inner.bool{
  color:var(--color_green);
  &:before{
    content:"check_box";
    
  }
}
i.jstree-icon.inner.javascript{
  color:var(--color_brown);
  &:before{
    content:"javascript";
    
  }
}
i.jstree-icon.inner.html{
  color:var(--color_lightred);
  &:before{
    content:"html";
    
  }
}
i.jstree-icon.inner.php{
  color:var(--color_darkred);
  &:before{
    content:"php";
    
  }
}
i.jstree-icon.inner.css{
   color:var(--color_lightred);
  &:before{
    content:"css";
   
  }
}
i.jstree-icon.inner.folder.f-logic{
   color:var(--color_cyan);
  &:before{
    content:"memory";
   
  } 
}
#H5XMLNodeEditor.node-dark-mode{
  i.jstree-icon.inner{
    &:before{
      color:var(--color_blue);
    }
  }
  i.jstree-icon.inner.translate{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.storage{
    &:before{
      color:var(--color_orange);
    }
  }
  i.jstree-icon.inner.folder{
    &:before{
      color:var(--color_purple);
    }
  }
  i.jstree-icon.inner.file{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.image{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.video{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.movie{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.reference{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.db_map{
    &:before{
      color:var(--color_beige);
    }
  }
  i.jstree-icon.inner.bp_map{
    &:before{
      color:var(--color_brown);
    }
  }
  i.jstree-icon.inner.css_color{
    &:before{
      content:"palette";
      color:var(--default);
    }
  }
  i.jstree-icon.inner.euro{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.sql{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.translation{
    &:before{
      color:var(--color_yellow);
    }
  }
  i.jstree-icon.inner.table_reference{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.table_deep_reference{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.external_reference{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.external_deep_reference{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.textarea{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.text{
    &:before{
      color:var(--color_red);
    }
  }
  i.jstree-icon.inner.structure{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.id{
    &:before{
      color:var(--default);
    }
  }
  i.jstree-icon.inner.autoname{
    &:before{
      font-size:14px;
      color:var(--color_beige);
    }
  }
  i.jstree-icon.inner.serverside{
    &:before{
      font-size:14px;
  
    }
  }
  i.jstree-icon.inner.subname{
    &:before{
      font-size:14px;

    }
  }
  background:#222;
  color:var(--default);
  h1,h2{
    color:var(--default);
  }
  #bdhpn_xml_flags{
    >img{
      background-color:var(--background-default);
    }
  }
  #bdhpn_xml_lang_sel{
    >img{
      background-color:var(--background-default);
    }
  }
  #bdhpn_media_search,#bdhpn_templatev2_search,#bdhpn_xml_block_search{
    background:#333;
    color:var(--default);
  }
  .bdhpn_xml_entry{
    background:#000;
    &:hover{
      background:#222;
      .x_title{
        white-space:nowrap;
        font-weight:400;
        color:var(--default);
      }
    }
    .x_title{
      white-space:nowrap;
      font-weight:400;
      color:var(--default);
    }
  }
  .bdhpn_xml_entry.selected{
    .x_title{
      white-space:nowrap;
      background:#333;
      font-weight:700;
      color:var(--default);
    }
    &:hover{
      .x_title{
        white-space:nowrap;
        background:#333;
        font-weight:700;
        color:var(--default);
      }
    }
  }
  .x_id{
    color:var(--default);
  }
  .jstree-default-dark{
    background:transparent;
  }
  #bdhpXML_tree{
    background:#222;
    color:var(--default);
  }
  #bdhpXML_tree,.bdhpn_xml_block_wrapper{
    scrollbar-color:dark;
  }
  a.jstree-anchor{
    max-width:calc(100% - 25px);
    overflow:hidden;
    *{ text-overflow:ellipsis;
    
    }
    b{
      color:var(--default);
    }
  }
  .ui-layout-pane.inner-north{
    background:rgba(0,200,0,.2);
  }
  .ui-layout-pane.inner-north.readonly{
    background:rgba(200,0,0,.2);
  }
  .treeitem{
    a{
      color:var(--default);
    }
  }
  .ui-layout-south{
    .bdhpn_south_buttons,.bdhpn_south_status{
      background:transparent;
    }
  }
  .CodeMirror,.ui-layout-pane{
    border-color:var(--border-default);
    outline-color:var(--outline-default);
  }
  .ui-layout-pane{
    background:transparent;
    color:var(--default);
  }
  .ui-layout-resizer{
    background:#000;
    border-color:var(--border-default);
    outline-color:var(--outline-default);
    color:var(--default);
    &:hover{
      background:#666;
    }
  }

}

a.jstree-anchor{
  width:calc(100% - 24px);
  padding:0;
  
  div.tree-node{
    display:flex;
    gap:5px;
    margin:0 5px 0 0;
    .icon{
      font-family:Material Icons;
    }
    
    .t-opacity{ opacity:1;
      transition:all .2s;
      &.t-node-empty{
        opacity:.2;
      }
    }
    
    .n-options{
      display:none;
      padding:0 5px 0 0;
       flex-direction:row;
        gap:5px;
      
    }

    &:hover{
      .t-opacity{ &.t-node-empty{
        opacity:1;
        }
      }

      .n-options{
        display:flex;



      }
    }

    a.n-name{
      color:#dadada;
      transition:all .25s;
      
      &:hover{
        color:#fff;
      }

    }

    
    .auto-icon{
      font-family:Material Icons;
      &:before{
        content:"category";

      }
  
    }
    .material-icons{
      font-size:16px;
      line-height:20px;
    }
    
    &.folder{

      a.n-name{
        color:#2271b1;
        transition:all .25s;

        &:hover{
          color:#2271b1;
        }

      }

      .auto-icon{
        &:before{
          content:"folder";

        }
      }
    }

    &.s-comment{
      
      .auto-icon{
        &:before{
          color:cyan;
          content:"chat";

        }
      }
      
      a.n-name{
        color:cyan;
        transition:all .25s;
        opacity:.6;
        &:hover{
          color:cyan;
           opacity:1;
        }

      }

      
    }
    
    &.f-logic{
      .auto-icon{
        &:before{
          color:cyan;
          content:"memory";

        }
      }
      
      a.n-name{
        color:#ff0;
        transition:all .25s;
        opacity:.6;
        &:hover{
          color:#ff0;
           opacity:1;
        }

      }

      
    }
    
    &.s-param{

      a.n-name{
        color:pink;
        transition:all .25s;
        opacity:.6;
        &:hover{
          color:#2271b1;
          opacity:1;
        }

      }
    }
  
    
    .n-info{
       position:absolute;
      width:100%; 
      height:100%;
      
      flex:1;
      font-size:12px;
      align-items:center;
      padding-left:5px;
      padding-bottom:2;
      padding-right:5px;
      padding-top:2;
      opacity:.6;
      color:#9e8b20; display:block;
      text-overflow:ellipsis;
      transition:all .25s;
      color:#ebd638;
      overflow:hidden;


      &:hover{
        opacity:1;
       color:#ebd638;
        
      }

    }
    .n-preview{
      position:absolute;
      width:100%; 
      height:100%;
      overflow:hidden;
      border-radius:3px;
      flex:1;
      font-size:12px;
      align-items:center;
      color:#214dbf;
      padding-left:5px;
      padding-bottom:2;
      padding-right:5px;
      padding-top:2;
      opacity:.6;

      text-align:right;
      text-overflow:ellipsis;
      transition:all .25s;
      color:#3cd68e;
      >.node-update{
        float:right;
        padding:0;
        margin:0;
        display:flex;
        flex-direction:row;
        position:relative;
        
        >span.material-icons{
          font-size:16px;
          color:orange;
          padding-right:5px;
          border-right:4px solid #fff;
          margin-right:5px;
        }
        >div{
        font-weight:700;
          color:red;
         word-break:keep-all;
           text-overflow:ellipsis;
        }
        
        
      }
      &:hover{
        opacity:1;
       color:#3cd68e;
        
      }

    }
    
   
    

    .options{
      gap:5px;
      display:flex;

    }

  }

  


}





ul.jstree-contextmenu{
  li{
    >a{
      >i.fab,>i.fas{
        position:absolute;
        left:28px;
      }
    }
  }
}

i.jstree-icon.inner.translate{
  color:var(--color_blue);
  &:before{
    content:"translate";
    
  }
}
i.jstree-icon.inner.storage{
  color:var(--color_orange);
  &:before{
    content:"storage";
    
  }
}
i.jstree-icon.inner.folder{
  color:var(--color_purple);
  &:before{
    content:"folder";

  }
 
}



li[aria-expanded=true]{
  >a{
    >i.jstree-icon.inner.folder{
      &:before{
        font-family:var(--font-icons);
        content:"folder_open";
        color:var(--color_pink);
      }
    }
    >i.jstree-icon.inner.folder.f-logic{
      &:before{
        content:"memory";
        color:var(--color_cyan);
      }
    }
  }
}



li.node_serverside{
  opacity:.8;
  transition:opacity .25s;
  &:hover{
    opacity:.9;
  }
}
.d3-context-menu{
  position:absolute;
  display:none;
  background-color:var(--background-default);
  border-radius:4px;
  font-family:var(--font-code);
  font-size:14px;
  min-width:150px;
  border:1px solid #d4d4d4;
  z-index:1200;
  ul{
    list-style-type:none;
    margin:4px 0;
    padding:0;
    cursor:default;
    li{
      padding:4px 16px;
      &:hover{
        background-color:var(--background-default);
        color:var(--color_lightblue);
      }
    }
  }
}
.content_summary{
  font-weight:400;
  font-style:none;
  opacity:.8;
  color:var(--color_blue);
  margin-left:40px;
  float:right;
  color:var(--color_darkblue);
  padding:0 5px;
  display:block;
  transition:opacity .25s;
}
.jstree-open{
  >a{
    >i.content_summary{
      opacity:.2;
    }
  }
  &:hover{
    >a{
      >i.content_summary{
        opacity:1;
      }
    }
  }
}

#bhpn_tab_99{
  position:absolute;
  width:100%;
  height:calc(100% - 40px);
  overflow:auto;
  background:transparent;
  padding:5px;
  box-sizing:border-box;
}



.bd_hp_translation_table{
  tr{
    td{
      border:1px solid #666;
    }
    th{
      text-align:left;
      background:#cee7ff;
      vertical-align:top;
    }
  }
  tr.selected{
    td{
      background:#d5f1b6;
      font-weight:700;
    }
  }
}
#bdhpn_xml_nav{
  .nav_button{
    float:left;
    margin-right:5px;
    width:25px;
    height:25px;
    background-image:url(../assets/arrow-left.svg);
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:top;
    opacity:.5;
    cursor:default;
    display:none;
  }
  .nav_button.active{
    opacity:1;
    cursor:pointer;
  }
  .nav_button.next{
    background-image:url(../assets/arrow-right.svg);
  }
}
.treeitem{
  overflow:hidden;
}
.inner-south.ui-layout-pane{
  background:url(../assets/hex_bg.png);
  background-size:150px 150px;
}
#wpadminbar{
  ul{
    li.node_connect.disconnected{
      background-image:url(../assets/warning_bg.png);
      background-size:40px 40px;
    }
  }
}
.CodeMirror{
  border:1px solid #eee;
  height:100%;
  width:100%;
  -webkit-font-smoothing:subpixel-antialiased;
}
.bdhpn_edit_view{
  border-bottom:1px solid #666;
  padding:20px 15px;
  background:#fafafa;
  border-left:5px solid #adadad;
  border-right:5px solid transparent;
  opacity:.7;
  overflow:auto;
  .bdhpn_ta,.bdhpn_text{
    width:100%;
  }
  .bdhpn_ta{
    font-family:var(--font-default);
    height:200px;
  }
}
.bdhpn_inner_tab_content.hidden{
  display:none !important;
}
.notifier_overlay{
  display:none;
  position:absolute;
  opacity:.8;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#50a048;
  box-sizing:border-box;
  padding:5px;
  text-align:center;
  font-weight:700;
  color:var(--default);
}
#bdhpn_media_pool{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
  grid-template-rows:repeat(auto-fit, minmax(200px, 1fr));
  gap:5px;
  grid-auto-flow:dense;
  .selector{
    display:block;
    position:relative;
    min-height:200px;
    margin:0;
    background:#666;
    color:var(--default);
    overflow:hidden;
    border:5px solid transparent;
    >div{
      background-size:auto 80%;
      background-position:50%;
      background-repeat:no-repeat;
      width:100%;
      height:60%;
      margin-bottom:3px;
      background-color:var(--background-default);
      opacity:.7;
      position:relative;
    }
  }
  .selector_x{
    &:before{
      content:"";
      display:block;
      height:0;
      width:0;
      padding-bottom:56.25%;
    }
  }
  .selector.selected{
    border:5px solid #5af;
    >div{
      opacity:1;
    }
  }
  .selector.hidden{
    display:none;
  }
  .selector.sel_video{
    >div{
      background-image:url(../assets/video.svg);
    }
  }
  .selector.sel_file{
    >div{
      background-image:url(../assets/document.svg);
    }
  }
}
.bdhpn_itemlist{
  .selector.selected.hidden{
    border:5px solid #5af;
    display:block;
  }
  .selector{
    height:auto;
    background:#f1f1f1;
    padding:5px;
    border:5px solid transparent;
  }
  .selector.hidden{
    display:none;
  }
  .selector.selected{
    border:5px solid #5af;
    display:block;
  }
}
.type_javascript{
  .hide_on_code.button-primary{
    display:none;
  }
}
.type_css{
  .hide_on_code.button-primary{
    display:none;
  }
}
.button-primary{
  span.material-icons{
    font-size:15px;
  }
}
#bdhpn_templatesv2{
  .selector{
    overflow:auto;
    border:0;
    h2{
      cursor:pointer;
      background-image:url(../assets/cross.svg);
      background-repeat:no-repeat;
      background-size:20px 20px;
      background-position:calc(100% - 20px) 13px;
      margin:0;
      padding:15px;
      span.description{
        font-weight:400;
        font-size:14px;
        padding-right:40px;
        color:var(--default);
        float:right;
      }
    }
    .t_variant_wrapper{
      overflow:auto;
    }
    div.t_variant_wrap{
      float:left;
      width:20%;
      padding:0 10px 10px 0;
      overflow:auto;
      div.t_variant{
        padding:10px;
        height:210px;
        overflow:hidden;
        position:relative;
        background:#aaa;
        border-left:5px solid transparent;
        .t_thumbnail{
          background-size:contain;
          background-repeat:no-repeat;
          background-position:50%;
          background-color:var(--background-default);
          border-color:#666;
          border-style:solid;
          border-width:1px;
          width:100%;
          height:140px;
        }
      }
      .t_variant{
        .branch{
          position:absolute;
          right:5px;
          top:5px;
          width:50px;
          height:50px;
          background-size:contain;
          background-repeat:no-repeat;
          background-position:50%;
        }
        .branch.stable{
          background-image:url(../assets/app_call_stable.png);
        }
        .branch.unstable{
          background-image:url(../assets/app_call_unstable.png);
        }
        .branch.testing{
          background-image:url(../assets/app_call_testing.png);
        }
      }
    }
  }
  .selector.collapse{
    h2{
      background-image:url(../assets/marquee-download.svg);
    }
    border-left:5px solid transparent;
    div.t_variant_wrap,div.variant_description{
      display:none;
    }
  }
}
.selector{
  .t_insert_button{
    right:0;
  }
  .t_detail_button,.t_insert_button{
    position:absolute;
    bottom:8px;
  }
  .t_detail_button{
    left:15px;
  }
  .t_variant_wrap.details{
    .t_detail_button{
      background:#17961b;
    }
  }
}
.ui-layout-south{
  .bdhpn_south_status{
    background:#afe2ff;
    font-size:20px;
    font-weight:700;
  }
  .bdhpn_south_buttons,.bdhpn_south_status{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    padding:5px;
  }
  .bdhpn_south_buttons{
    background:#000;
  }
}
.bdh-header{
  background:#000;
}
tr.meta-entry{
  &:hover{
    background:#666;
  }
}
#bdhpn_xml_lang_sel{
  .bdhpn_flag{
    opacity:.2;
    cursor:pointer;
    &:hover{
      opacity:.8;
    }
  }
  .bdhpn_flag.selected{
    opacity:1;
  }
}
.hpnr_xml_image_select_preview{
  float:right;
  width:150px;
  height:100px;
  background-position:50%;
  background-size:cover;
}
.bdhpn_edit_view.translate{
  background:#cce9ff;
}
.bdhpn_edit_view.selected{
  border-left:5px solid #ff9100;
  border-right:5px solid #ff9100;
  opacity:1;
}
.bdhpn_edit_view.sel_false,.bdhpn_edit_view.sel_true,.bdhpn_edit_view.selected{
  background-color:var(--background-default);
}
.bdhpn_xml_entry{
  height:25px;
  border-bottom:1px solid #444;
  background:#fff3da;
  cursor:pointer;
  overflow:hidden;
  padding:0;
  position:relative;
  .bd_hp_hot{
    display:block;
    margin:1px;
  }
  .bd_hp_hot,.bd_hp_lock{
    position:absolute;
    right:0;
    top:0;
  }
  .bd_hp_lock{
    margin-top:2px;
    margin-right:2px;
  }
  .bd_hp_lock.own_lock{
    opacity:.5;
  } 

 
 
  .x_title{
    height:25px;
    cursor:pointer;
    width:calc(100% - 130px);
    overflow:hidden;
    display:inline-block;
    padding:5px;
    float:left;
    box-sizing:border-box;
    white-space:nowrap;
    span.node_name{
      color:var(--color_beige);
      font-weight:700;
      font-size:9px;
      line-height:10px;
      box-sizing:border-box;
      background:#ebebeb;
      border-color:#a2a2a2;
      border-style:solid;
      border-width:1px;
      border-radius:7px;
      height:14px;
      overflow:hidden;
      padding:2px 4px;
      margin-right:5px;
      font-family:var(--font-default);
      position:relative;
      top:-2px;
    }
  }
  .x_shared{
    height:25px;
    cursor:pointer;
    width:27px;
    overflow:hidden;
    display:inline-block;
    padding:5px;
    font-weight:700;
    float:right;
    box-sizing:border-box;
    margin-right:25px;
  }
  &:hover{
    background:#d6ce79;
  }
}
.bd-south-tab{
  box-sizing:border-box;
  width:100%;
  min-height:100px;
  position:relative;
  top:30px;
  overflow:auto;
  display:none;
}
.bdhpn_xml_entry.locked{
  .bd_hp_hot{
    display:none;
  }
}
#bdhpXML_tree{
  background:#fff3da;
}
.bdhpn_xml_entry.no-match{
  background:#ff9d35;
  display:none;
}
.bdhpn_xml_entry.matching{
  background:#e0ffed;
}
.bdhpn_xml_entry.selected{
  &:hover{
    background:#92c1ff;
  }
  background:#92c1ff;
}
.bdhpb_tl_item{
  margin-top:3px;
  margin-bottom:3px;
  border-radius:50%;
  width:7px;
  height:7px;
  background:#999;
  float:left;
  cursor:pointer;
  border:3px solid #dadada;
  position:relative;
  &:hover{
    background:#000;
    .info{
      display:block;
    }
  }
}
.bdhpb_tl_info{
  position:absolute;
  right:0;
  top:0;
  background:#000;
  color:var(--default);
  font-weight:700;
  height:100%;
  padding:5px;
  width:auto;
  display:block;
}
.bdhpb_tl_item.selected{
  margin-top:0;
  margin-bottom:0;
  border-radius:50%;
  width:15px;
  height:15px;
  background:#58a740;
  float:left;
  cursor:pointer;
  border:3px solid #86d3ff;
}
.bdhpb_tl_item.MASTER_TO_SLAVE{
  background:#345bbf;
}
.bdhpb_tl_item.SLAVE_TO_MASTER{
  background:#be4034;
}
.bdhpb_tl_item.hidden_revisions{
  margin-top:0;
  margin-bottom:0;
  border-radius:10px;
  width:auto;
  height:11px;
  font-weight:700;
  line-height:11px;
  padding:2px 10px;
  background:#cacaca;
  float:left;
  cursor:pointer;
  &:hover{
    background:#cacaca;
  }
}
.hpnr_revision_item{
  border-left:5px solid #333;
  transition:all .2s;
  &:hover{
    border-left:5px solid #666;
  }
}
.hpnr_revision_item.selected{
  border-left:5px solid #333;
  transition:all .2s;
}
.bdhpb_tl_dist{
  margin-top:9px;
  margin-bottom:9px;
  width:10px;
  height:2px;
  background:#dedede;
  float:left;
}
#cd-timeline{
  position:relative;
  padding:2em 0;
  margin-top:2em;
  margin-bottom:2em;
  &:before{
    content:"";
    position:absolute;
    top:0;
    left:18px;
    height:100%;
    width:4px;
    background:#d7e4ed;
  }
}
.cssanimations{
  .cd-timeline-img.is-hidden{
    visibility:hidden;
  }
  .cd-timeline-img.bounce-in{
    visibility:visible;
    animation:cd-bounce-1 .6s;
  }
}
.cd-horizontal-timeline{
  .events-content{
    position:relative;
    li{
      position:absolute;
      z-index:1;
      width:100%;
      left:0;
      top:0;
      transform:translateX(-100%);
      opacity:0;
      animation-duration:.4s;
      animation-timing-function:ease-in-out;
    }
    li.selected{
      position:relative;
      z-index:2;
      opacity:1;
      transform:translateX(0);
    }
    li.enter-right,li.leave-right{
      animation-name:cd-enter-right;
    }
    li.leave-right{
      animation-direction:reverse;
    }
    li.enter-left,li.leave-left{
      animation-name:cd-enter-left;
    }
    li.leave-left{
      animation-direction:reverse;
    }
  }
}
.bdhpn_ed_tabs{
  width:100%;
  height:30px;
  background:#444;
  padding-top:2px;
  padding-left:2px;
  box-sizing:border-box;
  overflow:auto;
  .tab{
    color:var(--default);
    background:#dadada;
    float:left;
    padding:5px 20px;
    height:28px;
    box-sizing:border-box;
    border:1px solid #fff;
    border-bottom:0;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-left:0 solid #fff;
    cursor:pointer;
    &:first-child{
      border-left:1px solid #fff;
    }
  }
  .tab.selected{
    font-weight:700;
    color:var(--default);
    background:#888;
    cursor:default;
  }
}
.bdhpn_tabs{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:30px;
  background:#444;
  padding-top:2px;
  padding-left:2px;
  box-sizing:border-box;
  .tab{
    color:var(--default);
    background:#dadada;
    float:left;
    padding:5px 20px;
    height:28px;
    box-sizing:border-box;
    border:1px solid #fff;
    border-bottom:0;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-left:0 solid #fff;
    cursor:pointer;
    &:first-child{
      border-left:1px solid #fff;
    }
  }
  .tab.selected{
    font-weight:700;
    color:var(--default);
    background:#888;
    cursor:default;
  }
}
.cth-item-list{
  background:#000;
  overflow:auto;
  border-bottom:1px solid gray;
}
.context-menu-icon-add{
  &:before{
    content:"\EA01";
  }
}
.context-menu-icon-copy{
  &:before{
    content:"\EA02";
  }
}
.context-menu-icon-cut{
  &:before{
    content:"\EA03";
  }
}
.context-menu-icon-delete{
  &:before{
    content:"\EA04";
  }
}
.context-menu-icon-edit{
  &:before{
    content:"\EA05";
  }
}
.context-menu-icon-loading{
  &:before{
    content:"\EA06";
  }
}
.context-menu-icon-paste{
  &:before{
    content:"\EA07";
  }
}
.context-menu-icon-quit{
  &:before{
    content:"\EA08";
  }
}
.context-menu-icon{
  &:before{
    position:absolute;
    top:50%;
    left:0;
    width:2em;
    font-family:var(--font-icons);
    font-size:1em;
    font-style:normal;
    font-weight:400;
    line-height:1;
    color:var(--default);
    text-align:center;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
}
.context-menu-icon.context-menu-hover{
  &:before{
    color:var(--default);
  }
}
.context-menu-icon.context-menu-disabled{
  &:before{
    color:var(--default);
  }
}
.context-menu-icon.context-menu-icon-loading{
  &:before{
    -webkit-animation:cm-spin 2s infinite;
    -o-animation:cm-spin 2s infinite;
    animation:cm-spin 2s infinite;
  }
}
.context-menu-icon.context-menu-icon--fa{
  display:list-item;
  font-family:var(--font-default);
  line-height:inherit;
  &:before{
    position:absolute;
    top:50%;
    left:0;
    width:2em;
    font-family:var(--font-icons);
    font-size:1em;
    font-style:normal;
    font-weight:400;
    line-height:1;
    color:var(--default);
    text-align:center;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
}
.context-menu-icon.context-menu-icon--fa.context-menu-hover{
  &:before{
    color:var(--default);
  }
}
.context-menu-icon.context-menu-icon--fa.context-menu-disabled{
  &:before{
    color:var(--default);
  }
}
.context-menu-icon.context-menu-icon--fa5{
  display:list-item;
  font-family:var(--font-default);
  line-height:inherit;
  i,svg{
    position:absolute;
    top:.3em;
    left:.5em;
    color:var(--default);
  }
}
.context-menu-icon.context-menu-icon--fa5.context-menu-hover{
  i,svg{
    color:var(--default);
  }
}
.context-menu-icon.context-menu-icon--fa5.context-menu-disabled{
  i,svg{
    color:var(--default);
  }
}
.context-menu-list{
  position:absolute;
  display:inline-block;
  min-width:13em;
  max-width:26em;
  padding:.25em 0;
  margin:.3em;
  font-family:var(--font-default);
  font-size:inherit;
  list-style-type:none;
  background:#fff;
  border:1px solid #bebebe;
  border-radius:.2em;
  -webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);
  box-shadow:0 2px 5px rgba(0,0,0,.5);
}
.context-menu-item{
  position:relative;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
  padding:.2em 2em;
  color:var(--default);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-color:var(--background-default);
  >label{
    >input,>textarea{
      -webkit-user-select:text;
      -moz-user-select:text;
      -ms-user-select:text;
      user-select:text;
    }
  }
  >.context-menu-list{
    top:.3em;
    right:-.3em;
    display:none;
  }
}
.context-menu-separator{
  padding:0;
  margin:.35em 0;
  border-bottom:1px solid #e6e6e6;
}
.context-menu-item.context-menu-hover{
  color:var(--default);
  cursor:pointer;
  background-color:var(--background-default);
}
.context-menu-item.context-menu-disabled{
  background-color:var(--background-default);
}
.context-menu-input.context-menu-hover,.context-menu-item.context-menu-disabled{
  color:var(--default);
  cursor:default;
}
.context-menu-submenu{
  &:after{
    position:absolute;
    top:50%;
    right:.5em;
    z-index:1;
    width:0;
    height:0;
    content:"";
    border-color:var(--border-default);
    border-style:solid;
    border-width:.25em 0 .25em .25em;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
  }
}
.context-menu-item.context-menu-input{
  padding:.3em .6em;
}
.context-menu-input{
  >label{
    >*{
      vertical-align:top;
    }
    >input[type=checkbox],>input[type=radio]{
      position:relative;
      top:.12em;
      margin-right:.4em;
    }
    margin:0;
    display:block;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    >input[type=text],>textarea{
      display:block;
      width:100%;
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
      box-sizing:border-box;
    }
    >textarea{
      height:7em;
    }
    >select{
      display:block;
      width:100%;
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
      box-sizing:border-box;
    }
  }
}
.context-menu-item.context-menu-visible{
  >.context-menu-list{
    display:block;
  }
}
.context-menu-accesskey{
  text-decoration:underline;
}
@media (max-width:1280px){
  #bdhpn_templatesv2{
    .selecto{
      div.t_variant_wrap{
        width:50%;
      }
    }
  }
}
@media (max-width:1024px){
  #bdhpn_templatesv2{
    .selector{
      div.t_variant_wrap{
        width:100%;
        padding:0 0 10px;
      }
    }
  }
}