&.palette {
  border-radius: 3px;
  box-shadow: none;

  > .colorpicker-body {
      
    > .color {
      display: none;
    }

    > .control { 
      display: none;
    }

    > .information {
      display: none;
    }

    > .colorsets {
      box-sizing: border-box;
      border-top:0px;

      > .color-list {
        .color-item {
          width: 15px;
          height: 15px;
          margin-right: 10px;
          margin-bottom: 10px;
        }
      }
    }

    > .color-chooser {
      display: none;
      box-sizing: border-box;
      &.open {
        display: block;
        top:-1px;
        left:-1px;
        right:-1px;
        bottom: auto;
        border-radius: 3px;
        border: 1px solid #d8d8d8;
        box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.12);      
        .color-chooser-container {
          position: relative;
          top: auto;
          left: auto;
          right: auto;
          bottom: auto;
          background-color: white;
          box-sizing: border-box;
          border-radius: 2px;

          .colorsets-item-header {
            position: relative;
            left:auto;
            top:auto;
            right:auto;
            bottom:auto;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
          }

          .colorsets-list {
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
            overflow: auto;

            .colorsets-item:last-child {
              border-bottom-left-radius: 3px;
              border-bottom-right-radius: 3px;
            }
          }
        } 
      }
    }


  }

}
