.jimu-widget-select-setting {
  margin: 20px 0;

  .config-section {
    width: 100%;
    margin-bottom: 20px;

    label {
      color: #353535;
      font: {
        size: 12px;
      }
    }

    .jimu-color-picker {
      width: 30px;
      height: 30px;
      margin: 0 20px;
    }

    .option {
      margin: 15px;

      input {
        margin: 0 10px;
      }
    }
  }

  .inline > div {
    display: inline-block;
    vertical-align: middle;
  }

  .label {
    color: #353535;
    font: {
      size: 14px;
    }
  }

  .drawing-tools-container{
    margin-top:5px;
    overflow: hidden;

    .draw-item{
      float: left;
      width: 48px;
      height: 48px;
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: center center;
      margin-left: 5px;
      position: relative;
      border: 1px solid #DBDBDB;
      border-radius: 1px;
      color: #666;
      font-size: 24px;
      padding: 12px;

      &.point-icon {
        padding: 12px 17px;
      }

      .jimu-rtl & {
        float: right;
        margin-left: 0;
        margin-right: 5px;
      }

      &:first-child {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }

      .draw-item-icon{
        position: absolute;
        left: 2px;
        top: 2px;
        width: 16px;
        height: 16px;
        display: none;
        background: url(images/checked.png) center center no-repeat;
        background-color: #fff;

        .jimu-rtl & {
          left: auto;
          right: 2px;
        }
      }

      &.selected {
        .draw-item-icon{
          display: block;
        }
      }
    }
  }

  .jimu-basic-layer-chooser-from-map-lite .check-box-div.jimu-state-disabled {
    display: none;
  }
}