#cosentino-colors-wizard .colors-list {
    margin-bottom: 0;
}

#cosentino-colors-wizard .color-item {
    margin: 15px auto 0 auto;
}

#cosentino-colors-wizard .color-item .color-image:after {
    position: absolute;
    width: 55px;
    height: 55px;
    border: 1px solid #aaaaaa;
    content: ' ';
    left: 0px;
    top: 0px;
    z-index: 100000;
    border-radius: 100px;
    display: block;
    transition: all 0.3s linear;
    opacity: 0;
}

#cosentino-colors-wizard .color-item:hover .color-image:after,
#cosentino-colors-wizard .color-item.active .color-image:after {
    width: 67px;
    height: 67px;
    opacity: 1;
    top: -7px;
    left: -7px;
}

#cosentino-colors-wizard .color-item.disabled {
    pointer-events: none;
    opacity: 0.4;
}

#cosentino-colors-wizard .color-item .color-image {
    display: block;
    width: 55px;
    height: 55px;
    border-radius: 100px;
    border: 1px solid gray;
    margin-bottom: 10px;
    font-size: 0;
    position: relative;
}

#cosentino-colors-wizard .color-item[data-value='all'] .color-image::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 3 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M27.6328,14.6964 C27.6328,7.1004 21.4748,0.9444 13.8788,0.9444 C6.2838,0.9444 0.1258,7.1004 0.1258,14.6964 C0.1258,22.2934 6.2838,28.4504 13.8788,28.4504 C21.4748,28.4504 27.6328,22.2934 27.6328,14.6964 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='estilo6' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='mask-estilo6' stroke='%23959594' stroke-width='0' xlink:href='%23path-1'%3E%3C/use%3E%3Cpath d='M4.2148,24.3614 L23.5448,5.0314' id='Stroke-142' stroke='%23959594' stroke-width='0.3' mask='url(%23mask-2)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    width: 55px;
    height: 55px;
    border: none;
    overflow: hidden;
    left: 0px;
    top: 3px;
}

#cosentino-colors-wizard .color-item .color-text {
    font-size: 13px;
    color: #3b3b3b;
}

#cosentino-colors-wizard #color-preview .color-name {
    font-size: 30px;
    font-family: caecilia_light,Georgia,serif;
}

#cosentino-colors-wizard .cosentino-icon {
    font-family: CosentinoIcons;
    font-size: 59px;
    line-height: 53px;
    margin-left: -1px;
    overflow: hidden;
    width: 53px;
    height: 53px;
    display: block;
    border-radius: 100px;

}


/* ESTILOS DEL ACORDEON */
 #cosentino-colors-wizard .panel-group .panel {
     border: 0;
     border-radius: 0;
     box-shadow: none;
 }

 #cosentino-colors-wizard .panel-default > .panel-heading {
     color: #333;
     background-color: transparent;
     border: 0;
     border-bottom: 1px solid #000;
     padding: 8px 15px 8px 15px;
     position: relative;
 }

 #cosentino-colors-wizard .panel-default .panel-title {
     cursor: pointer;
     text-align :left;
     margin-top: 0;     
     font-family: 'caecilia_light', Georgia, serif;
 }

 #cosentino-colors-wizard .panel-default .panel-title .filtername {
     text-align: left;
     font-size: 24px;
     margin-bottom: 0;
     display: inline-block; 
     vertical-align: baseline;   
 }

#cosentino-colors-wizard .panel-default .panel-title .selectedElement {
     vertical-align: middle;
     margin-left: 10px;
}

#cosentino-colors-wizard .panel-default .panel-title .selectedElement .selectedPreview {
    display: inline-block;
    vertical-align: baseline;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    font-size: 18px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
}

#cosentino-colors-wizard .panel-default .panel-title .selectedElement .selectedPreview.reset::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 3 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M27.6328,14.6964 C27.6328,7.1004 21.4748,0.9444 13.8788,0.9444 C6.2838,0.9444 0.1258,7.1004 0.1258,14.6964 C0.1258,22.2934 6.2838,28.4504 13.8788,28.4504 C21.4748,28.4504 27.6328,22.2934 27.6328,14.6964 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='estilo6' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='mask-estilo6' stroke='%23959594' stroke-width='0' xlink:href='%23path-1'%3E%3C/use%3E%3Cpath d='M4.2148,24.3614 L23.5448,5.0314' id='Stroke-142' stroke='%23959594' stroke-width='0.3' mask='url(%23mask-2)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border: none;
    overflow: hidden;
    left: -1px;
    top: 1px;
}

#cosentino-colors-wizard .panel-default .panel-title .selectedElement .selectedTitle {
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 13px;
    line-height: 20px;
}

#cosentino-colors-wizard .panel-default .panel-heading .arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000;        
    position: absolute;
    right: 10px;
    bottom: 20px;
    transition: all 0.3s linear;    
}

#cosentino-colors-wizard .panel-default .panel-heading .arrow-down.up {
    transform: scaleY(-1);
}