/**
 * All code (c) 2013-2015 - Copyright www.chromoselector.com - All Rights Reserved.
 */
.ui-cs-chromoselector {
    z-index            : 10000;
    background         : #ffffff;
    border             : 1px solid #552211;
    border-color       : rgba(82, 37, 18, 0.5);
    position           : absolute;
    -webkit-box-sizing : content-box;
    -moz-box-sizing    : content-box;
    box-sizing         : content-box;
}

.ui-cs-chromoselector .ui-cs-supercontainer {
    position : relative;
}

.ui-cs-chromoselector .ui-cs-container {
    float : left;

}

.ui-cs-chromoselector .ui-cs-preview-container {
    margin  : 0;
    padding : 10px 10px 0;
}

.ui-cs-chromoselector .ui-cs-preview-widget {
    margin : 0;
    height : 25px;
    width  : 100%;
}

.ui-cs-chromoselector .ui-cs-widget {
    text-align : initial;
}

.ui-cs-chromoselector .ui-cs-resizer {
    cursor : se-resize;
}

.ui-cs-icon {
    z-index : 4000;
    padding : 0 0.1em;
    outline : none;
}

.ui-cs-chromoselector .ui-cs-panel {
    float      : left;
    text-align : center;
}

.ui-cs-chromoselector .ui-cs-panel select {
    border       : 1px solid #552211;
    border-color : rgba(82, 37, 18, 0.5);
    margin-top   : 10px;
}

.ui-cs-chromoselector .ui-cs-panel .ui-panel-labels {
    width       : 100%;
    font-size   : 12px;
    font-family : sans, sans-serif, verdana, arial;
    overflow    : hidden;
    cursor      : default;
}

.ui-cs-chromoselector .ui-cs-panel .ui-panel-labels div {
    float              : left;
    padding-bottom     : 10px;
    -webkit-box-sizing : content-box;
    -moz-box-sizing    : content-box;
    box-sizing         : content-box;
}

.ui-cs-chromoselector.ui-cs-static {
    position   : relative;
    background : none;
    border     : none;
}