// NEW USER WIZARD POPUP USE ONLY

#new-user-wizard{}
	.new-user-wizard{
		width:800px;
			.wizard-area-bottom{
				margin:20px 0 0;
				.wizard-left{
					float:left;
					width:20%;
						img{
							border: 0;
							margin-top: 10px;
							margin-left: 12px;
						}
					&.step4{
						margin-top:115px;
					}
					&.step5{
						margin-top:115px;
					}
					&.summary-img-set{
						margin-top:30px;
					}
				}
				.wizard-right{
					float:right;
					width:79%;
					margin-top:20px;
						p{						
							font-weight: 400;
							margin: 0;
							padding: 5px 0 15px;
							text-align: left;
							text-transform: none;
							white-space: normal;
							line-height: 20px;
								span{
									display: block;
									font-size: 14px;
									font-weight: 700;
								}
						}
					.include-option{
						margin: 5px 0 25px;
							.available-section{
								float: left;
								width: 45%;
							}
							.center-arrows{
								float: left;
								width: 10%;
								margin-top: 60px;
								.right-side-arrow{
									background-image: url("../img/sprite.svg");
									width: 35px;
									height: 50px;
									background-position: -84px -1px;
									cursor: pointer;
									margin: 1px auto;
									transition:0.3s ease 0s;
									-moz-transition:0.3s ease 0s;
									-webkit-transition:0.3s ease 0s;
									&:hover{
										background-position: -84px -52px;
									}
								}
								.left-side-arrow{
									background-image: url("../img/sprite.svg");
									width: 35px;
									height: 50px;
									background-position: -41px -1px;
									cursor: pointer;
									margin: 1px auto;
									transition:0.3s ease 0s;
									-moz-transition:0.3s ease 0s;
									-webkit-transition:0.3s ease 0s;
									&:hover{
										background-position: -41px -52px;
									}
								}
							}
							.include-section{
								float: left;
								width: 45%;
							}						
					}
				}
				&#wizard-step-first{
					display:none;
				}
				&#wizard-step-second{
					display:none;
				}
				&#wizard-step-third{
					display:none;
				}
				&#wizard-step-fourth{
					display:none;
				}
				&#wizard-step-fifth{
					display:none;
				}
				&#wizard-step-complete{
					display:none;
				}
			}
		.summary-first-popup{
			p{
				margin-bottom:15px;
				&.input-gap-set{
					margin-top:10px;
						input[type="checkbox"]{
							float:left;
							margin:3px 5px 0 0;
						}
				}
			}
			button{
				&.btn{
				height:100px !important;
				line-height:25px;
				width:180px !important;
				i{
					&.icon-large{
						font-size:30px;
					}
				}
			}
			}
		}
	}