﻿/*Primary color-profile form company = #ff4a4a*/
/*Secondary color-profile form company = #1e2647*/

/*Change thead font-face below iframe using custom font*/
@font-face {
    font-family: customFont;
    src: url('/fonts/company/kyc_company.ttf');
}

body {
    font-family: customFont;
}

a {
    color: #ff4a4a;
}

    a:hover {
        color: #ff4a4a;
    }

.btn-box {
    background: #ff4a4a;
}

    .btn-box:hover {
        background: #1e2647;
    }

.btn-one-remove-top-margin {
    background: #ff4a4a
}

    .btn-one-remove-top-margin:hover {
        background: #1e2647
    }

.btn-one {
    background: #ff4a4a
}

    .btn-one:hover {
        background: #1e2647
    }

.btn-one-small {
    background: #ff4a4a;
}

    .btn-one-small:hover {
        background: #1e2647
    }

.btn-two {
    border: solid 2px;
    border-color: #1e2647;
    color: #1e2647;
}

    .btn-two:hover {
        border-color: #ff4a4a;
        color: #ff4a4a;
    }

.btn-two-small {
    border: solid 2px;
    border-color: #1e2647;
    color: #1e2647;
}

    .btn-two-small:hover {
        border-color: #ff4a4a;
        color: #ff4a4a;
    }

.spinner {
    border: .8em solid #ff4a4a;
    border-left: .8em solid #1e2647;
}

.box.box-primary {
    border-top-color: #ff4a4a;
}

.box-no-shadow.box-primary {
    border-top-color: #ff4a4a;
}

.progress .progress-bar {
    background: #ff4a4a;
}

.progress .progress-value {
    color: #ff4a4a;
}

.progress .progress-value {
    color: #ff4a4a;
}

.customcheck input:checked ~ .checkmark {
    background-color: #ff4a4a;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #1e2647;
}

.wizard li.active span.round-tab {
    border: 1px solid #ff4a4a;
}

    .wizard li.active span.round-tab i {
        color: #ff4a4a;
    }

span.round-tab:hover {
    color: #1e2647;
}

.wizard li:after {
    border-bottom-color: #ff4a4a;
}

.wizard li.active:after {
    border-bottom-color: #ff4a4a;
}

.mdc-bottom-navigation {
    background: #ff4a4a;
}

.hamburgerMenu-wrap .menu > div {
    background: #ff4a4a;
}

.inboxcard .details i {
    color: #ff4a4a;
}

.documentcard .details i {
    color: #ff4a4a;
}

.modal-options-content:hover {
    background: #1e2647;
}

.toggle {
    background-color: #1e2647;
}

.businesscard:hover {
    box-shadow: 1px 1px 2px #ff4a4a;
}

.documentcard:hover {
    box-shadow: 1px 1px 2px #ff4a4a;
}

.inboxcard:hover {
    box-shadow: 1px 1px 2px #ff4a4a;
}

.profilecard:hover {
    box-shadow: 1px 1px 2px #ff4a4a;
}

.file-upload input[type=file]:valid + .file-dummy {
    border-color: #ff4a4a;
    background-color: rgba(255, 74, 74, 0.3);
}