/*** Confirmation Modal ***/

.confirmationModal .modal-content {
	border: none;
	border-radius: 0;
	background-color: var(--wt-primary);
	background: var(--wt-primary) url(../../../images/confirmation-modal-bg.png) top center no-repeat;
	-webkit-box-shadow: 0 3px 30px rgba(var(--wt-black-rgb),.4);
	box-shadow: 0 3px 30px rgba(var(--wt-black-rgb),.4);
	color: var(--wt-white);
	text-align: center;
}
.confirmationModal  .modal-footer{
	border-top: none;
	padding: 0;
}

.confirmationModal .modal-body{
	padding: 30px;
	padding-top: 30px;
	padding-bottom: 60px;
}
.confirmationModal .title{
	font-size: 36px;
	line-height: 36px;
	padding-bottom: 15px;
	font-weight: 600;
}
.confirmationModal .subtitle{
	font-size: 14px;
	font-weight: 400;
	color: rgba(var(--wt-white-rgb),0.75);
	margin-bottom: 20px;
}
.confirmationModal .subtitle .added-points{
	font-size: 14px;
	font-weight: 600;
	color: rgba(var(--wt-white-rgb),0.75);
	margin-top: 10px;
}
.confirmationModal p{
	color: rgba(var(--wt-white-rgb),0.75);
	margin-bottom: 2px;
}
.confirmationModal .icon{
	color: var(--wt-white);
	font-size: 78px;
	border: solid 7px var(--wt-white);
	width: 120px;
	height: 120px;
	text-align: center;
	line-height: 120px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 40px;
}
.confirmationModal .icn-checkmark:before{
	position: relative;
	top: 5px;
	left: 6px;
}
.confirmationModal  .modal-footer .btn{
	display: block;
	width: 100%;
	border-radius: 0;
	background-color: rgba(var(--wt-black-rgb),0.25);
	padding-top: 19px;
	padding-bottom: 19px;
	text-transform: uppercase;
	font-weight: 700;
}

.confirmationModal .modal-footer > a {
    color: var(--wt-white)
}

.confirmationModal  .modal-footer .btn:hover, .confirmationModal .modal-footer .btn:active, .confirmationModal .modal-footer .btn:focus{
	color: var(--wt-white);
	background-color: rgba(var(--wt-black-rgb),0.35);
}


@media (max-width: 768px){
	.confirmationModal{
		min-height: 100%;
		height: 100%;
		padding-top: 0px;
	}
	.confirmationModal .modal-dialog {
		margin: 0;
		height: 100%;
	}
	.confirmationModal .modal-content{
		height: 100%;
	}
	.confirmationModal .modal-footer{
		position: absolute;
		width: 100%;
		bottom: 0;
	}
}