.multicollab_body_class {
	.cf-plugin-deacmodal {
		overflow: hidden;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-overflow-scrolling: touch;
		outline: 0;
		opacity: 1;
		-webkit-transition: opacity 0.15s linear, z-index 0.15;
		-o-transition: opacity 0.15s linear, z-index 0.15;
		transition: opacity 0.15s linear, z-index 0.15;
		z-index: -1;
		overflow-x: hidden;
		overflow-y: auto;
		display: none;
		&.cf_visible {
			z-index: 99999;
			opacity: 1;
			display: block;
			height: 100%;
			background-color: rgb(0, 0, 0, 0.60);
			@media screen and (max-width:860px) {
				padding: 10px 20px;
			}
		}
		.cf-plugin-deacmodal__inner {
			max-width: 100%;
			width: 768px;
			position: relative;
			background-color: #fff;
			border-radius: 10px;
			margin: 200px auto;
			display: flex;
			margin-bottom: 60px;
			flex-direction: column;
			border: 1px solid #E2E4E7;
			@media screen and (max-width:860px) {
				width: 100%;
			}

			.cf-settings-loader {
				position: absolute;
				border-radius: 10px;
				overflow: hidden;
				display: none;
				&::before {
					position: absolute;
					border: 2px solid #adadad;
					width: 25px;
					height: 25px;
					border-right: 2px solid #4b1bce;
				}
				&::after {
					background-color: rgb(255 255 255 / 50%);
				}
			}

			&.cf-active-loader {
				.cf-settings-loader { 
					display: block !important;
					opacity: 1 !important;
				}
			}
		}
		.cf-plugin-deacmodal__header {
			background-color: #F6F7F7;
			border-radius: 10px 10px 0 0;
			border-bottom: 1px solid #E2E4E7;
			padding: 18px 20px 20px;
		}
		.modal-title {
			margin: 0;
			font-size: 16px;
			font-weight: 500;
			line-height: 20px;
			color: #000000;
		}
		.cf-plugin-deacmodal__body {
			padding: 20px;

			&#step-1 {
				.cf-plugin-deacmodal__body-form {
					margin-top: 0;
				}
			}

			&#step-3 {
				text-align: center;
	
				.free_plugin_deactivate_step3 {
					font-size: 16px;
					cursor: pointer;
					margin-right: 10px;

					&.active {
						color: #4b1bce;
						font-weight: 600;
					}

					&:last-child {
						margin-right: 0;
					}
	
					img.emoji {
						width: 20px !important;
						height: 20px !important;
						position: relative;
						top: 3px;
					}
				}
	
			}			

			p {
				margin: 0;
				font-size: 14px;
				color: #191E23;
				font-weight: 400;
				line-height: 20px;
			}
		}
		.cf-plugin-deacmodal__footer {
			text-align: right;
			border-top: 1px solid #E2E4E7;
			padding: 20px;
			button {
				font-size: 14px;
				font-weight: 400;
				line-height: 19px;
				border-radius: 6px;
				padding: 10px 20px;
				height: 40px;
				cursor: default;
				color: #C6C6C6;
				background-color: #F6F7F7;
				border: 1px solid #C6C6C6;

				@media screen and (max-width:480px) {
					padding: 10px 11px;
				}
				&.btn-cancel {
					border-color: #2271B1;
					color: #2271B1;
					cursor: pointer;
				}
				&.btn-active {
					border-color: #2271B1;
					color: #2271B1;
					cursor: pointer;
					background-color: #007cba;
					color: #fff;
				}
				&.btn {
					&.btn-primary {
						margin-right: 10px;
					}
				}
			}
		}
	}
	.cf-plugin-deacmodal__body-form {
		margin-top: 20px;
		label {
			position: relative;
			line-height: normal;
			display: block;
			margin-bottom: 10px;

			input[type="radio"] {
				border: 1.5px solid #000000;
				width: 16px;
				height: 16px;
				cursor: pointer;
				text-align: center;
				position: absolute;
				top: 6px;
			}
			span {
				padding-left: 26px;
				font-size: 14px;
				color: #191E23;
				line-height: 20px;
				cursor: pointer;
				display: inline-block;
			}
			&:last-child {
				margin-bottom: 0;
			}
		}
		input[type=radio]:checked {
			&::before {
				width: 10px;
				height: 10px;
				margin: 1.5px;
			}
		}
		input[type="text"] {
			border: 1px solid #C6C6C6;
			border-radius: 6px;
			height: 40px;
			font-size: 14px;
			color: #2c2a31;
			padding: 10px 20px;
			min-width: 410px;
			font-weight: 400;
			margin-top: 7px;
			outline: none;
			box-shadow: none;
			@media screen and (max-width:480px) {
				min-width: 100%;
			}
		}
		input[type="text"]::placeholder {
			color: #c6c6c6;
		}
		.fs_feedback_message_1 {
			margin-bottom: 17px;
		}
		.feedback_message[disabled] {
			+ .cf-deact-required-indicator {
				display: none;
			}
		}
		.cf-deact-required-indicator {
			position: relative;
			font-size: 16px;
			top: -15px;
			color: #f45151;
			display: inline-block;
			margin-left: -3px;
		}
	}
	.cf_plugin_freedeacmodal {
		.cf-plugin-deacmodal__inner {
			margin: 30px auto 20px;
			top: 20px;
		}
	}
	.cf-plugin-deacmodal__footer-snooze-option {
		display: block;
		float: left;
	}
}
