.popup-account-receive {
	.popup {
	  width: 310px;
		border-radius: 5px;
		background: $v-white-color;

	  .popup-head {
	  	display: none;
	  }
	}

  .head {
		color: $v-light-gray;
    border-bottom: 1px solid $v-subtle-gray;
    height: 40px;
    font-size: 16px;
    padding-top: 10px;

    .title {
	    color: $v-dark-gray;
			font-weight: 500;
    }

    .button {
	    color: $v-light-gray;
	    position: absolute;
	    right: 2px;
	    top: -2px;

	    &:before {
		    font-size: 30px;
	    }
    }
  }

  .popup-body {
    padding: 0;
    color: $v-dark-gray;
		text-align: center;
		overflow: hidden;

		svg {
	    width: 55px !important;
	    margin-top: 10px;
	 	}

		.message {
	    font-size: 16px;
	    font-weight: 600;
	    width: 75%;
	    position: relative;
	    left: 50%;
	    transform: translateX(-50%);
	    margin-top: 5px;
 		}

		.detail {
	    font-size: 16px;
			padding: 20px 20px 25px 20px;
      position: relative;
	    left: 50%;
	    transform: translateX(-50%);
	    font-weight: 500;
	    line-height: 1.4em;
	 	}

	 	.qr-code-container {
	    height: 185px;
	    width: 185px;
	    margin-top: 25px;
	    margin-bottom: 15px;
 	    position: relative;
	    left: 50%;
	    transform: translateX(-50%);
	    border: 1px solid $v-subtle-gray;
	    border-radius: 5px;

		 	qrcode {
				position: absolute;
		    top: 50%;
		    transform: translate(-50%, -50%);
		    margin-top: 5px;
		  }
	 	}

	 	.address {
			font-size: 13px;
	    color: $v-dark-gray;
	    font-weight: 500;
	    height: 55px;
	    border-top: 1px solid $v-subtle-gray;
	    padding-top: 18px;
	    padding-left: 10px;
	    padding-right: 10px;
 	 	}

	  .copied {
	  	svg {
		    margin-top: 25px;
		    margin-bottom: 10px;

	  		* {
		  		fill: $v-success-color;
	  		}
 	  	}

	  	.message {
		    font-size: 32px;
		    font-weight: 500;
	  	}

	  	.detail {
		    font-size: 12px;
		    color: $v-light-gray;
		    width: 80%;
		    padding-top: 15px;
		    padding-bottom: 25px;
	  	}
		}
  }

  .warning {
	  .buttons >.button.button-primary {
			font-size: 16px;
	    font-weight: 600;
	    width: 45%;
	    height: 40px;
	    min-height: 35px;
	    position: relative;
	    left: 50%;
	    transform: translateX(-50%);
	    margin-bottom: 25px;

	    >span {
				position: relative;
	    	top: -1px;
	    }
	  }
	}

  .qrcode {
	  .buttons {
			height: 46px;
	    border-top: 1px solid $v-subtle-gray;
	    padding: 0;

		  >.button.button-clear {
				color: $v-text-color !important;
		    font-size: 14px;
		    font-weight: 500;

		    >span {
			    position: relative;
			    top: -5px;
		    }

		    svg {
			    width: 15px !important;
			    height: 15px;
			    margin-right: 5px;
			    position: relative;
			    top: -3px;

			    * {
				    fill: $v-text-color;
			    }
		    }

		    &.left {
			    border-right: 1px solid $v-subtle-gray;
		    }
	 	  }
	  }
	}
}