@import '../../../styleConstants.scss';

#customer-acceptance {
    padding: 1rem 0;

    .waiting {
        background: $pending-status-color;
    }

    .accepted {
        background: $validated-status-color;
    }

    .declined {
        background: $declined-stattus-color;
    }

    .danger {
        background: $danger;
    }

    .warning {
        background: $warning;
    }

    .acceptance-button {
        margin-top: 1rem;
        cursor: pointer;
        background: $whiteColor;
    }

    .acceptance-accept {
        color: $production-status-color;
    }

    .acceptance-decline {
        margin-left: 0.5rem;
        color: $canceled-status-color;

        .package-document {
            margin-top: 1rem;
        }
    }

    .acceptance-docs {
        margin-top: 1rem;
    }

    .acceptance-label {
        margin-top: 1rem;
        font-weight: $font-weight;
    }

    @media all and (max-width: 768px) {

         .aceeptance-message {
             font-size: $font-size-small
         }
    }

    @media all and (max-width: 480px) {
         .acceptance-decline {
             margin-left: 0;
         }
    }
}
