.box-palitra.palitra {
    width: 288px;
    min-height: 347px;
    position: relative;
    background: #fff;
}
.box-palitra.palitra>div{
    margin-left: 20px;
}

.box-palitra #box-selcolor {
    position: absolute;
    top: 85px;
    z-index: 100;
}

.box-palitra.palitra input[type="color"] {
    width: 30px;
    height: 30px;
}

.box-palitra .bc {
    width: 20px;
    height: 20px;
    float: left;
    margin: 1px 1px 0 0;
    filter: none;
}

.box-palitra .bc.active,
.box-palitra .bc:hover {
    /*filter: drop-shadow(0px 0px 3px black);*/
    outline: 1px solid red;
}

.box-palitra .new-color {
    clear: both;
    padding: 10px 0;
    text-align: left;
}

.box-palitra .new-color>div {
    display: inline-block;
    position: relative;
}

.box-palitra .new-color>div>* {
    float: left
}

.box-palitra .new-color>div:first-child {
    top: 0;
    margin-right: 10px;
}

.box-palitra .new-color>input {
    margin-left: 10px;
}

.box-palitra .select-color {
    top: 1px;
    position: relative;
    margin-left: 6px;
}

.box-palitra .new-color .btn {
    padding: 0 4px;
    height: 22px;
    font-size: 13px;
    min-height: 10px;
}

.box-palitra .span-link {
    cursor: pointer;
    border-bottom: 1px dashed;
}

.box-palitra .row {
    margin-bottom: 10px;
}

.box-palitra .select-color {
    width: 20px;
    height: 20px;
    outline: 1px solid #ababab;
    background: #000000;
}

.box-palitra .svg-link{
    cursor: pointer;
    margin-left:4px; 
    position: relative; 
    top:1px;
}

.box-palitra .svg-link svg{
    fill:#424242;
}

.box-palitra .custom-colors > .bc{
    margin-right: 3px !important;
}
