img[data-role=frame_image] {
    transition: all 0.5s ease;
    margin: 0 1px !important;
}

div[data-role=panel_colour] {
    transition: border-color 0.5s ease;
}

.frame-image-touched {
    background-color: #e900a0;
}

.panel-colour {
    width: 30px; 
    float:left; 
    margin: 2px; 
    height: 30px; 
    z-index: 10; 
    margin-bottom: 1px; 
    cursor: pointer;
    border: none;
    border: 3px solid #e2e2e2;
}

.panel-colour-touched {
    margin: 2px;
    margin-bottom: 1px;
    border: 3px solid #e900a0;
}

.frame-option {
    width: 30px; 
    float: left; 
    margin: 4px 4px 3px; 
    height: 30px; 
    z-index: 10; 
    cursor: pointer; 
    position: relative;
    border: 3px solid #e2e2e2;
    transition: border-color 0.5s ease;
}

.frame-option-selected {
    border-color: #e900a0;
}

.m2m-instruction {
    color: #949aa3; 
    font-family: Verdana,Geneva,sans-serif; 
    font-size: 10px;
}

.m2m-default {
    
}

.m2m-active {
    color: #e9007e;
}