.cc-information-piece {
	background-color: var(--white-color);
}


	.cc-information-piece .cc-h3-medium {
		margin-bottom: 0;
	}


	.cc-information-piece .cc-p-medium-regular {
		margin-bottom: 0;
	}

	.cc-information-piece .cc-header {
		height: 33px;
		padding: 42px 28px;
		border-top-right-radius: 21px;
		border-top-left-radius: 21px;
	}


.cc-information-piece .cc-header.cc-returned-header {
	background-color: var(--primary-dark-color);
}

.cc-information-piece .cc-header.cc-rejected-header {
	background-color: var(--danger-color);
}

.cc-information-piece .cc-header.cc-accepted-header {
	background-color: var(--success-color);
}






.cc-information-piece .cc-header.cc-returned-header .cc-label, .cc-information-piece .cc-header.cc-rejected-header .cc-label, .cc-information-piece .cc-header.cc-accepted-header .cc-label  {
	color: var(--white-color);
}

.cc-information-piece .cc-header.cc-returned-header .cc-key-date {
	background-color: rgba(var(--rgba-primary-dark-color),.4);
}

.cc-information-piece .cc-header.cc-rejected-header .cc-key-date {
	background-color: rgba(var(--rgba-danger-color),.4);
}

.cc-information-piece .cc-header.cc-accepted-header .cc-key-date {
	background-color: rgba(var(--rgba-success-color),.4);
}


.cc-information-piece .cc-header.cc-returned-header .cc-h3-medium,  .cc-information-piece .cc-header.cc-rejected-header .cc-h3-medium, .cc-information-piece .cc-header.cc-accepted-header .cc-h3-medium  {
    color: var(--white-color);
}





		.cc-information-piece .cc-header .cc-label {
			margin-right: 15px;
		}

	.cc-information-piece .cc-subheader {
		margin-top: 1rem;
	}


	.cc-information-piece .cc-key-date {
		padding: 6px;
		border-radius: 8px;
		text-transform: uppercase;
	}

		.cc-information-piece .cc-key-date.cc-overdue {
			background-color: rgba(var(--rgba-danger-color),.7);
			color: var(--white-color);
			font-weight: 500;
		}

		.cc-information-piece .cc-key-date.cc-neutral {
			background-color: rgba(var(--rgba-secondary-color),.2);
			color: var(--secondary-color);
			font-weight: 500;
		}






	.cc-information-piece .cc-thumbnail-row {
		margin-bottom: 1rem;
	}


	.cc-information-piece .cc-file-row {
		margin-bottom: 2rem;
	}


		.cc-information-piece .cc-file-row .cc-list {
			margin-right: 20px;
		}




		.cc-information-piece .cc-file-row .cc-overline {
			margin-bottom: 1rem;
		}




	.cc-information-piece .cc-thumbnail {
		margin-left: 1rem;
		display: inline-block;
		border-radius: 6px;
		position: relative;
	}

		.cc-information-piece .cc-thumbnail:hover, .cc-information-piece .cc-thumbnail-img img:hover {
			box-shadow: 0px 3px 16px 0px rgba(var(--rgba-shadow-color),.28);
			cursor: pointer;
		}

		.cc-information-piece .cc-thumbnail figcaption {
			font-size: 13px;
			color: var(--white-color);
			width: 180px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			position: absolute;
			bottom: 0;
			padding: 4px;
			background-color: rgba(var(--rgba-primary-dark-color),.6);
			border-bottom-left-radius: 6px;
			border-bottom-right-radius: 6px;
			display: none;
		}


	.cc-information-piece .cc-thumbnail-img figcaption {
		font-size: 13px;
		color: var(--white-color);
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 4px;
		background-color: rgba(var(--rgba-primary-dark-color),.6);
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		position: relative;
		top: -26px;
		visibility: hidden;
	}

	.cc-information-piece .cc-thumbnail-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.cc-information-piece .cc-thumbnail-img {
		margin-right: 20px;
	}

	.cc-information-piece .cc-return-reason {
		padding-left: 28px;
		padding-right: 28px;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: rgba(var(--rgba-primary-dark-color),.9);
		padding: 10px 28px 10px 28px;
	}

		.cc-information-piece .cc-return-reason .cc-overline, .cc-information-piece .cc-return-reason .cc-p-medium-regular {
			color: var(--white-color);
		}

.cc-information-piece .cc-return-reason {
	padding-left: 28px; 
	padding-right: 28px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	background-color: rgba(var(--rgba-primary-dark-color),.9);
	padding: 10px 28px 10px 28px;
}


.cc-information-piece .cc-rejected-reason {
	padding-left: 28px; 
	padding-right: 28px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	background-color: rgba(var(--rgba-danger-color),.9);
	padding: 10px 28px 10px 28px;
}

.cc-information-piece .cc-accepted-reason {
	padding-left: 28px; 
	padding-right: 28px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	background-color: rgba(var(--rgba-success-color),.9);
	padding: 10px 28px 10px 28px;
}




.cc-information-piece .cc-rejected-reason .cc-p-medium-regular, .cc-information-piece .cc-accepted-reason .cc-p-medium-regular {
	 color: var(--white-color);
}




.cc-information-piece .cc-return-reason .cc-overline, .cc-information-piece .cc-return-reason .cc-p-medium-regular, .cc-information-piece .cc-accepted-reason .cc-p-medium-regular {
	color: var(--white-color);
}







.cc-information-piece .cc-thumbnail:hover > figcaption, .cc-information-piece .cc-thumbnail-img:hover > figcaption  {
	visibility: visible;
}

	.cc-information-piece .cc-thumbnail:hover > figcaption {
        display: block;
    }

	.cc-information-piece .cc-thumbnail:first-child {
		margin-left: 0;
	}


.cc-picture {
	background-image: url('../../../pics/broke-sink.jpeg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	height: 140px;
	width: 180px;
}



.cc-information-piece .cc-information-items .cc-overline {
  margin-top: 10px;
    margin-bottom: 10px;
}


.cc-information-piece .cc-information-items .cc-p-medium-regular {
	margin-bottom: 5px;
}

.cc-information-bridge {
	width: 24px;
	height: 50px;
	background-color: rgba(var(--rgba-secondary-color),.3);
	margin-left: 2.2rem;
}

	.cc-information-bridge.cc-blank {
		background-color: rgba(var(--rgba-secondary-color),0);
	}


.cc-information-body {
	padding: 28px;
}

.cc-information-body.cc-rejected {
	background-color: rgba(var(--rgba-primary-dark-color),.1);
	border-bottom-right-radius: 1.3rem;
	border-bottom-left-radius: 1.3rem;
}

.cc-information-body.cc-accepted {
	background-color: rgba(var(--rgba-success-color),.1);
	border-bottom-right-radius: 1.3rem;
	border-bottom-left-radius: 1.3rem;
}

.cc-information-body.cc-esg-rejected {
	background-color: rgba(var(--rgba-danger-color),.2);
	border-bottom-right-radius: 1.3rem;
	border-bottom-left-radius: 1.3rem;
}

.cc-information-body .cc-list {
  background-color: transparent;
}

.cc-status-a-background-color {
    background-color: #39B54A;
    color: #fff;
}

.cc-status-b-background-color {
    background-color: #00A99D;
    color: #fff;
}

.cc-status-c-background-color {
    color: #fff;
    background-color: var(--primary-dark-color);
}

.cc-status-under-review-background-color {
	color: #fff;
	background-color: #CCCCCC;
}

.cc-cursor-pointer:hover {
    cursor: pointer;
}

.cc-alert-indication {
    display: inline-block;
    padding: 12px;
    border-radius: 4px;
}