.SUMMARY_CONTAINER{
	box-sizing:border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    margin: auto;
    padding-top: 40px;
}

.SUMMARY_IMAGE{    
    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
}

.SUMMARY_TITLE{
	color: #545454;
    font-size: 24px;
    font-weight: 600; 
    text-align: center;
    margin: 30px 0px 20px 0px;
}

.SUMMARY_TEXT{
	font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
}

.SUMMARY_BUTTON{
    width: 100%;
    max-width: 360px;
    margin: 20px 0px 0px 0px;
    background-color: #D2232A;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.SUMMARY_ORDER_FINISH{
	box-sizing: border-box;
	text-align: left;
	padding: 10px 5px;
	font-size: 16px;
	line-height: 25px;
	color: #555555;
}

.SUMMARY_ORDER_FINISH .SUMMARY_ORDER_DATE{
	box-sizing: border-box;
}
.SUMMARY_ORDER_FINISH .SUMMARY_ORDER_DATE::before{
	font-family: 'FA', sans-serif;
    font-weight: 600;
    content: '\f133';
    padding-right: 15px;
    width: 20px;
    display: inline-block;
}

.SUMMARY_ORDER_FINISH .SUMMARY_ORDER_DELIVERY{
	box-sizing: border-box;
}
.SUMMARY_ORDER_FINISH .SUMMARY_ORDER_DELIVERY::before{
	font-family: 'FA', sans-serif;
    font-weight: 600;
    content: '\f0d1';
    padding-right: 15px;
    width: 20px;
    display: inline-block;
}

.SUMMARY_ORDER_DELIVERY .SUMMARY_ORDER_PRICE{
	box-sizing: border-box;
}
.SUMMARY_ORDER_FINISH .SUMMARY_ORDER_PRICE::before{
	font-family: 'FA', sans-serif;
    font-weight: 600;
    content: '\f0d6';
    padding-right: 15px;
    width: 20px;
    display: inline-block;
}

.SUMMARY_LINK{
    text-decoration: none;
    color: var(--color--primary);
    font-weight: 600;
    margin-top: 14px;
    display: flex;
}

.SUMMARY_CONTAINER_PIX{
	box-sizing:border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    margin: auto;
}

.SUMMARY_TITLE_PIX{
    font-size: 24px;
    font-weight: 600; 
    text-align: center;
    margin: 30px 0px 30px 0px;
}

.SUMMARY_TEXT_PIX{
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    color: #1c1c1b;
}

.SUMMARY_PIX{
	font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
}

.SUMMARY_INFO_TEXT{
    font-size: 15px;
    text-align: center;
    color: #1c1c1b;
}

.SUMMARY_CODE_PIX{
    word-break: break-all;
    white-space: normal;
    margin-bottom: 2vh;
    color: #6a6161;
}

.SUMMARY_COPY_PIX{
	font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2vh;
    color: #D2232A;
    cursor:pointer;
    font-style: italic;
}

.DOWNLOAD_ICON {
	margin-right: 9px;
	font-size: 32px  !important;
	margin-left: -7px;
}

.DOWNLOAD_LABEL {
	display: flex; 
	align-items: center; 
	text-decoration: none; 
	font-size: 16px; 
	font-weight: bold;
}

.COPY_ICON {
    width: 32px;
    height: 24px;
    margin: -2px 0px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M208 0L332.1 0c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9L448 336c0 26.5-21.5 48-48 48l-192 0c-26.5 0-48-21.5-48-48l0-288c0-26.5 21.5-48 48-48zM48 128l80 0 0 64-64 0 0 256 192 0 0-32 64 0 0 48c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48L0 176c0-26.5 21.5-48 48-48z'/%3E%3C/svg%3E");
}

div[onclick]:active {
    transform: scale(0.95);
}

@media (max-width: 512px) {
	.SUMMARY_CONTAINER{
		height: 480px;
	}
}

@media (max-width: 320px) {
    .SUMMARY_PIX{
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        margin-bottom: 10px;
    }
}