#success_tic .page-body{
	max-width:300px;
	background-color:#FFFFFF;
	margin:10% auto;
  }
#success_tic .page-body .head{
	text-align:center;
  }
#success_tic .close{
	opacity: 1;
	position: absolute;
	right: 0px;
	font-size: 30px;
	padding: 3px 15px;
	margin-bottom: 10px;
	z-index: 10;
  }
#success_tic .checkmark-circle {
	width: 150px;
	height: 150px;
	position: relative;
	display: inline-block;
	vertical-align: top;
  }
.checkmark-circle .background {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: #1ab394;
	position: absolute;
  }
#success_tic .checkmark-circle .checkmark {
	border-radius: 5px;
  }
#success_tic .checkmark-circle .checkmark.draw:after {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	animation-delay: 300ms;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-name: checkmark;
	-moz-animation-name: checkmark;
	animation-name: checkmark;
	-webkit-transform: scaleX(-1) rotate(135deg);
	-moz-transform: scaleX(-1) rotate(135deg);
	-ms-transform: scaleX(-1) rotate(135deg);
	-o-transform: scaleX(-1) rotate(135deg);
	transform: scaleX(-1) rotate(135deg);
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
  }
#success_tic .checkmark-circle .checkmark:after {
	opacity: 1;
	height: 75px;
	width: 37.5px;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	border-right: 15px solid #fff;
	border-top: 15px solid #fff;
	border-radius: 2.5px !important;
	content: '';
	left: 35px;
	top: 80px;
	position: absolute;
  }
  
@-webkit-keyframes checkmark {
	0% {
	  height: 0;
	  width: 0;
	  opacity: 1;
	}
	20% {
	  height: 0;
	  width: 37.5px;
	  opacity: 1;
	}
	40% {
	  height: 75px;
	  width: 37.5px;
	  opacity: 1;
	}
	100% {
	  height: 75px;
	  width: 37.5px;
	  opacity: 1;
	}
  }
@-moz-keyframes checkmark {
	0% {
	  height: 0;
	  width: 0;
	  opacity: 1;
	}
	20% {
	  height: 0;
	  width: 37.5px;
	  opacity: 1;
	}
	40% {
	  height: 75px;
	  width: 37.5px;
	  opacity: 1;
	}
	100% {
	  height: 75px;
	  width: 37.5px;
	  opacity: 1;
	}
  }
@keyframes checkmark {
	0% {
	  height: 0;
	  width: 0;
	  opacity: 1;
	}
	20% {
	  height: 0;
	  width: 37.5px;
	  opacity: 1;
	}
	40% {
	  height: 75px;
	  width: 37.5px;
	  opacity: 1;
	}
	100% {
	  height: 75px;
	  width: 37.5px;
	  opacity: 1;
	}
  }

.modal-shadow {
    background: rgba(0,0,0,0.5);
}