.gaide {
  width: 100%;
  background: #ffffff;
  height: 100px;
  position: relative;
  top: -110px;
}




.targetinfo {
  /* width: 100%; */
  border-bottom: solid 1px #cbcbcb;
  /* border-right: solid 1px #cbcbcb; */
  border-radius: 5px;
}

  .targetinfo tr {
    height: 1.2rem;
  }

  .targetinfo th {
    background-color: #f2f2f2;
    /*    background-color: var(--bs-body-bg);*/
    border-top: solid 1px #cbcbcb;
    /* border-left: solid 1px #bfbfbf; */
    min-width: 70px;
    text-align: center;
    padding: 0 10px 0 10px;
    height: 1.3rem;
    color: rgb(33, 37, 41);
  }

  .targetinfo td {
    border-top: solid 1px #cbcbcb;
    /* border-left: solid 1px #cbcbcb; */
    padding: 5px 2px 5px 2px;
    text-align: center;
  }

  .targetinfo .badge {
    cursor: pointer;
  }

    .targetinfo .badge:hover {
      /* border: solid 2px black; */
    }

  .targetinfo dxbl-check {
    width: 20px;
    margin: 0 auto;
  }


#myChart {
  width: 100%;
  height: 400px;
}




.control-center {
  float: left;
  list-style: none;
}

  .control-center li {
    float: left;
  }

  .control-center label {
    float: left;
    width: 62px;
    text-align: right;
    padding: 3px 10px;
  }

  .control-center input {
    float: left;
    width: 100px;
    border: solid 1px gray;
    padding: 3px;
  }

  .control-center button {
    margin-left: 10px;
  }



.bg-primary {
  background-color: var(--dxbl-client-component-palette-primary) !important;
}

.bg-danger {
  background-color: var(--dxbl-client-component-palette-danger) !important;
}

.ctrl-val {
  width: 40%;
  float: left;
  margin-right: 5px;
}

.ctrl-span {
  width: unset;
  float: left;
  margin-right: 5px;
  padding-top: 4px;
}

.ctrl-ctrl input {
  width: 100%;
}




.aa-div {
}


.aa {
  float: left;
  margin-right: 5px !important;
}




.main-toolbar {
/*  display: none !important;*/
}