#i2pc_ce_editor_popup,
#i2pc_setting {
	.i2pc-button {
		background-color: #4285f4;
		padding: 10px 15px;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff !important;
		box-shadow: none !important;
		text-decoration: none;
		border-radius: 3px;
		margin-top: 12px;
		display: inline-block;
	}
	.i2pc-success {
		background-color: #28a745;
	}
	.i2pc-default {
		background-color: #6c757d;
	}
}
#i2pc_ce_editor_popup {
	display: none;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	&.i2pc-ce-popup-display {
		display: block !important;
	}
	#i2pc_ce_editor_popup_inner {
		display: block !important;
		width: 100%;
		max-width: 1000px;
		position: absolute;
		margin-bottom: 50px;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.2s linear;
		background-color: #fff;
		border-radius: 2px;
		padding: 0 15px 15px 15px;
	}
	.i2pc-ce-top-head {
		position: relative;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
		margin-right: -15px;
		margin-left: -15px;
		padding: 0 15px;
	}
	.i2pc-ce-close {
		font-size: 25px;
		width: 50px;
		background: none;
		border: none;
		position: absolute;
		right: 0;
		top: -9px;
		font-weight: bold;
		cursor: pointer;
	}

	.i2pc-ce-header {
		background-color: #f1f1f1;
		border-top: 4px solid #4285f4;
		padding: 0px 15px;
		margin-bottom: 15px;
		h3 {
			> span {
				margin-top: 5px;
				display: inline-block;
				margin-left: 10px;
			}
			img {
				float: left;
				width: 40px;
				height: 40px;
				margin-top: -5px;
				margin-bottom: 12px;
			}
		}
	}
	.i2pc-ce-footer {
		border-top: 2px solid #d9d9d9;
		text-align: right;
		overflow: hidden;
	}
	.i2pc-content {
		width: 70%;
		float: left;
	}
	.i2pc-sidebar {
		width: 28%;
		float: right;
	}
	.form-group {
		margin-bottom: .35rem;
	}
	label {
		display: inline-block;
		margin-bottom: .1rem;
		font-weight: bold;
		font-size: .7rem;
	}
	.form-control {
		display: block;
		width: 100%;
		padding: .175rem .75rem;
		font-size: .8rem;
		line-height: 1;
		color: #495057;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		border-radius: .25rem;
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}
	.icon-input {
		width: 80%;
	}
	select {
		padding: 2px;
		line-height: 28px;
		height: 28px;
		vertical-align: middle;
	}
	textarea.form-control {
		overflow: auto;
		resize: vertical;
		font-size: .9rem;
		line-height: 1.3;
	}
	.inline-group {
		.form-control {
			width: 50%;
			display: inline-block;
		}
	}
	.i2pc-fl {
		float: left;
	}
	.i2pc-fr {
		float: right;
	}
	#footer-close {
		margin-left: 5px;
	}

	/* The switch - the box around the slider */
	.switch {
		position: relative;
		display: inline-block;
		width: 44px;
		height: 18px;
	}

	/* Hide default HTML checkbox */
	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	/* The slider */
	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 12px;
		width: 12px;
		left: 3px;
		bottom: 3px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

	input:checked + .slider {
		background-color: #4285f4;
	}

	input:focus + .slider {
		box-shadow: 0 0 1px #4285f4;
	}

	input:checked + .slider:before {
		-webkit-transform: translateX(26px);
		-ms-transform: translateX(26px);
		transform: translateX(26px);
	}

	/* Rounded sliders */
	.slider.round {
		border-radius: 20px;
		width: 44px;
	}

	.slider.round:before {
		border-radius: 50%;
	}
	hr {
		border-top: none;
		border-bottom: 1px solid #e2e4e7;
		margin: .75em 0;
	}
	#i2pc-pros {
		background-color: rgb(242, 254, 242);
	}
	#i2pc-cons {
		background-color: rgb(246, 225, 227);
	}
}
.i2pc-ce-popup-display #i2pc_ce_editor_popup_inner {
	transition: all 0.2s linear;
	top: 50px;
}
#i2pc_setting {
	#i2pc_inner {
		margin-bottom: 50px;
		background-color: #fff;
		border-radius: 2px;
		padding: 1px 15px 15px 15px;
	}
	.i2pc-top-head {
		position: relative;
		border-bottom: 1px solid #ccc;
		margin-bottom: 15px;
		margin-right: -15px;
		margin-left: -15px;
		padding: 0 15px;
	}
	.nav-tab-wrapper {
		background-color: #f1f1f1;
		border-bottom: 1px solid #4285f4;
		border-top: 4px solid #4285f4;
		padding: 15px 0 0;
		margin-bottom: 0px;
		a.nav-tab {
			margin-left: 0;
			margin-right: 5px;
			padding: 10px 35px;
			font-size: 11px;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
		}
		.nav-tab-active,
		.nav-tab-active:focus,
		.nav-tab-active:focus:active,
		.nav-tab-active:hover {
			border-bottom: 1px solid #4285f4;
			background-color: #4285f4;
			color: #fff !important;
			box-shadow: none !important;
			border-radius: 3px;
			display: inline-block;
		}
	}
	.form-wrapper {
		padding: 0 15px;
	}
}