/*

Theme Name: Pro – Child Theme
Theme URI: https://theme.co/pro/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/


.colour-picker-modal {
    max-height: 80vh;
}
    
.colour-picker-modal .colour-picker-modal-body {
    overflow-y: scroll;
}

.colour-picker-modal .colour-picker-modal-body .row {
    margin-left: -2px;
    margin-right: -2px;
}

.colour-picker-modal .colour-picker-modal-body .row > div {
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 4px;
}
    
.colour-picker-modal .colour-picker-modal-body .btn, .colour-picker-modal .colour-preview {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    min-height: 80px;
    border: none;
    border-radius: 0;
    font-size: .6rem;
    font-weight: 400;
    text-align: left;
    white-space: normal;
    word-break: break-all;
}   
    
.colour-picker-modal .colour-preview {
    cursor: default !important;
}

.colour-picker-modal .colour-preview.unselected {
    background-color: transparent !important;
    background-image: linear-gradient(to top right, #EEEEEE, #F5F5F5, #EEEEEE);
}

.colour-picker-modal .colour-preview.custom {
    background-color: transparent !important;
    background-image: linear-gradient(to top right, #1f7ab0, #f20285);
}