.multicollab_body_class {
	.cf-bs-calltoaction-wrap {
		background-color: #fff;
		max-width: 970px;
		margin: 80px auto 0;
		border-radius: 10px;
		box-shadow: 0 10px 40px 0 rgb(111, 137, 163, 0.10);
		border-bottom: 6px solid #4B1BCE;
		padding: 100px;
		text-align: center;

		* , *::after, *::before{
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		@media screen and (max-width:767px) {
			padding: 50px 30px;
		}
		&.cf-bs-calltoaction-wrap__space {
			padding: 100px 60px;
			@media screen and (max-width:767px) {
				padding: 50px 30px;
			}
		}
		h3 {
			margin: 0 0 40px;
			font-size: 20px;
			font-weight: 600;
			text-transform: uppercase;
			color: #000000;
			@media screen and (max-width:767px) {
				margin-bottom: 20px;
			}
		}
		.cf-bs-calltoaction-logo {
			margin-bottom: 20px;
		}
		.cf-bs-calltoaction-wrap__contents-title {
			margin: 40px 0 0;
			font-size: 30px;
			font-weight: 600;
			color: #000000;
			line-height: 34px;
			text-transform: capitalize;
		}
		p,
		.cf-bs-calltoaction-wrap__contents-text {
			margin: 0;
			color: #2C2A31;
			font-size: 20px;
			line-height: 30px;
			font-weight: 400;
			@media screen and (max-width:767px) {
				font-size: 18px;
				line-height: 26px;
			}
			a {
				color: #4B1BCE;
				text-decoration-thickness: 1px;
				text-underline-offset: 2px;
				box-shadow: none;
			}
		}
		.cf-bs-calltoaction-wrap__contents-second {
			margin: 30px 0;
			font-size: 22px;
    		line-height: 34px;

		}
		.step3-cta-contents-para {
			font-size: 34px;
			font-weight: 500;
			line-height: 45px;
			@media screen and (max-width:767px) {
				font-size: 25px;
				line-height: normal;
			}
		}
		ul {
			&.cf-bs-calltoaction-wrap__list-inline {
				margin: 40px 0 0;
				@media screen and (max-width:767px) {
					margin: 25px 0 0;
				}
				li {
					margin: 0;
				}
			}
		}
		.btn {
			&.btn-primary {
				border: 2px solid #4B1CCE;
				background-color: #4B1CCE;
				color: #fff;
				border-radius: 30px 30px 0 30px;
				outline: none;
				cursor: pointer;
				padding: 14px 38px;
				font-size: 20px;
				line-height: 28px;
				@media screen and (max-width:767px) {
					padding: 10px 33px;
					font-size: 18px;
					line-height: 24px;
				}
			}
			svg {
				margin-left: 10px;
			}
			&.cf_disabled_input {
				color: #a7aaad;
				border-color: #dcdcde;
				background: #f6f7f7;
			}
		}
		h2 {
			&.cta-title {
				margin: 0 0 30px;
				color: #000000;
				font-size: 34px;
				font-weight: 500;
				@media screen and (max-width:1024px) {
					line-height: normal;
				}
				@media screen and (max-width:767px) {
					font-size: 25px;
					margin-bottom: 15px;
				}
			}
		}
		.cf-license-settings {
			margin-top: 20px;
		}
		.cf-notice {
			max-width: 582px;
			margin: 30px auto 0;
			border-radius: 6px;
			border: 1px solid rgb(112, 112, 112, 0.40);
			padding: 0 30px 0 0;
			border-left-width: 6px;
			text-align: left;
			padding: 14px 10px;
			p {
				font-size: 16px;
				line-height: 30px;
				color: #2C2A31;
				padding: 0;
			}
			&.notice-error {
				border-left-color: red;
			}
			&.notice-success {
				border-left-color: #00C259;
			}
		}
		.cf_notice_alert {
			margin-top: 40px;
			a {
				text-decoration: none;
				box-shadow: none;
				&:hover {
					text-decoration: underline;
				}
			}
		}
		
	}
	.cf-bs-calltoaction-wrap__header-logo {
		margin-bottom: 20px;
		
		@media screen and (max-width:767px) {
			margin-bottom: 15px;
			max-width: 190px;
		}
	}
	ul {
		&.bs-social-list {
			margin: 20px 0 0;
			li {
				display: inline-block;
				margin: 0;
				margin-right: 20px;
				&:last-child {
					margin-right: 0;
				}
				a {
					text-decoration: none;
					span {
						background-color: #707070;
						color: #fff;
						width: 30px;
						height: 30px;
						line-height: 30px;
						border-radius: 50%;
						font-size: 18px;
					}
					&:hover {
						span {
							background-color: #4B1BCE;
						}
					}
				}
			}
		}
	}
	span {
		&.bs-callaction-list {
			font-size: 18px;
			font-weight: 500;
			color: #2C2A31;
		}
	}
	input {
		&.bs-callaction-input {
			display: block;
			margin: 20px auto 40px;
			border: 1px solid rgb(112, 112, 112, 0.40);
			border-radius: 6px;
			padding: 12px 20px;
			color: #2c2a31;
			font-size: 16px;
			font-weight: 400;
			line-height: 28px;
			height: 50px;
			min-width: 376px;
			@media screen and (max-width:767px) {
				min-width: 100%;
				margin-bottom: 25px;
			}
			&::placeholder {
				color: #989898;
			}
		}
	}
	select {
		&.bs-callaction-input {
			line-height: 24px;
			-webkit-appearance: none;
			appearance: none;
			background-image: url(../images/select-list-icon.svg);
			background-position: 100%;
			background-repeat: no-repeat;
			background-size: 10px;
			background-position-x: 93%;
			@media screen and (max-width:767px) {
				min-width: 100%;
				margin-bottom: 25px;
			}
			&:hover {
				color: #2c2a31;
			}
		}
	}
	label {
		&.bs-checkbox {
			color: #2C2A31;
			font-size: 20px;
			line-height: 28px;
			font-weight: 400;
			margin-top: 30px;
			display: inline-block;
		}
	}
	.bs-checkbox {
		input[type="checkbox"] {
			border: 1px solid rgb(0, 0, 0, 0.60);
			border-radius: 2px;
			width: 20px;
			height: 20px;
			margin-right: 10px;
		}
		input[type=checkbox]:checked {
			position: relative;
			&::after {
				content: "\2714\fe0e";
				color: #fff;
				vertical-align: middle;
				text-align: center;
				line-height: 17px;
				position: absolute;
				cursor: pointer;
				height: 100%;
				width: 100%;
				left: 0;
				top: 0;
				font-size: 12px;
				background: #4b1bce;
				z-index: 9;
			}
			&::before {
				display: none;
			}
		}
	}
	.cf-bs-calltoaction-wrap__license-settings {
		max-width: 582px;
		margin: 0 auto;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		@media screen and (max-width:782px) {
			display: block;
			max-width: 100%;
		}
		input#cf-license-activator {
			border: 1px solid rgb(112, 112, 112, 0.40);
			font-size: 16px;
			line-height: 28px;
			height: 50px;
			width: 100%;
			border-radius: 6px 6px 6px 6px;
			max-width: 376px;
			outline: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			padding: 15px 20px;
			@media screen and (max-width:782px) {
				width: 100%;
				border-radius: 6px;
			}
			&::-webkit-input-placeholder,
			&::-moz-placeholder,
			&:-ms-input-placeholder,
			&::-ms-input-placeholder,
			&::placeholder {
				color: #989898;
			}
		}
		span {
			&.cf-license-activator-input {
				max-width: 65%;
				@media screen and (max-width:782px) {
					max-width: 100%;
				}
				.dashicons {
					&.dashicons-yes-alt {
						right: 14px;
						font-size: 17px;
						color: #00C259;
						width: 16px;
						height: 16px;
					}
				}
			}
		}
		button#cf-license-activator-submit,button#cf-license-activator-submit-wizard{
			font-size: 18px;
			font-weight: 500;
			padding: 11.5px 15.5px;
			height: 50px;
			min-width: 206px;
			border-radius: 6px 6px 6px 6px;
			margin-left: 5px;
			color: #fff;
			float: left;
			cursor: pointer;
			@media screen and (max-width:782px) {
				margin-left: 0;
				float: none;
				border-radius: 6px;
				height: auto;
				font-size: 16px;
				padding: 10px 20px;
				line-height: 22px;
				min-width: auto;
			}
		}
	}
	.cf_notice_alert {
		display: flex;
		background-color: #F5F4FB;
		border-radius: 6px;
		border-left: 6px solid #4B1BCE;
		padding: 14px 30px 14px 36px;
		text-align: left;
		p {
			font-size: 18px;
			line-height: 30px;
		}
		svg {
			min-width: 20px;
			margin-right: 10px;
			position: relative;
			top: 4px;
		}
	}
	&.admin_page_multicollab_setup_wizard {
		background: #F9FAFB;
		div#wpcontent {
			padding-left: 0;
			position: relative;
			margin-left: 0;
			.wizard {
				z-index: 999;
				position: relative;
			}
		}
		div#wpwrap {
			&:before {
				content: "";
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background-color: #F9FAFB;
			}
		}
		div#wpfooter,
		.update-nag {
			display: none;
		}
		.tab-pane {
			padding: 0 15px;
			&.active{
				.cf-bs-calltoaction-wrap {
					margin: 0 auto;
				}
			}
			.cf-bs-calltoaction-wrap__tab-steps {
				position: relative;
				top: -40px;
				@media only screen and (max-width:768px){
					top: -20px;
				}
				.cf-bs-calltoaction-wrap__tab-steps-bulletlists {
					display: flex;
					justify-content: center;
					.cf-bs-calltoaction-wrap__tab-steps-list{
						position: relative;
						margin-right: 10px;
						padding-right: 135px;
						@media only screen and (max-width:420px){
							padding-right: 100px;
						}
						.cf-bs-calltoaction-wrap__tab-steps-list-number{
							font-size: 20px;
							line-height: 24px;
							color: rgba(0, 0, 0, 0.1);
						}
						&.cf-tab-step-list-three{
							padding: 0;
							margin: 0;
							&::after{
								content: none;
							}
						}

					}
				}
			}
		}
		#step1{
			.cf-bs-calltoaction-wrap__tab-steps {
				.cf-bs-calltoaction-wrap__tab-steps-bulletlists {
					.cf-bs-calltoaction-wrap__tab-steps-list{
						.cf-bs-calltoaction-wrap__tab-steps-list-number{
							&.cf-tab-step-list-number-one{
								color: #4a1bce;
							}
						}
						&.cf-tab-step-list-one,&.cf-tab-step-list-two{
							&:after{
								content: "";
								width: 100%;
								max-width: 94%;
								height: 2px;
								background-color: rgba(0,0,0,0.1);
								position: absolute;
								left: 15px;
								right: 0px;
								bottom: 10px;
							}
						}
						&.cf-tab-step-list-one{
							&:after{
							background-color: #000000;
							}
						}

					}
				}
			}
		}
		#step2{
			.cf-bs-calltoaction-wrap__tab-steps {
				.cf-bs-calltoaction-wrap__tab-steps-bulletlists {
					.cf-bs-calltoaction-wrap__tab-steps-list{
						.cf-bs-calltoaction-wrap__tab-steps-list-number{
							&.cf-tab-step-list-number-one,&.cf-tab-step-list-number-two{
								color: #4a1bce;
							}
						}
						&.cf-tab-step-list-one,&.cf-tab-step-list-two{
							&:after{
								content: "";
								width: 100%;
								max-width: 94%;
								height: 2px;
								background-color: rgba(0,0,0,0.1);
								position: absolute;
								left: 15px;
								right: 0px;
								bottom: 10px;
							}
						}
						&.cf-tab-step-list-one{
							&:after{
							background-color: #000000;
							}
						}
					}
				}
			}
		}
		#step3{
			.cf-bs-calltoaction-wrap__tab-steps {
				.cf-bs-calltoaction-wrap__tab-steps-bulletlists {
					.cf-bs-calltoaction-wrap__tab-steps-list{
						.cf-bs-calltoaction-wrap__tab-steps-list-number{
							font-size: 20px;
							line-height: 24px;
							color: rgba(0, 0, 0, 0.1);
							&.cf-tab-step-list-number-one,&.cf-tab-step-list-number-two,&.cf-tab-step-list-number-three{
								color: #4a1bce;
							}
						}
						&.cf-tab-step-list-one,&.cf-tab-step-list-two{
							&:after{
								content: "";
								width: 100%;
								max-width: 94%;
								height: 2px;
								background-color: rgba(0,0,0,0.1);
								position: absolute;
								left: 15px;
								right: 0px;
								bottom: 10px;
							}
						}
						&.cf-tab-step-list-one,&.cf-tab-step-list-two{
							&:after{
							background-color: #000000;
							}
						}
					}
				}
			}
		}
		#wpwrap {
			max-width: 1000px;
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 30px 0;
		}
		#wpcontent {
			width: 100%;
			#wpbody {
				padding: 0;
			}
		}
		#wpbody-content {
			padding: 0;
			overflow: inherit;
			float: none;
		}
		#wpcontent{
			.notice {
				display: none;
				margin-left: auto;
				margin-right: auto;
			}
		}
	}
	&.cf_fullscreen {
		#adminmenumain,
		#wpadminbar {
			display: none;
		}
		&.wp-toolbar {
			padding: 0;
		}
	}
	cf-bs-calltoaction-wrap__header {
		iframe {
			border: 10px solid #FFFFFF;
			box-shadow: 0 0 60px 0 rgb(0, 0, 0, 0.10);
			width: 768px;
			height: 431px;
			@media screen and (max-width:991px) {
				width: 600px;
				height: 300px;
			}
			@media screen and (max-width:782px) {
				width: 455px;
				height: 270px;
			}
			@media screen and (max-width:600px) {
				width: 250px;
    			height: 152px;
			}
		}
	}
}
select {
	&.bs-callaction-input {
		display: block;
		margin: 20px auto 40px;
		border: 1px solid rgb(112, 112, 112, 0.40);
		border-radius: 6px;
		padding: 12px 20px;
		color: #2c2a31;
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
		height: 50px;
		min-width: 376px;
		@media screen and (max-width:767px) {
				min-width: 100%;
				margin-bottom: 25px;
		}
	}
}
.cf-bs-calltoaction-wrap__license-settings {
	button#cf-license-activator-submit-wizard {
		font-size: 18px;
		font-weight: 500;
		padding: 11.5px 15.5px;
		height: 50px;
		min-width: 206px;
		border-radius: 6px 6px 6px 6px;
		margin-left: 5px;
		color: #fff;
		float: left;
		cursor: pointer;
	}
}
