.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
		
		.text-green {
			color: #00042A;
		}
		
		.progresses{
			display: flex;
			align-items: center;
	   }

	   .line{
			width: 5rem;
			height: 6px;
			background: #00042A;
	   }

	   .steps{
			display: flex;
			background-color: #00042A;
			color: #fff;
			font-size: 14px;
			width: 40px;
			height: 40px;
			align-items: center;
			justify-content: center;
			border-radius: 50%;

	   }
		
		.btn-scale {
		  min-width: 44px;
		  width: 6%;
		  text-align: center;
		  font-weight: bold;
		  color: black;
		  font-family: 'Lato', sans-serif;
		}

		.btn-scale-desc-10 {
		  background-color: #33FF00;
		}

		.btn-scale-desc-10:hover {
		  background-color: #2CDE00;
		}

		.btn-scale-desc-9{
		  background-color: #66FF00;
		}

		.btn-scale-desc-9:hover{
		  background-color: #59DE00;
		}

		.btn-scale-desc-8 {
		  background-color: #99FF00;
		}

		.btn-scale-desc-8:hover {
		  background-color: #85DE00;
		}

		.btn-scale-desc-7 {
		  background-color: #CCFF00;
		}

		.btn-scale-desc-7:hover {
		  background-color: #B1DE00;
		}

		.btn-scale-desc-6 {
		  background-color: #FFFF00;
		}

		.btn-scale-desc-6:hover {
		  background-color: #DEDE00;
		}

		.btn-scale-desc-5 {
		  background-color: #FFCC00;
		}

		.btn-scale-desc-5:hover {
		  background-color: #DEB100;
		}

		.btn-scale-desc-4 {
		  background-color: #FF9900;
		}

		.btn-scale-desc-4:hover {
		  background-color: #DE8500;
		}

		.btn-scale-desc-3 {
		  background-color: #FF6600;
		}

		.btn-scale-desc-3:hover {
		  background-color: #DE5900;
		}

		.btn-scale-desc-2 {
		  background-color: #FF3300;
		}

		.btn-scale-desc-2:hover {
		  background-color: #DE2C00;
		}

		.btn-scale-desc-1 {
		  background-color: #FF0000;
		}

		.btn-scale-desc-1:hover {
		  background-color: #DE0000;
		}
		.btn-scale-desc-0 {
		  background-color: #BB0000;
		}

		.btn-scale-desc-0:hover {
		  background-color: #BE0000;
		}
		
		.radio-button{
			width: 100%;
			display:flex;
			align-items: center;
			justify-content: center;
			flex-direction: row-reverse;
			margin-bottom: 10px;
			font-size: 1.6rem;
			cursor: pointer;
		}
		.radio-button input{
			display:none;
			width: 0;
			height: 0;
		}
		.radio-button span{
			width: 26px;
			height: 26px;
			position: relative;
			margin-right: 5px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			background-color: #bdbdbd;
		}
		.radio-button input:checked + span:after{
			content: "";
			display: block;
			width: 10px;
			height: 10px;
			border-radius: 50%;
			background-color: #ffffff;
		}
		.radio-button input:checked + span {
			background-color: #76b176;
		}
		.radio-button input:disabled + span {
			background-color: #e5e5e5;
		}
		.radio-button span:before{
			position: absolute;
			content: "";
			width: 26px;
			height: 26px;
			z-index: 12;
			opacity: 0;
			border-radius: 50%;
			background-color: #76b176;
		}
		.radio-button input:checked + span:before {
			animation: growAndFade 0.2s ease-out;
		} 
		@keyframes growAndFade {
			0% {
				opacity: 1;
				transform: scale(1);
			}
			50% {
				opacity: 0.5;
				transform: scale(1.5);
			}
			100% {
				opacity: 0;
				transform: scale(2);
			}
		}

.cover-container {
	background-image: url("../views/bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #010B2F;
}