#jet-elements-settings-page {
	visibility: hidden;

	&.is-mounted {
		visibility: visible;
	}
}

.jet-elements-settings-page {
	margin: 25px 15px 0 15px;

	.cx-vui-tabs-panel {
		> .cx-vui-subtitle {
			padding: 20px;
			margin-top: 20px;

			&:first-child {
				margin-top: 0;
			}
		}
	}

	.jet-elements-avaliable-widgets-control {
		.cx-vui-checkgroup {
			display: flex;
			flex-flow: row wrap;

			.cx-vui-checkbox-wrap {
				width: 25%;

				@media screen and (max-width: 1200px) {
					width: 50%;
				}

				@media screen and (max-width: 782px) {
					width: 100%;
				}
			}
		}
	}

	.cx-vui-subtitle {
		font-size: 15px;
		line-height: 20px;
		color: #23282d;
		font-weight: 500;
	}

	&__avaliable-controls {
		display: flex;
		flex-flow: row wrap;
		margin-bottom: 40px;

		&:last-child {
			margin-bottom: 0;
		}

		.cx-vui-title {
			font-weight: 500;
			font-size: 15px;
			line-height: 20px;
			width: 100%;
			margin-bottom: 20px;
			border-bottom: 1px solid #DCDCDD;
			padding-bottom: 15px;
		}
	}

	&__avaliable-control {
		width: 33.3333%;

		@media screen and (max-width: 1200px) {
			width: 50%;
		}

		@media screen and (max-width: 782px) {
			width: 100%;
		}

		.cx-vui-component__label {
			font-size: 14px;
			line-height: 18px;
			font-weight: normal;
		}

		.cx-vui-component {
			padding: 10px 0;
		}
	}

	&__disable-all-widgets {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		border-bottom: 1px solid #ECECEC;
		padding-bottom: 20px;
		margin: 20px 0;

		.cx-vui-component__label {
			margin-right: 10px;
		}
	}

}
