﻿
.onboarding .blank-object_head a {
    font-weight: 900;
}

.onboarding .blank-object {
    height: 350px;
}

.onboarding-agent .blank-object {
    height: 160px;
}

.onboarding-agent .blank-object_cell {
    vertical-align: top;
}

.onboarding-agent .blank-object_cell small {
    display: none;
}

.onboarding-agent .blank-object_cell .la.la-thumbs-up {
    font-size: 3rem;
}

.onboarding-agent .blank-object .blank-object_head {
    font-size: 0.875rem;
}

.sk .navbar.navbar-inverse.backoffice {
    background-color: #1970b1;
}

.sk .navbar.navbar-inverse.backoffice .navbar-nav .nav-link {
    background-color: #0c4875;
}


.checked--fail {
    display: inline-block;
    vertical-align: middle;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: #FFD9D9 url("../shared/svg/invalid-white.svg") no-repeat center center;
    background-size: 0.875em auto;
    border: 2px solid #FFD9D9;
    -webkit-transition: border-color 0.25s ease-in-out, background 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out, background 0.25s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .checked--fail {
        -webkit-transition: none;
        transition: none;
    }
}



.checked--fail2 {
    display: inline-block;
    vertical-align: middle;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: #f53c3c url("../shared/svg/invalid-white.svg") no-repeat center center;
    background-size: 0.875em auto;
    border: 2px solid #f53c3c;
    -webkit-transition: border-color 0.25s ease-in-out, background 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out, background 0.25s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .checked--fail2 {
        -webkit-transition: none;
        transition: none;
    }
}


.checked {
    display: inline-block;
    vertical-align: middle;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: #73df78 url("../shared/svg/check-white.svg") no-repeat center center;
    background-size: 0.875em auto;
    border: 2px solid #73df78;
    -webkit-transition: border-color 0.25s ease-in-out, background 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out, background 0.25s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .checked {
        -webkit-transition: none;
        transition: none;
    }
}

.checked--empty {
    background: #f4f8fa;
    border-color: #eff4f7;
}
