.form {
	.form-header{
		span{
			white-space: normal;
			display: block;
		}
	}
	box-shadow: 0 0 12px 0 rgba(0,0,0,.4);
	.intgrtn-form-signup {
		@media all and (max-width: 768px) {
			display: block;

		}
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.intgrtn-form-signup, .intgrtn-form-signup-3-steps {
		.intgrtn-steps-navigation {
			.intgrtn-steps-navigation-item {
				background-color: #579fd9;

				&.intgrtn-active {
					background-color: #6bf;
				}
			}
		}

		.intgrtn-input-holder {
			width: 100%;
			flex: 100%;
			position: relative;

			.intgrtn-input {
				padding: 10px 30px 10px 15px;
				font-size: 1rem;
				font-weight: 400;
				line-height: 1.5;
				color: #495057;
				background-color: whitesmoke;
				background-clip: padding-box;
				border-radius: 0;
				//border-width: 0;
				border: 1px solid gray ;
				box-shadow: inset 1px 1px 1px #bfbfbf;
				transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

				.intgrtn-areas-dropdown {
					width: 270px;
				}

				&.intgrtn-not-empty:not(intgrtn-invalid) {
					//border: solid 2px #008000;
					//border-radius: 3px;
					border-color: #28a745;
					box-shadow: 0 0 0 0.2rem rgba(40,167,69,.25);
				}

				&.intgrtn-invalid {
					//border: solid 2px #F44336;
					//border-radius: 3px;
					border-color: #dc3545;
					box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
				}
			}


			.input-checkmark {
				position: absolute;
				top: 12px;
				right: 6px;
				display: none;
			}

			.input-exclamationmark {
				position: absolute;
				top: 12px;
				right: 6px;
				display: none;
			}

			//&.intgrtn-input-holder-first-name, &.intgrtn-input-holder-last-name {
			//	flex: 0 0 49%;
			//}

			.intgrtn-input-message-error {
				font-size: 12px;
			}

			.intgrtn-area-flags-holder {
				padding: 10px 2px 10px 10px;
			}

			.intgrtn-input-phone {
				padding: 10px;
			}

			&.intgrtn-input-holder-password {
				.intgrtn-btn-generate-password-holder {
					display: flex;
					flex-wrap: nowrap;

					.intgrtn-btn-generate-password {
						background-color: #6bf;
						color: #FFF;
					}
				}
			}
		}

		.intgrtn-single-message {
			font-size: 12px;
		}

		.intgrtn-btn-submit-holder {
			width: 100%;
		}

		.intgrtn-btn-submit, .intgrtn-btn-go-to-step {
			@media all and (max-width: 768px) {
				height: auto;
				line-height: normal;
				white-space: normal;
			}
			width: 100%;
			margin: 0 auto;
			-webkit-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
			cursor: pointer;
			padding: 15px 5px;
			font-size: 16px;
			display: block;
			position: relative;
			outline: none;
			white-space: normal;
			background-color: #6bf;
			color: #FFF;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 1px;
			border: none;
			border-radius: 3px;
			border-bottom: 3px solid rgba(0, 0, 0, 0.15);
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
			opacity: 1;

			&:hover {
				background-color: #6bf;
				color: #FFF;
			}
		}
	}
}

body {
	.modal-signup {
		.go-to-broker-loader {
			width: 100%;
			height: 45px;
		}
	}

	.d-none {
		display: none !important;
	}

	.user-map {
		@media all and (max-width: 768px) {
			display: none;
		}

		.active-country {

			.circle {
				background: #4caf50;
			}

			.hotspot {
				background-color: rgb(0 150 136 / 1);
			}
		}
	}
}

p.form-disclaimers {
	font-size: 11px;
	margin: 0;
}
