.graphic{
	position: absolute;
	right: 0;
	top:150px;
}
.graphic img{
	height: 450px;
}
.header-body h1{
	color: #5174D1;
}
.carddeck-1 .card-item{
	padding-left:20px;
	background: url(../img/green-dotted-border.png) repeat-y;
	background-size: 2px 8px;
	height: 100%;
}
.carddeck-1 .card-title{
	color: #5174D1;
}
.company-logo {
  max-width: 250px;
}

/* invoice type */
.invoice-type input[type=radio] {
	display: none;
}

.invoice-type img {
	width: 100%;
	cursor: pointer;
	position: relative;
	z-index: 0;
}

.invoice-type img:hover {
	opacity:0.6;
}
  
.invoice-type img:active {
	opacity:0.4;
}

.invoice-type label {
	width: 100%;
}

.invoice-type input[type=radio]:checked + label::after {
	position: absolute;
	width: 60px;
	height: 60px;
	background-image: url(../img/check-symbol.svg);
	background-size: contain;
	content: "";
	right: 40px;
	bottom: 40px;
	z-index: 1;
}

@media (max-width: 768px)
{
    .invoice-type.row {
        display: block;
    }

	.invoice-type input[type=radio]:checked + label::after {
		width: 30px;
		height: 30px;
		right: 20px;
		bottom: 20px;
	}
}