.sg-colorpicker-container {
    position:               absolute;
    top:                    0px;
    left:                   0px;
    width:                  200px;
    height:                 130px;
    background-color:       rgb(183, 12, 29);
}

.sg-colorpicker .picker-wrapper, 
.sg-colorpicker .slide-wrapper {
    position:               relative;
    float:                  left;
}

.sg-colorpicker .picker-indicator,
.sg-colorpicker .slide-indicator {
    position:               absolute;
    left:                   0;
    top:                    0;
    pointer-events:         none;
}

.sg-colorpicker .picker,
.sg-colorpicker .slide {
    cursor:                 crosshair;
    float:                  left;
    outline:                1px solid #fff;
    -moz-user-select:       none;
    -webkit-user-select:    none;
    user-select:            none;
}

.sg-colorpicker {
    padding:                5px;
    background-color:       transparent;
    float:                  left;
}

.sg-colorpicker .picker {
    width:                  100px;
    height:                 100px;
}

.sg-colorpicker .slide {
    width:                  15px;
    height:                 100px;
}

.sg-colorpicker .slide-wrapper {
    margin-left:            5px;
}

.sg-colorpicker .picker-indicator {
    width:                  1px;
    height:                 1px;
    border:                 1px solid black;
    background-color:       white;
}

.sg-colorpicker .slide-indicator {
    width:                  100%;
    height:                 2px;
    left:                   0px;
    background-color:       black;
}

.sg-colorpicker-input-container {
    position:               absolute;
    top:                    5px;
    right:                  5px;
    width:                  65px;
    height:                 100px;
}

.sg-colorpicker-input-container input {
    position:               relative;
    display:                block;
    
    /*width:                  65px;
    height:                 22px;*/
    width:                  35px;
    height:                 16px;
    margin-bottom:          2px;
}

.sg-colorpicker-input-container input[type="number"] {
    padding-left:           20px;
}

.sg-colorpicker-input-container input[type="number"]:after {
    content:                attr(data-label);
    position:               absolute;
    top:                    3px;
    left:                   3px;
    width:                  10px;
    height:                 10px;
    background-color:       #000;
}

.sg-colorpicker-input-container input[type="text"] {
    /*margin-top:             13px;*/
    width:                  51px;
}

.sg-colorpicker-top-colors {
    position:               absolute;
    bottom:                 5px;
    left:                   5px;
    width:                  150px;
    height:                 15px;
}

.sg-colorpicker-top-colors span {
    display:                inline-block;
    width:                  15px;
    height:                 15px;
    margin-right:           4px;
    cursor:                 crosshair;
    outline:                1px solid #fff;
}

.sg-colorpicker-transparent {
    position:               absolute;
    bottom:                 5px;
    right:                  5px;
    width:                  15px;
    height:                 15px;
    background-image:       url(icons/colorpicker-transparent.png);
    background-repeat:      no-repeat;
    background-size:        15px 15px;
    background-color:       #cfcfcf;
    outline:                1px solid #fff;
}