﻿input.color-primary:focus {
    border-color: #5d78ff !important
}

textarea.color-primary:focus {
    border-color: #D5D7DB !important
}

input.color-primary.invalid {
    border-color: red !important
}

textarea.color-primary.invalid {
    border-color: red !important
}

input.color-primary.valid {
    border-color: #dadce0 !important
}

textarea.color-primary.valid {
    border-color: #dadce0 !important
}

label.color-primary {
    color: #9E9E9E !important
}

label.color-primary {
    color: #9E9E9E !important
}

a.color-primary {
    color: #5d78ff !important
}

button.color-primary {
    background: #5d78ff !important;
    border-color: #5d78ff;
    color: white;
}

button.color-primary:hover {
    background: #4c66d0 !important;
    border-color: #4c66d0;
    color: white;
}

td.active.day {
    background: #5d78ff !important;
    border-color: #5d78ff !important;
}

.today.active.day {
    background: #5d78ff !important;
    border-color: #5d78ff !important;
}


a.color-primary:hover {
    color: #4c66d0 !important;
}

i.color-primary {
    color: #5d78ff !important
}

div.color-primary {
    background: #5d78ff !important
}

div.color-primary-lighter {
    background: #95BDF4 !important
}

.btn-primary {
    background: #1c4e80 !important;
    border-color: #1c4e80;
    color: white;
}

.btn-primary:hover {
    background: #4c66d0 !important;
    border-color: #4c66d0;
    color: white;
}

.ssi-modal-form-group-input-div > input.color-primary {
    border-bottom: 1px solid #E0E0E0 !important;
}

    .ssi-modal-form-group-input-div > input.color-primary:focus {
        border-bottom: 1px solid #5d78ff !important;
    }

    .ssi-modal-form-group-input-div > input.color-primary.invalid {
        border-bottom: 2px solid red !important;
    }

.ssi-modal-form-group-input-div > select.color-primary {
    border-bottom: 1px solid #E0E0E0 !important;
    border-radius: 0;
}

    .ssi-modal-form-group-input-div > select.color-primary:focus {
        border-bottom: 1px solid #5d78ff !important;
    }

    .ssi-modal-form-group-input-div > select.color-primary.invalid {
        border-bottom: 2px solid red !important;
    }


[type="checkbox"].filled-in.color-primary:checked + span:not(.lever):after {
    border-color: #5d78ff !important;
    background-color: #5d78ff !important;
}

#mainContainer > div >div {
    margin-top:10px;
}
