/* custom purple buttons */
    
/*     #212529 */
/*     #7cc */
/*     #5bc2c2 */
/*     #52bebe */
/*     #8ad3d3 */
/*     #9cdada */
/*     #2e7c7c */
/*     #222 */
    
    .btn-purple {
        color: #212529;
        background-color: #7cc;
        border-color: #5bc2c2
    }
    
    .btn-purple:hover {
        color: #212529;
        background-color: #52bebe;
        border-color: #8ad3d3
    }
    
    .btn-purple:focus,
    .btn-purple.focus {
        box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
    }
    
    .btn-purple.disabled,
    .btn-purple:disabled {
        color: #212529;
        background-color: #7cc;
        border-color: #5bc2c2
    }
    
    .btn-purple:not(:disabled):not(.disabled):active,
    .btn-purple:not(:disabled):not(.disabled).active,
    .show>.btn-purple.dropdown-toggle {
        color: #212529;
        background-color: #9cdada;
        border-color: #2e7c7c
    }
    
    .btn-purple:not(:disabled):not(.disabled):active:focus,
    .btn-purple:not(:disabled):not(.disabled).active:focus,
    .show>.btn-purple.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
    }
    
    .btn-outline-purple {
        color: #7cc;
        background-color: transparent;
        background-image: none;
        border-color: #7cc
    }
    
    .btn-outline-purple:hover {
        color: #222;
        background-color: #8ad3d3;
        border-color: #7cc
    }
    
    .btn-outline-purple:focus,
    .btn-outline-purple.focus {
        box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
    }
    
    .btn-outline-purple.disabled,
    .btn-outline-purple:disabled {
        color: #7cc;
        background-color: transparent
    }
    
    .btn-outline-purple:not(:disabled):not(.disabled):active,
    .btn-outline-purple:not(:disabled):not(.disabled).active,
    .show>.btn-outline-purple.dropdown-toggle {
        color: #212529;
        background-color: #8ad3d3;
        border-color: #7cc
    }
    
    .btn-outline-purple:not(:disabled):not(.disabled):active:focus,
    .btn-outline-purple:not(:disabled):not(.disabled).active:focus,
    .show>.btn-outline-purple.dropdown-toggle:focus {
        box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)
    }