/*
Column Tool
*/

/* Gray */
#_cbhtml[gray] .is-tool.is-column-tool {
    flex-direction: row;
    margin-top: -2px;
}

#_cbhtml[gray] .is-tool.is-column-tool button {
    width: 27px;
    height: 27px;
}

#_cbhtml[gray] .is-tool.is-column-tool .cell-add {
    background: transparent
}

#_cbhtml[gray] .is-tool.is-column-tool .cell-more {
    background: transparent
}

#_cbhtml[gray] .is-tool.is-column-tool .cell-remove {
    background: transparent
}

#_cbhtml[gray] .is-tool.is-column-tool svg {
    width: 18px;
    height: 18px;
    fill: #000;
}

#_cbhtml[gray] .is-tool.is-column-tool .cell-more svg {
    width: 12px;
    height: 12px;
    fill: #4c4c4c
}

/* Colors */
#_cbhtml .is-tool.is-column-tool {
    flex-direction: row;
    margin-top: 0px;
}

#_cbhtml .is-tool.is-column-tool button {
    width: 25px;
    height: 25px;
}

#_cbhtml .is-tool.is-column-tool .cell-add {
    background: #1abc9c
}

#_cbhtml .is-tool.is-column-tool .cell-more {
    background: #f39c12
}

#_cbhtml .is-tool.is-column-tool .cell-remove {
    background: #e74c3c
}

#_cbhtml .is-tool.is-column-tool svg {
    width: 23px;
    height: 23px;
    fill: #fff;
}

#_cbhtml .is-tool.is-column-tool .cell-more svg {
    width: 14px;
    height: 14px;
    fill: #fff;
}

/* More */
#_cbhtml .is-pop.columnmore {
    flex-direction: column;
}

#_cbhtml .is-pop.columnmore > div {
    max-width: 190px;
    margin: 10px 15px;
}

#_cbhtml .is-pop.columnmore button {
    width: 95px;
    height: 60px;
    text-align: center;
    font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 5px;
    flex-direction: column;
    box-shadow: none;
}
#_cbhtml .is-pop.columnmore button:hover {
    background: #f2f2f2;
}

#_cbhtml .is-pop.columnmore button span {
    display: inline-block;
    width: 95px;
    height: 24px;
}

#_cbhtml .is-pop.columnmore button svg {
    fill: #000;
}