.kyc-form .input-required {
    color: #e0565a;
    padding-left: 3px;
}

.kyc-form .uploader-border {
    background-color: #222b3f;
}

.kyc-form .btn-primary {
    color: #fff;
    background-color: #2f5aaf;
    border-color: #2f5aaf;
}

.kyc-form .btn-primary:active {
    color: #fff;
    background-color: #213E8E;
    border-color: #213E8E;
}

.kyc-form .btn-primary:hover {
    color: #fff;
    background-color: #213E8E;
    border-color: #213E8E;
}


.kyc-form .btn-success, #webcamModal .btn-success {
    color: #fff;
    background-color: #3f8789;
    border-color: #3f8789;
}

.kyc-form .btn-success:active, #webcamModal .btn-success:active {
    color: #fff;
    background-color: #2B6263;
    border-color: #2B6263;
}

.kyc-form .btn-success:hover, #webcamModal .btn-success:hover {
    color: #fff;
    background-color: #2B6263;
    border-color: #2B6263;
}

.kyc-form .actions > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1) {
    color: #fff;
    background-color: #b38fbb;
    border-color: #b38fbb;
}

.kyc-form .actions > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1):hover {
    color: #fff;
    background-color: #99799F;
    border-color: #99799F;
}


/*
base colors:
#222b3f - dark blue
#2f5aaf - normal blue
#3f8789 - darker green
#1ee3de - light teal
#b38fbb - viola
#e0565a - red
#f9ce59 - yellow

Dark green variations
#3f8789 - base darker green
#2B6263 - btn hover

Normal blue variations
#2f5aaf - base normal blue
#213E8E - btn hover

Viola variations
#b38fbb - base viola
#99799F - btn hover
*/