/* Final Checkmark Animation */
	
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}	
	
	/* Modal */
	
	.border-right {
		border-right:1px solid #dee2e6
	}
	/* Header */
	
	
#rapClassEventJumbotron {
background-color: #0d3f78;
	color: #fff;
	/*background: #0d3f78 url(/Boardimages/userprofile_header.png) left center no-repeat;
	background-size: contain;*/
background-image: linear-gradient(508deg, rgba(29, 29, 29, 0.05) 0%, rgba(29, 29, 29, 0.05) 25%,rgba(226, 226, 226, 0.05) 25%, rgba(226, 226, 226, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(216, 216, 216, 0.05) 75%, rgba(216, 216, 216, 0.05) 100%),linear-gradient(352deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 25%,rgba(108, 108, 108, 0.05) 25%, rgba(108, 108, 108, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(236, 236, 236, 0.05) 75%, rgba(236, 236, 236, 0.05) 100%),linear-gradient(387deg, rgba(153, 153, 153, 0.05) 0%, rgba(153, 153, 153, 0.05) 25%,rgba(83, 83, 83, 0.05) 25%, rgba(83, 83, 83, 0.05) 50%,rgba(5, 5, 5, 0.05) 50%, rgba(5, 5, 5, 0.05) 75%,rgba(82, 82, 82, 0.05) 75%, rgba(82, 82, 82, 0.05) 100%),linear-gradient(477deg, rgba(26, 26, 26, 0.05) 0%, rgba(26, 26, 26, 0.05) 25%,rgba(223, 223, 223, 0.05) 25%, rgba(223, 223, 223, 0.05) 50%,rgba(232, 232, 232, 0.05) 50%, rgba(232, 232, 232, 0.05) 75%,rgba(153, 153, 153, 0.05) 75%, rgba(153, 153, 153, 0.05) 100%),linear-gradient(384deg, rgba(120, 120, 120, 0.05) 0%, rgba(120, 120, 120, 0.05) 25%,rgba(191, 191, 191, 0.05) 25%, rgba(191, 191, 191, 0.05) 50%,rgba(246, 246, 246, 0.05) 50%, rgba(246, 246, 246, 0.05) 75%,rgba(123, 123, 123, 0.05) 75%, rgba(123, 123, 123, 0.05) 100%),linear-gradient(270deg, rgb(32,234,255),rgb(37,116,255));
	margin-bottom: 0;
	padding: 1rem 1rem 0 1rem !important;
	margin-bottom:25px;
}	
	
	
/* Hide all steps by default: */
.rap-ims-form-section {
    opacity: 0;
}
.progress {
    padding: 0;
}
	
.rap-hidden {
	transition:0.5s;
  opacity: 0;
	height:0px;
	overflow:hidden;
  transition-delay:0.2s;
	}

.rap-visible {
  opacity: 1;
transition:0.5s;
	transition-delay:0.2s;
height:auto;
	}
	
	#rap-ims-validate-address-spinner {
		display:none;
	}
	
	
	#rap-iws-toggle-pw-show {
		display:none;
	}
	
	
	/* Upload Docs */
	
#drop-area {
  border: 2px dashed #ccc;
  /*border-radius: 20px;
  width: 480px;
  margin: 50px auto;
  padding: 20px;*/
}
#drop-area.highlight {
  border-color: #146c43;
}


#gallery {
  margin-top: 10px;
}
#gallery img {
  width: 150px;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
.button {
  display: inline-block;
  padding: 10px;
  background: #ccc;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.button:hover {
  background: #ddd;
}
#fileElem {
  display: none;
}
	
	/* Cloud AMS Inspirations */
	
	.h4-signup {
    font-size: 1.2rem !important;
    margin-bottom: 0.5rem !important; /* 1.4 */
		margin-top: 0.5rem !important;
    padding: 0.2rem 0 !important;
    border-bottom: 2px solid #007bff;
}
	
	
body {
    /* font-family: 'Avant Garde',Avantgarde,'Century Gothic',CenturyGothic,AppleGothic,sans-serif; */
}


h2 {
    font-size: 1.2rem;
    margin-bottom: 1.4rem;
    padding: 0.2rem 0;
    border-bottom: 2px solid #007bff;
}



.btn-secondary {
    background-color: #0CB0E8;
    border-color: #0CB0E8;
}

    .btn-secondary:hover {
        background-color: #0A9DCF;
        border-color: #098AB5;
    }

.btn-light {
    border: 1px solid #ddd;
}