.easy-check-in-ci .easy-check-in-section-copy {
    color: #5e6d7d;
    line-height: 1.7;
}

.easy-check-in-ci .easy-check-in-scanner {
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 18px;
    background: #f7f9fb;
    border: 1px dashed #c7d2db;
    border-radius: 18px;
    min-height: 280px;
}

.max-480 {
    max-width: 480px;
}
@media (max-width: 767px) {
    .max-480 {
        max-width: 100%;
        width:100%;
    }
}

.easy-check-in-ci .easy-check-in-scanner-target {
    min-height: 240px;
}

.easy-check-in-ci .easy-check-in-button-row {
    margin-top: 6px;
}

.easy-check-in-ci .easy-check-in-button-row .btn {
    margin-right: 10px;
    margin-bottom: 10px;
}

.easy-check-in-ci .easy-check-in-helper {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.6;
    color: #5e6d7d;
}

.easy-check-in-ci .easy-check-in-helper.is-error {    
    color: var(--fdi-danger-color) !important;
}

.easy-check-in-ci .easy-check-in-helper.is-warning {
    color: #8a6412;
}

.easy-check-in-ci .easy-check-in-status,
.easy-check-in-ci .easy-check-in-success,
.easy-check-in-ci .easy-check-in-error,
.easy-check-in-ci .easy-check-in-note {
    margin-top: 16px;
    padding: 16px 18px;
    border-radius: 4px;
    border: 1px solid rgba(136, 150, 165, 0.24);
    background: #f8fafc;
}

.easy-check-in-ci .easy-check-in-success {
    display: none;
    background: rgba(15, 138, 124, 0.08);
    border-color: rgba(15, 138, 124, 0.2);
}

.easy-check-in-ci .easy-check-in-error {
    display: none;
    background: rgba(180, 69, 39, 0.08);
    border-color: rgba(180, 69, 39, 0.2);
}

.easy-check-in-ci .easy-check-in-status strong,
.easy-check-in-ci .easy-check-in-success strong,
.easy-check-in-ci .easy-check-in-error strong {
    display: block;
    margin-bottom: 6px;
    color: #233242;
}

.easy-check-in-ci .easy-check-in-note h5 {
    margin-bottom: 8px;
    color: #233242;
}

.easy-check-in-ci .easy-check-in-note ul {
    margin-bottom: 0;
    padding-left: 18px;
    color: #5e6d7d;
}

.easy-check-in-ci .easy-check-in-note p {
    margin-bottom: 0;
    color: #5e6d7d;
    line-height: 1.7;
}

@media (max-width: 767px) {
    .easy-check-in-ci .easy-check-in-button-row .btn {
        display: block;
        width: 100%;
        margin-right: 0;
    }
}