* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
  word-break: break-word;
  font-size: 12px;
}
body {
  overflow: hidden;
  background-color: rgb(255 255 255);
}
.title{
  font-size: 1.2em;
  font-family: 'Montserrat Alternates',sans-serif;
}
textarea{
  width: 100%;
  resize:vertical;
  min-width: 250px;
}
select{
  border-radius: 5px;
  margin: 0 3px;
}


.Space{
  height:20px
}
button {
  outline: none;
  border: none;
  background-color: #dadfe1;
  border-radius: 5px;
  min-width: 30px;
}
button:hover{
  background-color: #000000 !important;
  color:#ffffff!important
}

.Vertical {
  display: flex;
  flex-direction: column;
}
.Horizon {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.TextAlignCenter{
  text-align: center;
}
.AlignCenter{
  align-items: center;
}
.AlignLeft{
  align-items: left;
}
.AlignRight{align-items: flex-end;}
.AlignBaseline{
  align-items: baseline;
}
.JustifyCenter{
  justify-content: center;
}
.SpaceBetween{
  justify-content: space-between;
}
.WidP100{
  width:100%;
}
.WidP50{
  width:50%;
}
.WidP33{
  width:33.33%
}
.WidP95{
  width:95%;
  /* max-width: 1200px; */
}
.WidP80{
  width:80%;
}
.WidP20{
  width:20%;
}
.WidP25{
  width: 25%;
}
.WidP75{
  width:75%;
}
.WidP85{
  width:85%;
}
.WidP15{
  width:15%;
}
.HeiP100{
  height: 100%;
}
.Padding3{
  padding:3px;
}
.Padding1{
  padding:1px
}
.Margin2{
  margin: 2px;
}
.Margin5{
  margin:5px
}
.OverflowAuto{
  overflow: auto;
}
.ShowBorder{
  border: 1px solid #999999;
}
.Flex1{
  flex: 1;
}
.MaxWid1000{
  max-width: 1000px;
}

.ScrollY {
  overflow-y: auto;
}
.space3 {
  width: 3px;
  height: 3px;
}
.space5 {
  width: 5px;
  height: 5px;
}
.space10 {
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
}
.ContentCommon{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  max-height: 800px;
  margin: 5px;
  min-height: 500px;
}
.Category {
  flex-grow: 2;
  width:20%;
  background-color: #ffffff;
}
.Edit {
  flex-grow: 5;
  width: 50%;
  background-color: #ffffff;
}
.Query {
  flex-grow: 3;
  width: 30%;
}
.Option {
  /* display: flex; */
  /* flex-grow: 1; */
  width: 100%;
  min-height: 100%;
  overflow-y: auto;
}
.Result {
  flex-grow: 2;
  min-height: 100%;
}

.groupContent {
  width: 100%;
  padding: 3px 0 3px 5px;
  /* background-color: #ffffff; */
}

.divider{
  border-bottom: 1px solid #999999;
}
.radioInput{
  width: 10px;
  height: 10px;
}
.checkInput{
  width: 10px;
  height: 10px;
}



/*core*/
#uiBufferSection {
    pointer-events: none;
    position: absolute;
    display: none;
  }
.UIBuffer {
    position: absolute;
    pointer-events: none;
    left: -2000px;
    top: -2000px;
    display: none;
}
.panelSection {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    pointer-events: none;
}
.panelMask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}




.popMsg{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    padding: 5px;
    z-index: 1000;
    min-height: 35px;
    justify-content: center;
}

.panelBasic{
    position: absolute;
    display: flex;
    flex-direction: column;
    pointer-events: initial;
    z-index: 1000;
    background-color: white;
}
.information{
    border: 1px solid #999999;
    box-shadow: 1px 1px 3px #242424;
    mix-blend-mode: multiply;
}

.tip{
    border:none;
}

.readonly{
    border:1px solid #cfd5d8;
  }
  .readonly:focus{
    outline: none;
  }
  .noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }
  .ShowAll {
    display: block;
  }
  .Visible {
    visibility: visible;
  }
  .Invisible {
    visibility: hidden;
    display: none;
  }
  .open {
    height: auto;
  }
  .close {
    height: 0;
  }
  .arrow {
    width: 6px;
    height: 6px;
    display: flex;
  }
  .stretchBox {
    overflow: hidden;
  }
  .Wrap {
    flex-wrap: wrap;
  }

  #ServerBlock{
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 999999;
}
.NormalClick {
    pointer-events: none;
}
.BlockClickTransparent{
    pointer-events: auto;
}