.actorcolorpicker
{
    position: relative;
    border: 1px solid #000;
    border-radius: 3px;
    display: inline-block;
    outline: none;
    clear: both;
    padding: 4px;
}

.actorcolorpicker.disabled
{
    background: #eee;
}

.actorcolorpicker .clear
{
    position: relative;
    font-size: 0;
}

.actorcolorpicker .clear:before
{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.actorcolorpicker .clear:after
{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.actorcolorpicker .popup
{
    right: 0;
    background: #fff;
    margin-top: 15px;
    padding: 4px;
    border: 1px solid #aaa;
    box-shadow: 0px 0px 16px 2px rgba(0,0,0,0.5);
    z-index: 20;
}

.actorcolorpicker td
{
    padding-right: 4px;
}

.actorcolorpicker td:last-child
{
    padding-right: 0;
}

.actorcolorpicker .selected-color,
.actorcolorpicker .colors div
{
    width: 36px;
    height: 36px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #aaa;
}

.actorcolorpicker div.actorcolor1
{
    background-color: #FF8F8F;
}

.actorcolorpicker div.actorcolor2
{
    background-color: #333333;
}

.actorcolorpicker div.actorcolor3
{
    background-color: #CF74CF;
}

.actorcolorpicker div.actorcolor4
{
    background-color: #FF9933;
}

.actorcolorpicker div.actorcolor5
{
    background-color: #57D4BF;
}

.actorcolorpicker div.actorcolor6
{
    background-color: #66CC33;
}

.actorcolorpicker div.actorcolor7
{
    background-color: #EBD04B;
}

.actorcolorpicker div.actorcolor8
{
    background-color: #543499;
}

.actorcolorpicker div.actorcolor9
{
    background-color: #80192B;
}

.actorcolorpicker div.actorcolor10
{
    background-color: #A6A6A6;
}

.actorcolorpicker div.selected
{
    border: 2px inset #000;
}

.actorcolorpicker .colors {
    display: flex;
}