/*
* @Author: zhouningyi
* @Date:   2016-12-11 10:07:33
* @Last Modified by:   zhouningyi
* @Last Modified time: 2017-02-11 10:33:10
*/

.color-picker {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
}

.color-swatch {
  flex-grow: 1;
  padding: 0;
  border-radius: 1px;
  display: flex;
  cursor: pointer;
}

.color-shower{
  width: 100%;
  height: 100%;
  border-radius: 2px;
  display: flex;
  flex-grow: 1;
}

.color-cover{
  position: absolute;
  top:  -2000px;
  left: -2000px;
  width: 5000px;
  height: 5000px;
}

.color-popover{
  padding-top: 25px;
  position: absolute;
  z-index: 2000!important;
  opacity: 1!important;
}