/*
 *
 * Don't forget to set $args['admin_stylesheet'] to 'custom' in options.php!
 *
 */

$background-light: #f2f2f2;
$color-white: #ffffff;
$color-black: #000000;
$color-titles: #282828;
$color-text: #a4a4a4;
$color-blue: #3498db;
$color-green: #52d298;
$color-red: #e86763;
$color-yellow: #faedc9;
$border-color: #ececec;

@mixin clearfix() {
	&:before,
	&:after {
		content: "";
		display: table;
	}
	&:after {
		float: none;
		clear: both;
	}
}

.qtip-default.qtip-dark {
	background: #505050 !important;
}

.clearfix {
	@include clearfix();
}

.overfow-hidden {
	overflow: hidden;
}
.redux-main .description {
    margin-top: 7px;
	color: #929292;
}

.form-table > tbody > tr > th {
    width: 30%;
}

.redux-container {
    font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	margin-top: 20px;
	
	*, *:before, *:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	::-webkit-input-placeholder {
		color: $color-text;
	}
	:-moz-placeholder {
		color: $color-text;
	}
	::-moz-placeholder {
		color: $color-text;
	}
	:-ms-input-placeholder {
		color: $color-text;
	}
	
	a:focus .gravatar, a:focus, a:focus .media-icon img,
	.wp-core-ui .button-link:focus, .wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus, .wp-core-ui .button:focus {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

    .hr {
        height: 20px;
        line-height: 20px;
        float: none;
        display: block;
        width: 100%;
        height: 35px !important;
        line-height: 35px !important;
        position: relative;
        margin: 15px 0 10px 0;
    }

    .inner {
        position: absolute;
        top: 50%;
        left: 0 !important;
        width: 100% !important;
        height: 1px;
        width: 100%;
        margin-top: -1px;
        border-top-width: 1px;
        border-top-style: solid;
        border-color: $border-color;
    }
	
	.redux-group-tab .redux-notice-field {
		margin: 0;
		padding: 0 40px;
		background: $border-color;
		/*border-left: 2px solid $color-blue;*/
		border-bottom: 1px solid $border-color;
		&.redux-custom {
			.redux-info-desc {
				overflow: hidden;
				width: 100%;
				.info-title {
					float: left;
					width: 25%;
					padding: 25px 25px 25px 0;
				}
				.info-description {
					float: left;
					width: 75%;
					padding: 20px 0;
				}
			}
		}
		&.dfd-no-bg {
			padding: 20px 40px;
			background: transparent;
		}
		h3 {
			font-size: 14px;
			font-weight: 700;
			line-height: 50px;
			letter-spacing: -.5px;
			margin: 0;
			span {
				font-style: italic;
				color: rgba($color-titles, .5);
			}
		}
	}

	#redux_ajax_overlay {
		display: none;
	}
	
    #redux-footer {
        text-align: right;
        padding: 6px 10px;
    }

    #redux-header {
		padding: 30px 0;
		background: $background-light;
        .display_header {
			font-style: normal;

            h2 {
				font-size: 22px;
				font-weight: 600;
				letter-spacing: 0;
				line-height: 2;
                display: block;
				margin: 0;
                padding: 0;
				color: $color-titles;
            }

            span {
				
            }
			
			p {
				
				font-size: 13px;
				margin: 0;
				color: $color-titles;
				a {
					text-decoration: none;
					color: $color-blue;
					-webkit-transition: color .3s ease 0s;
					-moz-transition: color .3s ease 0s;
					transition: color .3s ease 0s;
					&:hover {
						color: darken($color-blue, 5%);
					}
					&.docs-icon {
						position: relative;
						float: right;
						padding-right: 60px;
						color: $color-titles;
						i {
							position: absolute;
							right: 16px;
							top: 50%;
							height: 1em;
							line-height: 1;
							margin-top: -.5em;
							&:before {
								position: relative;
								color: $color-white;
								z-index: 1;
							}
							&:after {
								$s: 42px;
								content: "";
								display: block;
								width: $s;
								height: $s;
								position: absolute;
								top: 50%;
								left: 50%;
								margin-top: -$s/2;
								margin-left: -$s/2;
								background: $color-blue;
								z-index: 0;
							}
						}
					}
				}
			}
        }

        .icon32 {
            float: right;
            margin: 16px 16px 0;
        }
    }

    #redux-footer {
		background: #eeeeee;
        border-top: 1px solid #E7E7E7;
        z-index: 9999;
		.redux-action_bar {
			.dfd-nav-tabs-section {
				ul {
					li {
						a {
							background: $color-white;
						}
					}
				}
			}
		}

        #redux-share {
            float: left;
            line-height: 28px;
            font-size: 15px;

            a {
                text-decoration: none;
                margin-right: 10px;

                img {
                    margin-bottom: -3px;
                }
            }
        }
    }
	
	#redux_notification_bar {
		margin: 0 10px;
		strong {
			font-weight: normal;
		}
	}

    .notice-green {
        margin: 0;
        padding: 15px 20px;
        color: $color-white;
        background-color: $color-green;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
    }

    .notice-blue {
        margin: 0;
        padding: 15px 20px;
        color: $color-white;
        background-color: $color-blue;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
    }

    .notice-yellow {
        margin: 0;
        padding: 15px 20px;
        color: $color-titles;
        background-color: $color-yellow;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
    }

    .notice-red,
    .redux-field-errors {
        margin: 0;
        padding: 15px 20px;
        color: $color-white;
        background-color: $color-red;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
    }

    .redux-field-errors,
    .redux-field-warnings,
    .redux-save-warn {
        display: none;
    }

    .sticky-save-warn {
        min-height: 76px;

        .redux-save-warn {
            position: fixed;
            top: 32px;
            right: 21px;
            left: 183px;
            opacity: 1;
            z-index: 9999;
        }
    }

    #info_bar {
		overflow: hidden;
        background: $color-white;
        border-bottom: 1px solid #e7e7e7;
        padding: 6px 10px 6px 6px;
        text-align: right;
		.expand_options {
			cursor: pointer;
			display: block;
			height: 36px;
			width: 36px;
			float: left;
			font-size: 0;
			text-indent: -9999px;
			margin: 2px 0 0 4px;
			background: url("../../img/toggle_tabs.png") no-repeat;

			&.expanded {
				background: url("../../img/toggle_tabs.png") no-repeat;
			}

			&:hover {
				border-color: #888;
			}
		}
    }
	
	.redux-sections-wrap {
/*		background-color: $color-white;
		box-shadow: 0 5px 13px 5px rgba($color-black, .1);
		border-radius: 3px;*/
	}

    .redux-group-tab {
        display: none;
        margin-bottom: 30px;

        .redux-theme-data {
            padding: 20px 0;
            border-top: 1px solid $border-color;

            &.theme-description {
                padding: 10px 0;
                border-width: 0;
            }

            &.theme-uri,
            &.theme-author,
            &.theme-version {
                padding: 0;
                border-width: 0;
            }
        }

        h3 {
            margin-top: 0;
            line-height: 2em;
			color: #454545;
            border-bottom: 1px solid $border-color;
        }

        .redux-section-desc {
            margin-bottom: 15px;
        }
    }

    .redux-action_bar {
		@include clearfix();
		&.dev-mode {
			.dfd-nav-tabs-section {
				max-width: calc(100% - 500px);
			}
		}
        .dfd-nav-tabs-section {
			float: left;
			max-width: calc(100% - 160px);
			padding: 0 10px 0 30px;
			ul {
				@include clearfix();
				list-style: none;
				margin: 0;
				li {
					float: left;
					margin-right: 7px;
					margin-top: 7px;
					margin-bottom: 7px;
					&:last-child {
						margin-right: 0;
					}
					a {
						display: block;
						text-decoration: none;
						white-space: nowrap;
						line-height: 30px;
						padding: 0 15px;
						color: $color-titles;
						background: $border-color;
						border-radius: 4px;
						-webkit-box-shadow: 0 8px 20px 3px transparent;
						-moz-box-shadow: 0 8px 20px 3px transparent;
						-ms-box-shadow: 0 8px 20px 3px transparent;
						-o-box-shadow: 0 8px 20px 3px transparent;
						box-shadow: 0 8px 20px 3px transparent;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0);
						-webkit-transition: all .3s ease;
						-moz-transition: all .3s ease;
						-ms-transition: all .3s ease;
						-o-transition: all .3s ease;
						transition: all .3s ease;
						&:hover {
							background: $color-white;
							-webkit-box-shadow: 0 8px 20px 3px rgba(0,0,0,.2);
							-moz-box-shadow: 0 8px 20px 3px rgba(0,0,0,.2);
							-ms-box-shadow: 0 8px 20px 3px rgba(0,0,0,.2);
							-o-box-shadow: 0 8px 20px 3px rgba(0,0,0,.2);
							box-shadow: 0 8px 20px 3px rgba(0,0,0,.2);
							-webkit-transform: translateY(-2px);
							-moz-transform: translateY(-2px);
							-ms-transform: translateY(-2px);
							-o-transform: translateY(-2px);
							transform: translateY(-2px);
						}
					}
				}
			}
		}
		.options-header-buttons-section {
			float: right;
		}
    }

    .redux-ajax-loading {
        display: none;
        background: red url("../../img/ajax.gif") no-repeat;
        width: 16px;
        height: 16px;
        margin: 3px 4px 0;
        float: right;
    }

    #redux-intro-text {
        background: #f3f3f3;
        border-bottom: 1px solid #dedede;
        -moz-box-shadow: inset 0 1px 0 #fcfcfc;
        -webkit-box-shadow: inset 0 1px 0 #fcfcfc;
        box-shadow: inset 0 1px 0 #fcfcfc;
        padding: 3px;
        padding: 10px 10px;
		display: none;

        p {
            margin: 0;
            font-family: "Lucida Grande", Sans-serif;
            color: #888;
        }
    }

    .sticky-footer-fixed {
        background: $color-white;
        border-top: 1px solid $border-color !important;
    }

    .redux-sidebar,
    .redux-main {
        min-height: 300px;
    }
	
	.redux-hint-qtip {
		float: left;
		margin-right: 15px;
	}
}

/* redux-container */

.no-js {
    border: 1px solid #ffbaba;
    margin: 0;
    border-bottom: 1px solid #E7E7E7;
    background-color: #F2DEDE;
    color: #B94A48;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.redux-container .redux-main {
	
	#native-header_links_typography_option {
		.redux-typography-container .picker-wrapper {
			display: none;
		}
	}
	
	.redux-typography-container {
		max-width: 100%;
		* {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
		}
		* label {
			font-size: 13px !important;
			margin: 10px 0 !important;
			color: $color-titles;
		}
		.select_wrapper {
			height: auto;
			.redux-typography {
				height: 50px !important;
				line-height: 50px !important;
				min-width: 0 !important;
			}
		}
		.input_wrapper {
			width: 20%;
			max-width: 20%;
			height: auto;
			margin: 0 10px 0 0;
			.input-append {
				position: relative;
				line-height: 50px;
				input[type="text"] {
					height: 50px;
					line-height: inherit;
					border-radius: 3px;
				}
				.add-on {
					height: 50px;
					line-height: inherit;
					margin: 0 0 0 -2px;
					padding: 0 10px;
					background: $color-white;
					border: 1px solid $border-color;
				}
			}
		}
		.picker-wrapper {
			* {
				-webkit-box-sizing: content-box;
				-moz-box-sizing: content-box;
				-o-box-sizing: content-box;
				box-sizing: content-box;
			}
		}
	}

	.redux-container-import_export {
		padding: 0 40px;
		.notice-red {
			margin: 10px -30px;
		}
		h4 {
			
		}
		#redux-import-code-button,
		#redux-export-code-copy,
		#redux-import-link-button,
		#redux-export-code-dl,
		#redux-import,
		#redux-export-link {
			height: auto;
			line-height: 50px;
			padding: 0 47px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-text-shadow: none;
			-moz-text-shadow: none;
			text-shadow: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		#redux-import-code-button,
		#redux-export-code-copy,
		#redux-import-link-button,
		#redux-export-code-dl {
			color: $color-titles;
			background: $color-white;
			border: 1px dashed $border-color;
			-webkit-transition: border .3s ease 0s;
			-moz-transition: border .3s ease 0s;
			transition: border .3s ease 0s;
			&:hover,
			&:active,
			&:focus {
				border-color: $color-green;
			}
		}
		#redux-import,
		#redux-export-link {
			color: $color-white;
			background: $color-green;
			border-color: $color-green;
			-webkit-transition: background .3s ease 0s, border .3s ease 0s;
			-moz-transition: background .3s ease 0s, border .3s ease 0s;
			transition: background .3s ease 0s, border .3s ease 0s;
			&:hover,
			&:active,
			&:focus {
				background: darken($color-green, 5%);
				border-color: $color-green;
			}
		}
		
	}
	@-webkit-keyframes dfdImportSpinnerAnim {
		0% {
			-webkit-transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
		}
	}
	@-moz-keyframes dfdImportSpinnerAnim {
		0% {
			-moz-transform: rotate(0deg);
		}
		100% {
			-moz-transform: rotate(360deg);
		}
	}
	@keyframes dfdImportSpinnerAnim {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
	@mixin importButton() {
		font-size: 13px;
		font-weight: bold;
		height: 44px;
		line-height: 44px;
		margin: 0;
		padding: 0 37px;
		color: $color-white;
		background: $color-blue;
		border: none;
		-webkit-border-radius: 44px;
		-moz-border-radius: 44px;
		border-radius: 44px;
		-webkit-text-shadow: none;
		-moz-text-shadow: none;
		text-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-transition: background .3s ease;
		-moz-transition: background .3s ease;
		transition: background .3s ease;
		&:hover {
			background: darken($color-blue, 5%);
			-webkit-text-shadow: none;
			-moz-text-shadow: none;
			text-shadow: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
	}
	.wbc_importer {
		.theme-browser {
			@include clearfix();
			padding: 15px 40px;
			.description {
				margin-top: 5px;
				margin-bottom: 20px;
			}
			.themes {
				margin: 0 -10px;
				@include clearfix();
				.clear {
					&.clear-two-cols,
					&.clear-three-cols {
						display: none;
					}
				}
				.wrap-importer {
					width: 25%;
					padding: 0 10px;
					margin-right: 0;
					margin-bottom: 25px;
					border: none;
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
					cursor: default;
					transition: opacity .3s ease;
					&.active,
					&.imported {
						&:not(:hover) {
							opacity: .4;
						}
						&:hover {
							opacity: 1;
						}
						.dfd-import-wrap-cover {
							.theme-actions {
								.wbc-importer-buttons.button-secondary.importer-button {
									display: none;
								}
							}
						}
						h3.theme-name {
							padding: 15px;
							color: #2e2e2e;
							background: transparent;
						}
					}
					&.not-imported {
						
					}
					&.import-started {
						.dfd-import-wrap-cover {
							&:before {
								background: rgba(0,0,0,.4);
							}
						}
					}
					&:hover {
						.dfd-import-wrap-cover {
							&:before {
								background: rgba(0,0,0,.18);
							}
						}
					}
					&:hover,
					&.import-started {
						&:hover,
						&:not(:hover) {
							opacity: 1;
						}
						.dfd-import-wrap-cover {
							.theme-actions {
								opacity: 1;
								visibility: visible;
							}
						}
					}
					.dfd-import-wrap-cover {
						position: relative;
						overflow: hidden;
						margin-bottom: 5px;
						border: 1px solid $border-color;
						&:before {
							content: "";
							display: block;
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							background: transparent;
							z-index: 1;
							-webkit-transition: background .3s ease;
							-moz-transition: background .3s ease;
							transition: background .3s ease;
						}
						.theme-screenshot {
							&:after {
								display: none;
							}
							img.wbc_image {
								position: relative;
								display: block;
								opacity: 1 !important;
							}
						}
						.more-details {
							display: none;
						}
						.theme-actions {
							position: absolute;
							bottom: 50%;
							right: 50%;
							display: block;
							height: auto;
							margin: 0;
							padding: 0;
							background: transparent;
							border: none;
							opacity: 0;
							visibility: hidden;
							z-index: 2;
							-webkit-transform: translate3d(50%, 50%, 0);
							-moz-transform: translate3d(50%, 50%, 0);
							transform: translate3d(50%, 50%, 0);
							-webkit-transition: opacity .3s ease, visibility .3s ease;
							-moz-transition: opacity .3s ease, visibility .3s ease;
							transition: opacity .3s ease, visibility .3s ease;
							.wbc-importer-buttons {
								@include clearfix();
								> * {
									float: left;
								}
							}
							.spinner {
								font-size: 11px;
								font-weight: bold;
								height: 35px;
								line-height: 35px;
								margin: 0;
								padding: 0 30px 0 0;
								color: $color-white;
								background-image: none;
								opacity: 1;
								&:before {
									content: "";
									display: block;
									width: 20px;
									height: 20px;
									position: absolute;
									top: 50%;
									right: 0;
									margin-top: -10px;
									border-top: 2px solid $color-white;
									border-left: 2px solid $color-white;
									-webkit-border-radius: 50%;
									-moz-border-radius: 50%;
									border-radius: 50%;
									-webkit-animation: dfdImportSpinnerAnim 1s linear infinite;
									-moz-animation: dfdImportSpinnerAnim 1s linear infinite;
									animation: dfdImportSpinnerAnim 1s linear infinite;
								}
							}
							.import-demo-data,
							#wbc-importer-reimport {
								@include importButton();
								> span {
									color: #2b2a2a;
								}
							}
						}
					}
					h3.theme-name {
						font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
						font-size: 11px;
						font-weight: bold;
						text-transform: uppercase;
						text-align: center;
						height: auto;
						color: #2e2e2e;
						-webkit-box-shadow: none;
						-moz-box-shadow: none;
						box-shadow: none;
					}
				}
			}
		}
	}
}

@media only screen and (max-width: 1280px) {
	.redux-container .redux-main {
		.wbc_importer {
			.theme-browser {
				.themes {
					.wrap-importer {
						width: 33.3333%;
					}
					.clear {
						&.clear-two-cols,
						&.clear-main {
							display: none;
						}
					}
				}
			}
		}
	}
}

@media only screen and (max-width: 768px) {
	.redux-container .redux-main {
		.wbc_importer {
			.theme-browser {
				.themes {
					.wrap-importer {
						width: 50%;
					}
					.clear {
						&.clear-three-cols,
						&.clear-main {
							display: none;
						}
					}
				}
			}
		}
	}
}

@media only screen and (max-width: 480px) {
	.redux-container .redux-main {
		.wbc_importer {
			.theme-browser {
				.themes {
					.wrap-importer {
						width: 100%;
					}
					.clear {
						display: none;
					}
				}
			}
		}
	}
}

.redux-main .redux-typography-container .select_wrapper.typography-family .redux-typography.redux-typography-family.select2-container + .redux-typography.redux-typography-family.select2-container {
	display: none !important
}

.select2-drop {
	::-webkit-scrollbar {
		width: 9px;
		margin-right: 20px;
	}
	::-webkit-scrollbar-track {
		background-color: transparent;
		border: none;
	}
	::-webkit-scrollbar-thumb {
		height: 110px;
		background-color: #3d3d3d;
		border-radius: 14px;
	}
	::-webkit-scrollbar-thumb:hover {
		background-color: darken(#3d3d3d, 5%);
	}
	&.select2-drop-active {
		font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
		font-size: 13px;
		margin-top: 0;
		border-color: $border-color !important;
		-webkit-box-shadow: 0 5px 10px 2px rgba($color-black, .1);
		-moz-box-shadow: 0 5px 10px 2px rgba($color-black, .1);
		box-shadow: 0 5px 10px 2px rgba($color-black, .1);
		.select2-search {
			padding: 0;
			background: transparent;
			border: none;
			input[type="text"] {
				font: normal 400 13px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
				display: block;
				width: 100%;
				height: 50px;
				line-height: 50px;
				margin: 0;
				padding: 0 20px !important;
				background: $color-white url(../../img/search_icon.png) center right 15px no-repeat;
				border: none;
				&:hover,
					&:focus {
					box-shadow: none;
				}
			}
		}
		ul.select2-results {
			margin: 0;
			padding: 0;
			background: $color-white;
			li.select2-result {
				//height: 46px;
				line-height: 50px;
				margin: 0;
				background: $color-white;
				color: $color-titles;
				border-radius: 0;
				border-top: 1px solid $border-color;
				-webkit-transition: background .3s ease-in-out 0s, border-top-color .3s ease-in-out 0s;
				-moz-transition: background .3s ease-in-out 0s, border-top-color .3s ease-in-out 0s;
				-o-transition: background .3s ease-in-out 0s, border-top-color .3s ease-in-out 0s;
				transition: background .3s ease-in-out 0s, border-top-color .3s ease-in-out 0s;
				&:hover {
					background: $background-light;
					border-top-color: $background-light;
					+ li.select2-result {
						border-top-color: $background-light;
					}
				}
				.select2-result-label {
					font-size: 14px;
					padding: 0 20px;
				}
			}
		}
	}
}

.redux-main {
	border-radius: 0 6px 6px 6px;
    -webkit-box-shadow: -5px 0 15px 0px rgba($color-black, .1);
    -moz-box-shadow: -5px 0 15px 0px rgba($color-black, .1);
    box-shadow: -5px 0 15px 0px rgba($color-black, .1);
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
		.select2-search input,
		.select2-search-choice-close,
		.select2-container .select2-choice abbr,
		.select2-container .select2-choice .select2-arrow b {
			background-image: none !important;
		}
	}

    .form-table.no-border {
        border-top: none;
    }
    .form-table tr {
        border-bottom: 1px solid $border-color;
        &:last-child {
            border-bottom: none !important;
        }
        th,
        td {
            color: #333;
        }
    }

    .form-table tr td {
        table.mceLayout,
        table.mceLayout tr,
        table.mceLayout tr td {
            padding: 0;
            border-width: 0;
        }

        .redux-th-warning {
            font-size: 1em;
            font-weight: normal;
            display: block;
            color: $color-yellow;
        }

        .redux-field-warning {
            border-color: $color-yellow;
        }

        .redux-th-error {
            font-size: 1em;
            font-weight: normal;
            display: block;
            color: $color-red;
        }
    }

    input.large-text {
        width: 100%;
    }

    .hide {
        display: none;
    }

    .redux-field-container {
        padding: 15px 20px;
    }

    .mini,
    input[type=text].mini {
        width: 50px;
        text-align: center;
    }

    input {
        line-height: 19px;
    }

    img {
		&:not(.customization-icons) {
			max-width: 100%;
			height: auto;
			width: auto !important;
		}
    }

	.screenshot .redux-option-image {
		border-width: 0;
		border-radius: 0;;
	}

	div.upload_button_div {
		position: relative;
		overflow: hidden;
		.buttons-cover {
			float: left;
			position: relative;
			overflow: hidden;
			.media_upload_button {
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				-ms-flex-align: center;
				align-items: center;
				float: left;
				min-width: 50px;
				min-height: 50px;
				padding: 10px;
				cursor: pointer;
				border: 1px dashed $border-color;
				-webkit-transition: border-color .3s ease 0s;
				-moz-transition: border-color .3s ease 0s;
				-o-transition: border-color .3s ease 0s;
				transition: border-color .3s ease 0s;
				.screenshot {
					display: block;
					width: 100%;
					&.hide {
						display: none;
					}
					.redux-option-image {
						display: block;
						margin: 0 auto;
						padding: 0;
						border: none;
						-webkit-border-radius: 0;
						-moz-border-radius: 0;
						border-radius: 0;
					}
				}
				.no-image-holder {
					display: inline-block;
					height: 50px;
					line-height: 50px;
					padding: 0 47px;
					white-space: nowrap;
					&.hide {
						display: none;
					}
					i {
						font-size: 12px;
						margin-right: 10px;
						color: rgba($color-black, .2);
						-webkit-transition: color .3s ease 0s;
						-moz-transition: color .3s ease 0s;
						transition: color .3s ease 0s;
					}
				}
			}
			.remove-image {
				font-size: 19px;
				position: absolute;
				top: 6px;
				right: 6px;
				color: #a1a1a1;
				cursor: pointer;
				-webkit-transition: color .3s ease 0s;
				-moz-transition: color .3s ease 0s;
				transition: color .3s ease 0s;
			}
			&:hover {
				.media_upload_button {
					border-color: $color-green;
					.no-image-holder {
						i {
							color: $color-green;
						}
					}
				}
				.remove-image {
					color: $color-red;
				}
			}
		}
	}

	.hide.screenshot + div.upload_button_div {
		.button {
			height: 60px;
			line-height: 60px;
			padding: 0 50px;
			&:hover {
				background: #edc27d;
				color: $color-white;
			}
		}
	}

    .select2-default {
        width: auto !important;
    }

    .showDefaults {
        display: block;
        font-weight: normal;
        font-size: .8em;
        color: #888;
    }

    span.description {
        display: block;
        font-style: normal;
        font-weight: 400;
    }

    #redux-system-info textarea {
        min-height: 730px;
        width: 100%;
    }

    .field-desc {
        clear: both;
        font-size: 13px;
    }

    .data-full li {
        width: 100%;
    }

    .data-half li {
        width: 50%;
        float: left;
    }

    .data-third li {
        width: 33.3%;
        float: left;
    }

    .data-quarter li {
        width: 25%;
        float: left;
    }

    .ui-helper-hidden-accessible {
        top: inherit;
    }

    .form-table {
        clear: none;
    }

    .input-append {
		input {
			border-right: 0;
			margin-bottom: 0;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			margin-right: 0;
			float:left;
			margin-top: 0;
			display: block;
		}
	
		.add-on {
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
			margin-left: -2px;
			float: left;
		}
	}
    .input-prepend input {
        border-left: 0;
        margin-bottom: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin-left: 0;
        padding-top: 2px;
        padding-bottom: 5px;
        float:left;
        margin-top: 0;
        display: block;
    }
    .input-prepend .add-on {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        float: left;
    }

    .input-append {
        margin-right: 10px;
        font-size: 0;
        white-space: nowrap;
        float: left;
        display: inline-block;
        margin-bottom: 6px;
    }
    .input-append .add-on, .input-prepend .add-on {
        width: auto;
        display: inline-block;
        min-width: 16px;
        padding: 3px 4px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        text-shadow: none;
		color: rgba($color-black, .5);
        background-color: $color-white;
        border: none;
    }
    .input-prepend {
        font-size: 0;
        white-space: nowrap;
        float: left;
        display: inline-block;
        margin-bottom: 6px;
    }

    #redux-object-browser {
        overflow: auto;
        word-wrap: break-word;
        max-height: 600px;
        max-width: 100%;
    }
	&.expand {
		.redux-group-tab h3 {
			display: none;
		}
	}
}

/* main */

.redux-sidebar {
    width: 310px;
    float: left;

    .redux-group-menu {
        margin-top: 0 !important;
		margin-bottom: 0px;
		overflow: hidden;
		border-radius: 6px 0 0 6px;
		
		li {
			-webkit-transition: border-color .3s ease-in-out 0s;
			-moz-transition: border-color .3s ease-in-out 0s;
			-o-transition: border-color .3s ease-in-out 0s;
			transition: border-color .3s ease-in-out 0s;
		}

		> li {
            margin: 0px;
			border-top: 1px solid lighten($color-blue, 5%);
			&.dark {
				a {
					background: #1b1b1b;
					i {
						color: #ffffff;
					}
					&:hover {
						background: #1b1b1b;
					}
				}
			}
			&:first-child {
				border-top: none;
			}
			&:not(.hasSubSections) {
				&.active {
					border-color: #2a3135;
					+ li {
						border-color: #2a3135;
					}
					> a {
						color: $color-white;
						background: #2a3135;
						i {
							color: $color-white;
						}
					}
				}
			}
			
			&.hasSubSections {
				> a {
					&:after {
						content: "";
						display: block;
						width: 2px;
						height: 2px;
						position: absolute;
						top: 50%;
						right: 38px;
						background: $color-titles;
						box-shadow: 4px 0 0 0 $color-titles, 8px 0 0 0 $color-titles;
						-webkit-transition: background .3s ease 0s, -webkit-box-shadow .3s ease 0s, box-shadow .3s ease 0s;
						-moz-transition: background .3s ease 0s, -moz-box-shadow .3s ease 0s, box-shadow .3s ease 0s;
						transition: background .3s ease 0s, -webkit-box-shadow .3s ease 0s, box-shadow .3s ease 0s;
					}
				}
				ul li {
					border-color: darken($border-color, 2%);
					a {
/*						&:after {
							content: "\f111";
							font-size: 10px;
							font-family: "dashicons";
							position: absolute;
							top: 50%;
							right: 30px;
							height: 1em;
							line-height: 1;
							margin-top: -.5em;
							color: rgba($color-titles, .5);
							-webkit-transform: translateX(0);
							-moz-transform: translateX(0);
							-o-transform: translateX(0);
							transform: translateX(0);
							-webkit-transition: all .3s ease-in-out 0s;
							-moz-transition: all .3s ease-in-out 0s;
							-o-transition: all .3s ease-in-out 0s;
							transition: all .3s ease-in-out 0s;
						}*/
					}
				}
				&.active,
				&.activeChild {
					a {
						color: $color-titles;
						background: $color-white;
					}
					ul li {
						border-top: 1px solid $border-color;
						&:hover {
							border-color: $background-light;
							+ li {
								border-color: $background-light;
							}
							a {
								color: $color-titles;
								background: $background-light;
								&:after {
									color: $color-blue;
								}
							}
						}
						&.active {
							border-color: #2a3135;
							+ li {
								border-color: #2a3135;
							}
							a {
								color: $color-white;
								background: #2a3135;
								&:after {
									color: $color-white;
								}
								i {
									color: $color-white;
								}
							}
							&:hover {
								a {
									&:after {
										-webkit-transform: translateX(5px);
										-moz-transform: translateX(5px);
										-o-transform: translateX(5px);
										transform: translateX(5px);
									}
								}
							}
						}
					}
				}
				&.active {
					border-color: #2a3135;
					> a {
						color: $color-white;
						background: #2a3135;
					}
				}
				&.activeChild {
					border-color: darken($color-blue, 5%);
					+ li {
						border-color: darken($color-blue, 5%);
					}
					> a {
						color: $color-white;
						background: darken($color-blue, 5%);
						i {
							color: $color-white;
						}
					}
				}
			}

			a {
				font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
				font-size: 13px;
				font-weight: 600;
				display: block;
				position: relative;
				padding: 13px 40px 13px 30px;
				color: $color-white;
				background: $color-blue;
				text-decoration: none;
				-webkit-transition: background .3s ease-in-out 0s;
				-moz-transition: background .3s ease-in-out 0s;
				-o-transition: background .3s ease-in-out 0s;
				transition: background .3s ease-in-out 0s;

			}
			&:hover {
				border-color: darken($color-blue, 5%);
				+ li {
					border-color: darken($color-blue, 5%);
				}
				a {
					background: darken($color-blue, 5%);
					i {
						/*color: $color-blue;*/
					}
				}
			}
			i {
				font-size: 17px;
				line-height: 15px;
				float: left;
				color: #2e4350;
				-webkit-transition: color .3s ease-in-out 0s;
				-moz-transition: color .3s ease-in-out 0s;
				-o-transition: color .3s ease-in-out 0s;
				transition: color .3s ease-in-out 0s;
				&.el-info-circle,
				&.el-refresh {
					font-size: 12px;
				}
			}
			span {
				display: block;
				margin-left: 35px;
				-webkit-transition: color .3s ease-in-out 0s;
				-moz-transition: color .3s ease-in-out 0s;
				-o-transition: color .3s ease-in-out 0s;
				transition: color .3s ease-in-out 0s;
			}
        }
    }

    .redux-menu-warning,
    .redux-menu-error,
    .hasSubSections .extraIconSubsections {
        display: inline-block;
        float: right;
        padding: 6px 7px 4px 7px;
        margin-left: 4px;
        font-family: sans-serif;
        font-size: 9px;
        font-weight: bold;
        line-height: 9px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border: 0 solid transparent;
        margin-right: 5px;

        i {
            margin-left: -3px;
            margin-top: -3px;
        }
    }
    .redux-menu-error {
        color: $color-white;
        background-color: $color-red;
    }
    .redux-menu-warning {
        color: $color-titles;
        background-color: $color-yellow;
    }

    ul {
        .subsection {
            display: none;
			i {
				opacity: 0;
			}
        }
    }

    .redux-group-tab-link-a {
        position: relative;
        outline: 0;
        i {
            vertical-align: middle;
            font-size: 1.35em;
            position: absolute;
        }
        span {
            display: block;
        }
    }

    .redux-group-tab-link-li a.hasError span.group_title {
        padding-right: 25px;
    }

}

/* sidebar */

.form-table th, .form-table td {
    margin: 0;
    padding: 0;
    width: auto;
}

/*
 *
 * NHP_Options_color
 *
 */
.farb-popup-wrapper {
    position: relative;
    display: block;
}

.farb-popup {
    position: absolute;
    left: 40px;
    top: 40px;
    background-color: white;
    border: 1px solid #222;
    padding: 5px;
    z-index: 100;
}

#ui-datepicker-div {
    display: none;
}

.mp6 {
    .icon-themes {
        display: none;
    }

    .redux-container {
        #info_bar {
            padding: 6px 10px 6px 6px;

            a {
                margin-top: 2px;
            }
        }
    }
}

.redux-timer {
    text-align: center;
    font-size: 10px;
    color: #888;
}

.wrap {
    margin-top: 0;
}

@media screen and (max-width: 1124px) {
	.redux-sidebar ul .subsection i {
		opacity: 1;
	}
    .redux-sidebar {
        width: 44px !important;

        .extraIconSubsections {
            display: none !important;
        }

        .redux-group-menu li a,
        .redux-group-menu li a:hover,
		.redux-group-menu li.active a,
		.redux-group-menu li.active a:hover,
		.redux-group-menu li.activeChild a,
		.redux-group-menu li.activeChild a:hover {
            width: auto;
			height: 44px;
        }

        .redux-group-tab-link-a {
            position: relative;
			line-height: 1em;
			padding: 14px !important;

            i {
                position: inherit;
            }

			&:after {
				display: none !important;
			}

            span {
                display: none !important;
                position: absolute;
                top: 0;
                left: 44px;
                padding: 12px;
                width: 200px;
                background: #eeeeee;
                border: 1px solid #e7e7e7;
                -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
                -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
                box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
                border-width: 1px 1px 1px 0px;
                z-index: 3;
            }

            /*&:hover > span {
                display: block;
            }*/
        }
    }

    .redux-main {
        margin-left: 44px !important;
        width: auto;
        max-width: 100%;
    }

    table.form-table,
    .form-table > thead,
    .form-table > tbody,
    .form-table > tbody > tr > th,
    .form-table > tbody > tr > td,
    .form-table > tbody > tr {
        display: block;
        width: 100% !important;
    }
}

//mp6 fixes
@media screen and (max-width: 783px) {
    .mp6 {
        .redux-container {
            #info_bar {
                height: auto;
                padding-bottom: 1px;

                a {
                    margin-top: 5px;
                }
            }
        }
    }
}

pre {
    overflow: hidden;
}

/* Default admin theme */

@media screen and (max-width: 1124px) {
    // .redux-group-tab-link-a span { margin-top: -2px; }
    .redux-group-tab-link-a span {
        //background: #222;
        //color: white;
        padding: 11px 12px;
        color: #555;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        &:hover {
            //color: #2ea2cc;
            //background: black;
            background: #e5e5e5;
        }
    }
}

@media screen and (max-width: 782px) {
    #redux-footer #redux-share {
        line-height: 38px;
        font-size: 18px;
    }

    .sticky-save-warn .redux-save-warn {
        right: 13px;
        top: 46px;
    }

    .redux-container .expand_options {
        margin-top: 5px;
    }

    .redux-action_bar input {
        margin-bottom: 0 !important;
    }

}

@media screen and (max-width: 650px) {
    #redux-footer #redux-share,
    .redux-hint-qtip {
        display: none;
    }

    .redux-container .redux-action_bar {
        float: none;
    }
}

@media screen and (max-width: 476px) {
    .redux-container .expand_options {
        display: none;
    }

    #redux-footer, .redux-container #info_bar {
        text-align: center;
    }
}

// WP Engine CSS fix
.redux-sidebar .icon-large,
.redux-main .icon-large {
    background-image: inherit !important;
    width: inherit;
    height: inherit;
}

.redux-main dd, .redux-main li, .redux-sidebar li {
    margin-bottom: 0 !important;
}

.fully-expanded {
    .redux-sidebar {
        margin-left: -500px;
    }
    .redux-main {
        margin-left: 0;
    }
    .redux-group-tab {
        display: block;
    }
}

@media screen and (max-width: 1124px) {
    .form-table > tbody > tr > th {
        padding-bottom: 0 !important;
    }

    .redux_field_th {
        padding-left: 20px;
        padding-bottom: 0;
    }

    .redux-main {
        .redux-field-container {
            padding-top: 0;
            padding-bottom: 0;
        }
    }
}

@media screen and (min-width: 601px) and (max-width: 782px) {
    .redux-container {
        .sticky-save-warn .redux-save-warn {
            top: 47px !important;
            right: 13px !important;
        }
    }
}

@media screen and (max-width: 782px) {

    .redux-main {
        .form-table-section-indented {
            input[type=text] {
                width: 95% !important;
            }
        }

        .redux-container-sortable {
            input[type=text] {
                width: 80%;
                display: initial;
            }
        }

        .redux-typography-container {
            .input_wrapper input.mini {
                font-size: 16px !important;
                height: 40px !important;
                padding: 7px 10px !important;
                line-height: 24px !important;
            }
            .picker-wrapper label {
                margin-top: 16px !important;
            }
        }

        .input-append {
            height: 50px !important;

            .add-on {
                font-size: 16px;
                line-height: 24px !important;
                padding: 7px;
                height: 32px !important;
                float: right;
                margin-top: -40px;
            }
        }

        .redux-hint-qtip {
            float: left !important;
        }
    }
}

@media screen and (max-width: 600px) {
    .sticky-save-warn .redux-save-warn {
        top: 0 !important;
        right: 14px !important;
    }
}

@media screen and (max-width: 570px) {
    .redux-main {
        .redux-container-sortable {
            .checkbox-container {
                width: 85%;
                padding-bottom: 5px;

                label {
                    display: initial;
                }
            }
        }
    }
}

/* Leftovers? */

/*.shadow1 {
    position: relative;
	
    &:before,
    &:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 15px;
        left: 10px;
        width: 50%;
        top: 80%;
        max-width: 300px;
        background: #777;
        -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
        box-shadow: 0 15px 10px rgba(0,0,0,0.4);
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
	
    &:after {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
        right: 10px;
        left: auto;        
    }
}*/

/*.redux-menu-warning {
    background-color: #C09853;
    color: #FCF8E3;
}
.redux-menu-error {
    background-color: #B94A48;
    color: #F2DEDE;
}*/

/*.redux-screenshot {
    max-width: 300px;
    display: block;
}*/

/*.redux-container {
    .ajax-loading-img-top {
        margin: 5px 4px 0;
        float: left;
    }
	
    .ajax-loading {
        margin: 3px 4px 0;
        float: right;
    }
	
    .ajax-reset-loading-img {
        display: block;
        margin-left: 100px;
    }
}*/

.redux-container #redux-header .display_header span.redux-dev-mode-notice {
    position: absolute;
    left: 20px;
    bottom: 9px;
    background-color: #f0ad4e;
    display: inline;
    padding: .2em .6em .3em;
    font-weight: 700;
    line-height: 1;
    color: #252525 !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

#redux-heading {
	margin-bottom: 20px;
}

#redux-footer {
	text-align: right;
	padding: 20px;
	.footer-buttons-section {
		display: inline-block;
	}
}

.dfd-options-button-cover {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 5px;
	border-radius: 0;
	> a.button-primary,
	> a.button-secondary,
	input[type="submit"],
	span.button {
		overflow: hidden;
		font: normal 400 13px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
		height: auto;
		line-height: 45px;
		padding-left: 30px;
		padding-right: 30px;
		margin: 0;
		background: transparent;
		color: $color-titles;
		border: 1px dashed $border-color;
		border-radius: 45px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-text-shadow: none;
		-moz-text-shadow: none;
		text-shadow: none;
		outline: none;
		-webkit-transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
		-moz-transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
		-o-transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
		transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		&:hover,
		&:active {
			background: transparent;
			color: inherit;
			border-color: darken($border-color, 5%);
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
		}
	}
	&.options-button-green {
		.button-primary {
			color: $color-white;
			background: $color-green;
			border-color: $color-green;
			border-style: solid;
			&:hover,
			&:active {
				color: $color-white;
				background: darken($color-green, 5%);
				border-color: darken($color-green, 5%);
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
		}
	}
	&.options-button-green-border {
		.button {
			background: $color-white;
			border-color: $color-green;
			border-style: solid;
			&:hover,
			&:active {
				background: $color-white;
				border-color: darken($color-green, 5%);
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
		}
	}
	&:first-child {
		margin-left: 0;
	}
	&:last-child {
		margin-right: 0;
	}
}


#redux-footer {
	border-top: 1px solid #e7e7e7;
	.options-header-buttons-section {
		@include clearfix();
		.dfd-options-button-cover.secondary {
			input[type="submit"] {
				background: $color-white;
				border-color: $color-white;
				&:hover,
					&:active {
					background: #323232;
					border-color: #323232;
				}
			}
		}
	}
}

#redux-footer #redux-share {
	float: left;
}

#redux-footer #redux-share a {
	margin-right: 10px;
}

#redux-footer #redux-share a img {
	margin-bottom: -3px;
}

#redux-sub-footer {
    text-align: center;
    font-size: .8em;
}

#redux-save {
	margin: 0px;
	border-bottom: 1px solid #e7e7e7;
    background-color: #DFF0D8;
    color: #468847;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#redux-imported {
	margin: 0px;
	border-bottom: 1px solid #e7e7e7;
    background-color: #D9EDF7;
    color: #3A87AD;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#redux-save-warn {
	margin: 0px;
	display: none;
	border-bottom: 1px solid #e7e7e7;
	background-color: #FCF8E3;
    color: #C09853;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#redux-field-warnings {
	margin: 0px;
	display: none;
	border-bottom: 1px solid #DFDFDF;
	background-color: #FCF8E3;
    color: #C09853;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);	
}

#redux-field-errors {
	margin: 0px;
	display: none;
	border-bottom: 1px solid #DFDFDF;
    background-color: #F2DEDE;
    color: #B94A48;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);	
}

.redux-sidebar,
#redux-main {
	min-height: 310px;
}

.redux-menu-warning {
	background-color: #C09853;
    color: #FCF8E3;
	display: inline-block;
	float: right;
    padding: 6px 7px 4px 7px;
    margin-left: 4px;
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari, Chrome */
	border-radius: 20px;
	font-family: sans-serif;
    font-size: 9px;
    font-weight: bold;
    line-height: 9px;
}

.redux-menu-error {
	background-color: #B94A48;
    color: #F2DEDE;
	display: inline-block;
	float: right;
    padding: 6px 7px 4px 7px;
    margin-left: 4px;
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari, Chrome */
	border-radius: 20px;
	font-family: sans-serif;
    font-size: 9px;
    font-weight: bold;
    line-height: 9px;
}

.redux-main {
	position: relative;
	margin-left: 310px;
	padding: 10px 0 0;
	background: $color-white;
	.redux-container-slider {
		.redux-slider-container {
			height: 3px;
			background: $color-green;
			border-width: 0;
			border-radius: 0;;
			box-shadow: none;
			.noUi-background {
				background: $border-color;
				border-radius: 0;;
			}
			.noUi-handle {
				top: -18px;
				width: 38px;
				height: 38px;
				background: $color-green;
				border-width: 0;
				border-radius: 50%;
				-webkit-box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
				-moz-box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
				box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
				&:before,
				&:after {
					display: none;
				}
			}
		}
	}
	.redux-container-image_select ul.redux-image-select {
		margin: 0 -4px !important;
		li {
			text-align: center;
			padding: 0 4px;
		}
	}
	.redux-container-image_select ul .redux-image-select {
		position: relative;
		img,
		.tiles {
			padding: 4px;
			border-width: 1px;
			border-color: $border-color;
			-webkit-transition: padding .3s ease 0s, border .3s ease 0s;
			-moz-transition: padding .3s ease 0s, border .3s ease 0s;
			transition: padding .3s ease 0s, border .3s ease 0s;
			&:hover {
				border-color: $color-green;
			}
		}
		span.tooltip {
			font-size: 12px;
			position: absolute;
			top: 100%;
			left: 50%;
			display: block;
			padding: 5px 30px;
			margin-top: 5px;
			background: #383838;
			color: #ffffff;
			white-space: nowrap;
			opacity: 0;
			visibility: hidden;
			z-index: 2;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);
			-webkit-transition: opacity .3s ease 0s, visibility .3s ease 0s;
			-moz-transition: opacity .3s ease 0s, visibility .3s ease 0s;
			-ms-transition: opacity .3s ease 0s, visibility .3s ease 0s;
			-o-transition: opacity .3s ease 0s, visibility .3s ease 0s;
			transition: opacity .3s ease 0s, visibility .3s ease 0s;
			&:before {
				content: "";
				position: absolute;
				bottom: 100%;
				left: 50%;
				display: block;
				margin-left: -1px;
				border: 2px solid transparent;
				border-left: 2px solid #383838;
				border-bottom: 2px solid #383838;
			}
		}
		&:hover {
			span.tooltip {
				opacity: 1;
				visibility: visible;
			}
		}
		$w: 90;
		$h: 80;
		$delim: 1;
		&:nth-child(1) {
			.dfd-tiles {
				background-position: unquote(-($w + $delim)+px) 0px;
			}
			.redux-image-select-selected {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)+px) unquote(-($h + $delim)*2+px);
				}
			}
			&:hover {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)+px) unquote(-($h + $delim)+px);
				}
				.redux-image-select-selected {
					.dfd-tiles {
						background-position: unquote(-($w + $delim)+px) unquote(-($h + $delim)*2+px);
					}
				}
			}
		}
		&:nth-child(2) {
			.dfd-tiles {
				background-position: unquote(-($w + $delim)*2+px) 0px;
			}
			.redux-image-select-selected {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*2+px) unquote(-($h + $delim)*2+px);
				}
			}
			&:hover {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*2+px) unquote(-($h + $delim)+px);
				}
				.redux-image-select-selected {
					.dfd-tiles {
						background-position: unquote(-($w + $delim)*2+px) unquote(-($h + $delim)*2+px);
					}
				}
			}
		}
		&:nth-child(3) {
			.dfd-tiles {
				background-position: unquote(-($w + $delim)*3+px) 0px;
			}
			.redux-image-select-selected {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*3+px) unquote(-($h + $delim)*2+px);
				}
			}
			&:hover {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*3+px) unquote(-($h + $delim)+px);
				}
				.redux-image-select-selected {
					.dfd-tiles {
						background-position: unquote(-($w + $delim)*3+px) unquote(-($h + $delim)*2+px);
					}
				}
			}
		}
		&:nth-child(4) {
			.dfd-tiles {
				background-position: unquote(-($w + $delim)*4+px) 0px;
			}
			.redux-image-select-selected {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*4+px) unquote(-($h + $delim)*2+px);
				}
			}
			&:hover {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*4+px) unquote(-($h + $delim)+px);
				}
				.redux-image-select-selected {
					.dfd-tiles {
						background-position: unquote(-($w + $delim)*4+px) unquote(-($h + $delim)*2+px);
					}
				}
			}
		}
		&:nth-child(5) {
			.dfd-tiles {
				background-position: unquote(-($w + $delim)*5+px) 0px;
			}
			.redux-image-select-selected {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*5+px) unquote(-($h + $delim)*2+px);
				}
			}
			&:hover {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*5+px)  unquote(-($h + $delim)+px);
				}
				.redux-image-select-selected {
					.dfd-tiles {
						background-position: unquote(-($w + $delim)*5+px) unquote(-($h + $delim)*2+px);
					}
				}
			}
		}
		&:nth-child(6) {
			.dfd-tiles {
				background-position: unquote(-($w + $delim)*6+px) 0px;
			}
			.redux-image-select-selected {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*6+px) unquote(-($h + $delim)*2+px);
				}
			}
			&:hover {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*6+px) unquote(-($h + $delim)+px);
				}
				.redux-image-select-selected {
					.dfd-tiles {
						background-position: unquote(-($w + $delim)*6+px) unquote(-($h + $delim)*2+px);
					}
				}
			}
		}
		&:nth-child(7) {
			.dfd-tiles {
				background-position: unquote(-($w + $delim)*7+px) 0px;
			}
			.redux-image-select-selected {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*7+px) unquote(-($h + $delim)*2+px);
				}
			}
			&:hover {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*7+px) unquote(-($h + $delim)+px);
				}
				.redux-image-select-selected {
					.dfd-tiles {
						background-position: unquote(-($w + $delim)*7+px) unquote(-($h + $delim)*2+px);
					}
				}
			}
		}
		&:nth-child(8) {
			.dfd-tiles {
				background-position: unquote(-($w + $delim)*8+px) 0px;
			}
			.redux-image-select-selected {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*8+px) unquote(-($h + $delim)*2+px);
				}
			}
			&:hover {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*8+px) unquote(-($h + $delim)+px);
				}
				.redux-image-select-selected {
					.dfd-tiles {
						background-position: unquote(-($w + $delim)*8+px) unquote(-($h + $delim)*2+px);
					}
				}
			}
		}
		&:nth-child(99) {
			.dfd-tiles {
				background-position: unquote(-($w + $delim)*9+px) 0px;
			}
			.redux-image-select-selected {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*9+px) unquote(-($h + $delim)*2+px);
				}
			}
			&:hover {
				.dfd-tiles {
					background-position: unquote(-($w + $delim)*9+px) unquote(-($h + $delim)+px);
				}
				.redux-image-select-selected {
					.dfd-tiles {
						background-position: unquote(-($w + $delim)*9+px) unquote(-($h + $delim)*2+px);
					}
				}
			}
		}
		.dfd-tiles {
			width: unquote(($w)+px);
			height: unquote(($h)+px);
			display: block;
		}
		&.redux-image-select-selected {
			background: transparent;
			img,
			.tiles {
				padding: 3px;
				border-width: 2px;
				border-color: $color-green;
			}
		}
	}
	
	.select2-container {
		min-width: 100%;
		height: 50px;
		line-height: 50px;
		&.select2-dropdown-open {
			.select2-choice {
/*				color: $color-titles;
				background: $color-white;
				border-color: $color-green;*/
				.select2-arrow {
					b {
						&:after {
							margin-top: -7px;
							border-top-color: transparent;
							border-bottom-color: $color-titles;
						}
					}
				}
			}
		}
		.select2-choice {
			font-size: 13px;
			height: 100%;
			line-height: inherit;
			padding-left: 25px;
			background: $background-light;
			color: #a4a4a4 !important;
			border: 1px solid $background-light;
			border-radius: 3px;
			-webkit-transition: color .3s ease 0s, background .3s ease 0s, border .3s ease 0s;
			-moz-transition: color .3s ease 0s, background .3s ease 0s, border .3s ease 0s;
			transition: color .3s ease 0s, background .3s ease 0s, border .3s ease 0s;
			.select2-arrow {
				width: 34px;
				padding: 0;
				background: transparent;
				border: none;
				border-radius: 0;
				b {
					background: transparent;
					&:after {
						content: "";
						position: absolute;
						display: block;
						top: 50%;
						left: 50%;
						margin-top: -3px;
						margin-left: -4px;
						border: 4px solid transparent;
						border-top-color: $color-titles;
					}
				}
			}
			> .select2-chosen {
				height: 50px;
				line-height: 50px;
			}
			abbr {
				top: 18px;
				right: 35px;
				background: transparent;
				&:before,
				&:after {
					content: "";
					display: block;
					width: 3px;
					height: 10px;
					position: absolute;
					top: 0;
					left: 50%;
					background: #d2d2d2;
					-webkit-transition: background .3s ease-in-out 0s;
					-moz-transition: background .3s ease-in-out 0s;
					-o-transition: background .3s ease-in-out 0s;
					transition: background .3s ease-in-out 0s;
				}
				&:before {
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					-o-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				&:after {
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					transform: rotate(45deg);
				}
			}
			&:hover {
				color: $color-titles;
				background: $color-white;
				border-color: $color-green;
				abbr {
					&:before,
					&:after {
						background: $color-red;
					}
				}
			}
		}
	}
	input[type="checkbox"] {
		position: relative;
		background: transparent;
		border-width: 0;
		box-shadow: none;
		width: 18px;
		height: 18px;
		cursor: pointer;

		&:before {
			content: "";
			position: absolute;
			display: block;
			width: 18px;
			height: 18px;
			top: 50%;
			left: 50%;
			margin-top: -9px;
			margin-left: -9px;
			background: $color-white;
			border: 1px solid #dddddd;
			box-shadow: inset 0px 0px 0px 0px #dddddd;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
			-webkit-transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
			-moz-transition: -moz-transform .3s ease-in-out .3s;
			-o-transition: -o-transform .3s ease-in-out .3s;
			transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
		}
		&:after {
			content: "\f147";
			position: absolute;
			display: block;
			font-family: "dashicons";
			font-size: 18px;
			width: 18px;
			height: 18px;
			line-height: 18px;
			left: 0;
			top: 0;
			text-align: center;
			color: #e27863;
			-webkit-transform: scale(0);
			-moz-transform: scale(0);
			-o-transform: scale(0);
			transform: scale(0);
			-webkit-transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
			-moz-transition: -moz-transform .3s ease-in-out .3s;
			-o-transition: -o-transform .3s ease-in-out .3s;
			transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
		}
		&:hover {
			&:before {
				box-shadow: inset 0px 0px 0px 1px #dddddd;
			}
		}
		&:checked {
			&:after {
				-webkit-transform: scale(1);
				-moz-transform: scale(1);
				-o-transform: scale(1);
				transform: scale(1);
				-webkit-transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
				-moz-transition: -moz-transform .3s ease-in-out .3s;
				-o-transition: -o-transform .3s ease-in-out .3s;
				transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
			}
			&:before {
				-webkit-transform: scale(0);
				-moz-transform: scale(0);
				-o-transform: scale(0);
				transform: scale(0);
				-webkit-transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
				-moz-transition: -moz-transform .3s ease-in-out .3s;
				-o-transition: -o-transform .3s ease-in-out .3s;
				transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
			}
		}
	}
	
	.redux-container-radio {
		ul {
			margin: 0;
			@include clearfix();
			> li {
				float: left;
				width: auto;
				&:first-child {
					> label {
						span {
							border-left-width: 1px;
							border-radius: 4px 0 0 4px;
							&:before {
								border-radius: 0 0 0 4px;
							}
						}
					}
				}
				&:last-child {
					> label {
						span {
							border-radius: 0 4px 4px 0;
							&:before {
								border-radius: 0 0 4px 0;
							}
						}
					}
				}
				> label {
					position: relative;
					input[type="radio"] {
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						opacity: 0;
						&:checked {
							+ span {
								background: #eaeaea;
								&:before {
									border-bottom-color: $color-blue;
								}
							}
						}
					}
					span {
						position: relative;
						display: block;
						height: 45px;
						line-height: 45px;
						padding: 0 20px;
						background: transparent;
						border: 1px solid #eaeaea;
						border-left-width: 0;
						transition: background .3s ease;
						&:before {
							content: "";
							display: block;
							height: 0;
							position: absolute;
							left: -1px;
							right: -1px;
							bottom: -1px;
							border-bottom: 2px solid transparent;
							transition: border-color .3s ease;
						}
					}
					&:hover {
						span {
							&:before {
								border-bottom-color: $color-blue;
							}
						}
					}
				}
			}
		}
	}
	.button-secondary {
		&.redux-upload {
			font: normal 700 15px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
			height: auto;
			padding: 20px 30px;
			margin-bottom: 10px;
			background: transparent;
			border: 1px solid #dedede;
			border-radius: 0;;
			-webkit-transition: border-color .3s ease-in-out 0s;
			-moz-transition: border-color .3s ease-in-out 0s;
			-o-transition: border-color .3s ease-in-out 0s;
			transition: border-color .3s ease-in-out 0s;
			i {
				margin-right: 10px;
			}
			&:hover {
				border-color: #57e0a2;
			}
		}
	}
	.redux-upload-remove {
		font: normal 700 15px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
		text-decoration: none;
		color: #363535;
		i {
			margin-right: 10px;
		}
	}
	.redux-screenshot {

	}

	input[type="text"] {
		width: 100%;
		height: 45px;
		line-height: 45px;
		padding: 0 25px;
		&.redux-slider-input {
			width: 70px !important;
			padding: 0;
		}
	}
	
	textarea {
		padding: 25px;
	}
	
	input[type="text"],
	textarea {
		font-size: 13px;
		color: $color-titles;
		background: $background-light;
		border: 1px solid #e2e2e2;
		border-radius: 3px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-transition: background .3s ease 0s, border-color .3s ease-in-out 0s;
		-moz-transition: background .3s ease 0s, border-color .3s ease-in-out 0s;
		-o-transition: background .3s ease 0s, border-color .3s ease-in-out 0s;
		transition: background .3s ease 0s, border-color .3s ease-in-out 0s;
		&:hover,
		&:focus {
			background: $color-white;
			border-color: $color-green;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
	}
	.ui-buttonset {
		.buttons-cover {
			position: relative;
			display: inline-block;
			border-radius: 32px;
			@include clearfix();
			&.dfd-options-two-buttons-set {
				$s: 32px;
				width: 58px;
				height: $s;
				input[type="radio"] {
					display: none;
				}
				label {
					position: absolute;
					top: 0;
					display: block;
					width: 50%;
					height: 100%;
					padding: 0;
					border: none;
					color: transparent;
					background: transparent;
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
					z-index: 1;
					> span {
						display: none;
					}
					&.ui-state-active {
						cursor: default;
					}
					&.ui-corner-left {
						left: 0;
					}
					&.ui-corner-right {
						right: 0;
					}
				}
				.button-animation {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					background: $color-green;
					border-radius: 32px;
					z-index: 0;
					-webkit-transition: background .3s ease 0s;
					-moz-transition: background .3s ease 0s;
					transition: background .3s ease 0s;
					&:before {
						content: "";
						display: block;
						width: $s+2;
						height: $s+2;
						position: absolute;
						left: auto;
						right: -1px;
						top: -1px;
						background: $color-white;
						border-radius: 50%;
						-webkit-box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
						-moz-box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
						box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
						-webkit-transition: right .3s ease 0s;
						-moz-transition: right .3s ease 0s;
						transition: right .3s ease 0s;
					}
					&.right-active {
						background: $background-light;
						&:before {
							right: 24px;
						}
					}
				}
			}
			&.dfd-options-few-buttons-set {
				.ui-button {
					font: normal 400 15px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
					position: relative;
					height: 22px;
					line-height: 22px;
					padding: 0 30px;
					background: transparent;
					color: #2b2a2a;
					border-width: 0;
					box-shadow: none;
					&:before {
						content: "";
						display: block;
						width: 18px;
						height: 18px;
						position: absolute;
						top: 1px;
						left: 1px;
						background: transparent;
						border-width: 1px;
						border-style: solid;
						border-color: #dddddd;
						z-index: 1;
						border-radius: 50%;
						box-shadow: 0 0 0 0 transparent;
						-webkit-transition: background .3s ease-in-out 0s, box-shadow .3s linear 0s;
						-moz-transition: background .3s ease-in-out 0s, box-shadow .3s linear 0s;
						-o-transition: background .3s ease-in-out 0s, box-shadow .3s linear 0s;
						transition: background .3s ease-in-out 0s, box-shadow .3s linear 0s;
					}
					.ui-button-text {
						position: relative;
						background: transparent;
						color: #2b2a2a;
						z-index: 2;
						text-shadow: none;
					}
					&.ui-state-active {
						&:before {
							background: #454545;
							border-color: #454545;
							box-shadow: 0 0 0 0 transparent;
						}
						&:hover {
							&:before {
								border-color: #454545;
								box-shadow: 0 0 0 0 transparent;
							}
						}
					}
					&:hover {
						&:before {
							box-shadow: 0 0 0 1px #dddddd;
						}
					}
				}
			}
			.ui-button {
				line-height: 25px;
				margin: 0 !important;
				background: #dedede;
			}
		}
	}
	.form-wrap p, p.description, p.help, span.description {
		font: normal 400 13px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	}
	.redux-container-background {
		.dropdowns-wrap {
			margin: 0 -10px;
			.select-cover {
				float: left;
				width: 50%;
				padding: 0 10px;
				&:nth-child(1),
				&:nth-child(2) {
					margin-bottom: 20px;
				}
			}
		}
		.upload_button_div {
			overflow: visible;
			.redux-background-upload {
				height: 50px;
				line-height: 50px;
				padding: 0 47px;
				color: $color-titles;
				background: $color-white;
				border: 1px dashed $border-color;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				-webkit-transition: border-color .3s ease 0s;
				-moz-transition: border-color .3s ease 0s;
				transition: border-color .3s ease 0s;
				i {
					font-size: 12px;
					margin-right: 10px;
					color: rgba($color-black, .2);
					-webkit-transition: color .3s ease 0s;
					-moz-transition: color .3s ease 0s;
					transition: color .3s ease 0s;
				}
				&:hover,
				&:focus,
				&:active {
					color: $color-titles;
					background: $color-white;
					border-color: $color-green;
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
					i {
						color: $color-green;
					}
				}
			}
			.redux-remove-background {
				height: 50px;
				line-height: 50px;
				padding: 0 47px;
				color: $color-titles;
				background: $color-white;
				border: 1px dashed $color-red;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				-webkit-transition: color .3s ease 0s, border-color .3s ease 0s;
				-moz-transition: color .3s ease 0s, border-color .3s ease 0s;
				transition: color .3s ease 0s, border-color .3s ease 0s;
				&:hover,
				&:focus,
				&:active {
					color: $color-red;
					background: $color-white;
					border-color: $color-red;
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
				}
			}
		}
		.hide.screenshot + div.upload_button_div .redux-background-upload:hover {
			color: $color-titles;
			background: $color-white;
			border-color: $color-green;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			i {
				color: $color-green;
			}
		}
		.hide.screenshot + div.upload_button_div .redux-remove-background:hover {
			color: $color-red;
			background: $color-white;
			border-color: $color-red;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			i {
				color: $color-green;
			}
		}
	}
}
/*
.redux-sidebar .redux-group-menu {
	margin-top: 0px;
	margin-bottom: 0px;
	li.active + li:not(.active) {
		a:before {
			display: none;
		}
	}
	li:hover + li:not(:hover) {
		a:before {
			display: none;
		}
	}
	li {
		margin: 0px;
		&.divide {
			padding: 0px;
			border-width: 1px 0px 1px 0px;
			border-style: solid;
			border-bottom-color: #DFDFDF;
			border-top-color: #F9F9F9;
		}
		&:first-child a:before {
			display: none;
		}

		a {
			font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
			font-size: 14px;
			font-weight: 700;
			display: block;
			position: relative;
			padding: 14px 14px;
			background: $color-white;
			color: #2e2e2e;
			text-decoration: none;
			-webkit-transition: background .3s ease-in-out 0s;
			-moz-transition: background .3s ease-in-out 0s;
			-o-transition: background .3s ease-in-out 0s;
			transition: background .3s ease-in-out 0s;
			&:before {
				content: "";
				display: block;
				height: 1px;
				position: absolute;
				top: 0;
				left: 15px;
				right: 15px;
				background: #e9e9e9;
			}
			img {
				width: 16px;
				height: 16px;
				vertical-align:middle;
				margin-bottom:-3px;
			}
			&:hover {
				background: #f6f6f6;
				&:before {
					display: none;
				}
				i {
					color: #3abbdb;
				}
				span {
					margin-left: 15px;
				}
			}
		}
		i {
			font-size: 17px;
			line-height: 15px;
			float: left;
			-webkit-transition: color .3s ease-in-out 0s;
			-moz-transition: color .3s ease-in-out 0s;
			-o-transition: color .3s ease-in-out 0s;
			transition: color .3s ease-in-out 0s;
			&.crdash-crown {
				font-size: 12px;
			}
			&.crdash-keyboard {
				font-size: 14px;
			}
		}
		span {
			display: block;
			margin-left: 10px;
			-webkit-transition: margin-left .3s ease-in-out 0s;
			-moz-transition: margin-left .3s ease-in-out 0s;
			-o-transition: margin-left .3s ease-in-out 0s;
			transition: margin-left .3s ease-in-out 0s;
		}
		&.active a {
			//width: 174px;
			//margin-right: -2px;
			background: #3abbdb;
			color: $color-white;
			&:before {
				display: none;
			}
			&:after {
				content: "\e6d2";
				font-family: "crdash";
				font-size: 5px;
				display: block;
				height: 1em;
				line-height: 1;
				position: absolute;
				top: 50%;
				right: 15px;
				margin-top: -.5em
			}
			i {
				color: $color-white;
			}
		}
	}
}
*/

.redux-group-tab {
	display: none;
	> h2 {
		font-size: 20px;
		font-weight: 800;
		letter-spacing: -1px;
		padding: 20px 40px;
		margin: 0;
		border-bottom: 1px solid $border-color;
	}
	> h3 {
		position: absolute;
		bottom: 100%;
		margin-top: 0px;
		margin-bottom: 0;
		font-size: 1.8em;
		line-height: 2em;
	}
	.redux-section-desc {
		font-size: 1.2em;
		color: rgba($color-titles, .5);
	}
	.form-table {
		clear: none;
		margin: 0;
		&.no-border {
			border-top: none;
		}
		tr {
			border-bottom: 1px solid $border-color;
			&:last-child {
				border-bottom: none;
			}
			th,
			td {
				font: normal 400 13px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
				vertical-align: middle;
				color: $color-titles;
			}
			th {
				width: 25%;
				padding: 25px 25px 25px 40px;
			}
			td {
				
			}
			td .redux-th-warning {
				font-size: 1em;
				color: #C09853;
				font-weight: normal;
				display: block;
			}
			td .redux-field-warning {
				border-color: #C09853;
			}
			td .redux-th-error {
				font-size: 1em;
				color: #B94A48;
				font-weight: normal;
				display: block;
			}
			td .redux-field-error {
				border-color: #B94A48;
			}
			/* reset nested tables for mce */
			td table.mceLayout,
			td table.mceLayout tr,
			td table.mceLayout tr td {
				padding: 0px;
				border-width: 0px;
			}
		}
	}
	.redux-item-data {
		padding: 20px 0px;
		border-top: 1px solid #dedede;
		&.item-uri,
		&.item-author,
		&.item-version {
			padding:0px;
			border-width:0px;
		}
		&.item-description {
			padding: 10px 0px;
			border-width: 0px;
		}
	}
}

[class^="icon-"], [class*=" icon-"] {
	color: #333333;
}

/*
 *
 * Redux_Options_radio_img
 *
 */

.redux-radio-img {
	margin: 6px;
	display: inline-block;
	text-align: center;
	padding: 10px;
	input[type='radio'] {
		display: none;
	}
	img {
		padding: 5px;
		border: 1px solid #dedede;
		-webkit-transition: border-color .3s ease-in-out 0s;
		-moz-transition: border-color .3s ease-in-out 0s;
		-o-transition: border-color .3s ease-in-out 0s;
		transition: border-color .3s ease-in-out 0s;
	}
	span {
		font: normal 700 15px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	}
	&:hover {
		img {
			border-color: #57e0a2;
		}
	}
}

.redux-radio-img-selected {
	img {
		border-color: #57e0a2;
	}
}

/*
 *
 * Redux_Options_color
 *
 */
.redux-container-color {
	line-height: 40px;
	.color-transparency-check {
		line-height: inherit;
		margin-bottom: 0 !important;
	}
}

.redux-main  {
	.redux-container-color_gradient {
		/*overflow: hidden;*/
		@include clearfix();
		.colorGradient {
			float: left;
			width: 340px;
			padding-left: 40px;
			strong {
				font-weight: norml;
				position: absolute;
				display: block;
				left: 0;
				top: 25px;
				height: 1em;
				line-height: 1;
				margin-top: -.5em !important;
			}
			.color-transparency-check {
				left: 180px;
			}
		}
	}
	.colorGradient,
	.picker-wrap-cover {
		position: relative;
		.wp-picker-container {
			width: 160px;
		}
		.color-transparency-check {
			position: absolute;
			display: block;
			left: 140px;
			top: 25px;
			height: 1em;
			line-height: 1;
			margin-top: -.5em !important;
		}
	}
}

.redux-main {
	.wp-picker-container {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-o-box-sizing: content-box;
		box-sizing: content-box;
		* {
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			-o-box-sizing: content-box;
			box-sizing: content-box;
		}
		.wp-color-result {
			margin-right: 5px !important;
		}
	}
/*	.wp-picker-container,
	.wp-picker-container:active {
		position: relative;
		z-index: 1;
		.wp-color-result {
			overflow: hidden;
			display: block;
			width: 42px;
			height: 42px;
			position: absolute;
			top: 4px;
			left: 4px;
			margin: 0;
			padding: 0;
			border: none;
			border-radius: 50%;
			margin: 0;
			border: none;
			box-shadow: none;
			-webkit-transition: background .3s ease-in-out 0s;
			-moz-transition: background .3s ease-in-out 0s;
			-o-transition: background .3s ease-in-out 0s;
			transition: background .3s ease-in-out 0s;
			&:before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				border-radius: 50%;
				background: transparent url(../../img/picker-bg-transparent.png) center center no-repeat;
				border: none;
				z-index: -1;
			}
			&:after {
				content: "";
				display: block;
				width: 160px;
				height: 50px;
				position: absolute;
				top: -4px;
				left: -4px;
				margin: 0;
				padding: 0;
				background: transparent;
				border: none;
				z-index: 3;
			}
			&.wp-picker-open {
				&:after {
					display: none;
				}
			}
		}
		.wp-picker-input-wrap {
			position: relative;
			display: inline-block;
			height: 50px !important;
			line-height: 50px;
			padding-left: 50px;
			padding-right: 20px;
			background: transparent;
			border: 1px dashed $border-color;
			border-radius: 50px;
			z-index: 0;
			-webkit-transition: border .3s ease 0s;
			-moz-transition: border .3s ease 0s;
			transition: border .3s ease 0s;
			input[type="text"].wp-color-picker {
				display: block !important;
				width: 90px !important;
				height: 50px !important;
				text-align: center;
				padding: 0;
				background: transparent;
				border: none;
			}
			.button.button-small {
				display: none !important;
			}
		}
		&:hover {
			.wp-picker-input-wrap {
				border-color: $color-green;
			}
		}
		.wp-picker-holder {
			.iris-picker.iris-border {
				position: relative;
			}
		}
	}*/
}


/*
Redux Slider
*/

.iris-picker .iris-slider-offset {
    top: 0 !important;
    bottom: 0 !important;
}

.iris-picker .ui-slider-vertical {
    width: auto;
    height: 100%;
    background: none;
}

.farb-popup-wrapper {
	position: relative;
	display: block;
}

.farb-popup {
	position: absolute;
	left: 40px;
	top: 40px;
	background-color: white;
	border: 1px solid #222;
	padding: 5px;
	z-index: 100;
}

#redux-import-link-wrapper,
#redux-import-code-wrapper {
	display: none;
}

#redux-export-code,
#redux-export-link-value {
	display: none;
}

#redux-opts-import-action {
	overflow: hidden;
	margin-top: 20px;
	span {
		display: block;
		height: 40px;
		line-height: 40px;
		color: #B94A48;
	}
}

#import_divide {
	margin: 40px 0px;
	border-bottom: 1px solid #DFDFDF;
}

.redux-screenshot {
	max-width: 300px;
	display: block;
}

@media screen and (max-width : 900px) {
	#redux-header .dfd-options-logo {
		display: none;
	}
	.redux-sidebar {
		width: 42px;
	}

	#redux-main {
		margin-left: 43px;
		select {
			height: auto !important;
		}
	}

	.redux-group-tab-link-a {
		position: relative;
	}

	.redux-sidebar .redux-group-menu li span {
		display: none;
		position: absolute;
		top: 0;
		left: 44px;
		padding: 14px;
		width: 200px;
		background: #F7F7F7;
		border: 1px solid #DFDFDF;
		border-width: 1px 1px 1px 0px;
	}

	.redux-sidebar .redux-group-menu li i {
		float: none;
		clear: both;
	}

	.redux-group-tab-link-a:hover > span {
		display: block;
	}

	.redux-sidebar .redux-group-menu li a,
	.redux-sidebar .redux-group-menu li a:hover,
	.redux-sidebar .redux-group-menu li.active a,
	.redux-sidebar .redux-group-menu li.active a:hover {
		//width: 15px;
	}

	table.form-table, .form-table > thead, .form-table > tbody, .form-table > tbody > tr > th, .form-table > tbody > tr > td, .form-table > tbody > tr {
		display: block !important;
		width: 100% !important;
		padding: 0px !important;
	}

	.form-table > tbody > tr > th, .form-table > tbody > tr > td {
		padding: 10px !important;
	}

	.form-table > tbody > tr > td span.description {
		display: block;
	}
}

/*
 This css and associated images borrow heavily from the fantastic 
 chosen select box plugin.
 
 Copyright (c) 2011 Harvest http://getharvest.com

 MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
*/

.font-select {
	font-size: 16px;
	width: 210px;
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.font-select .fs-drop {
	background: #fff;
	border: 1px solid #aaa;
	border-top: 0;
	position: absolute;
	top: 29px;
	left: 0;
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
	-moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
	-o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
	box-shadow        : 0 4px 5px rgba(0,0,0,.15);
	z-index: 999;
}

.font-select > a {
	background-color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
	background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
	background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
	background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
	background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
	background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
	-webkit-border-radius: 4px;
	-moz-border-radius   : 4px;
	border-radius        : 4px;
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;
	border: 1px solid #aaa;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 8px;
	color: #444;
	text-decoration: none;
}

.font-select > a span {
	margin-right: 26px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.8;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	cursor: pointer;
}

.font-select > a div {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius   : 0 4px 4px 0;
	border-radius        : 0 4px 4px 0;
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;
	background: #ccc;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
	background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
	background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
	background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
	background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
	background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%);
	border-left: 1px solid #aaa;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 100%;
	width: 18px;
}

.font-select > a div b {
	background: url('../img/fs-sprite.png') no-repeat 0 1px;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.font-select .fs-drop {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius   : 0 0 4px 4px;
	border-radius        : 0 0 4px 4px;
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;
}

.font-select .fs-results {
	margin: 0 4px 4px 0;
	max-height: 190px;
	width: 200px;
	padding: 0 0 0 4px;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}

.font-select .fs-results li {
	line-height: 80%;
	padding: 7px 7px 8px;
	margin: 0;
	list-style: none;
	font-size: 18px;
}

.font-select .fs-results li.active {
	background: #3875d7;
	color: #fff;
	cursor: pointer;
}
.font-select .fs-results li em {
	background: #feffde;
	font-style: normal;
}

.font-select .fs-results li.active em {
	background: transparent;
}

.font-select-active > a {
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
	-o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
	box-shadow        : 0 0 5px rgba(0,0,0,.3);
	border: 1px solid #5897fb;
}

.font-select-active > a {
	border: 1px solid #aaa;
	-webkit-box-shadow: 0 1px 0 #fff inset;
	-moz-box-shadow   : 0 1px 0 #fff inset;
	-o-box-shadow     : 0 1px 0 #fff inset;
	box-shadow        : 0 1px 0 #fff inset;
	background-color: #eee;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
	background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
	background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
	background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
	background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
	-webkit-border-bottom-left-radius : 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft : 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius : 0;
	border-bottom-right-radius: 0;
}

.font-select-active > a div {
	background: transparent;
	border-left: none;
}

.font-select-active > a div b {
	background-position: -18px 1px;
}

/* checkbox switch */
.switch_wrap input[type="checkbox"] {
	position:absolute;
	left:-9999px;
	opacity: 0;
}

.switch_wrap input[type="checkbox"]:checked + .switch {
	background-color: #6cbc43;
}

.switch_wrap input[type="checkbox"]:checked + .switch::before {
	display: block;
}

.switch_wrap input[type="checkbox"]:checked + .switch::after {
	display: none;
}

.switch_wrap input[type="checkbox"]:checked + .switch .bullet {
	left: 33px;
}

.switch_wrap .switch {
	position: relative;
	display: inline-block;
	width: 65px;
	height: 24px;
	line-height: 24px;
	margin-right: 1em;
	margin-top: -3px;
	vertical-align: middle;
	background-color: #c1272d;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgb(255,255,255);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgb(255,255,255);
}

.switch_wrap .switch::before,
.switch_wrap .switch::after {
	content: 'ON';
	display: none;
	width: 50%;
	position: absolute;
	top: 0;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-align: center;
}

.switch_wrap .switch::after {
	content: 'OFF';
	display: block;
	right: 0;
}

.switch_wrap .switch .bullet {
	position: relative;
	display: block;
	width: 32px;
	height: 26px;
	top: -2px;
	left: -2px;
	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
	background-image: -moz-linear-gradient(top, #f0f0f0, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f0f0f0, #e6e6e6);
	background-image: -o-linear-gradient(top, #f0f0f0, #e6e6e6);
	background-image: linear-gradient(top, #f0f0f0, #e6e6e6);
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 white inset, 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 white inset, 0 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-transition: left 0.1s linear;
	-moz-transition: left 0.1s linear;
	-ms-transition: left 0.1s linear;
	-o-transition: left 0.1s linear;
	transition: left 0.1s linear;
}

.switch_wrap .switch .bullet::before,
.switch_wrap .switch .bullet::after {
	content: '';
	display: block;
	height: 15px;
	width: 3px;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -6px;
	border: 1px solid #cccccc;
	border-width: 0 1px;
	-webkit-box-shadow: 1px 0 0 white, 1px 0 0 white inset;
	box-shadow: 1px 0 0 white, 1px 0 0 white inset;
}

.switch_wrap .switch .bullet::after {
	margin-left: 2px;
}

/* Fix datepicker empty div at bottom of the page */
#ui-datepicker-div { 
	display: none;
}

/* RTL support */
.rtl .redux-sidebar {
    float: right;
}
.rtl .redux-main {
    margin-right: 260px;
    margin-left: 0;
    border-right: 1px solid #e7e7e7;
    border-left: none;
}
.rtl .redux-container .redux-action_bar {
    float: left;
}
.rtl .redux-container #info_bar .expand_options {
    float: right;
}
.rtl .redux-sidebar .redux-group-tab-link-a span.group_title {
    padding-right: 30px;
    padding-left: 0;
}
.rtl .redux-sidebar .redux-group-menu li span {
    margin-right: 10px;
    margin-left: 0;
}
.rtl .redux-sidebar .redux-menu-warning,
.rtl .redux-sidebar .redux-menu-error,
.rtl .redux-sidebar .hasSubSections .extraIconSubsections {
    float: left;
    margin-right: 0;
    margin-left: 5px;
}
.rtl .redux-sidebar .redux-group-menu li.active a:after,
.rtl .redux-sidebar .redux-group-menu li.active a:hover:after,
.rtl .redux-sidebar .redux-group-menu li.activeChild a:after,
.rtl .redux-sidebar .redux-group-menu li.activeChild a:hover:after {
    left: 15px;
    right: auto;
}
.rtl .redux-main input.color-transparency {
    margin-left: 3px;
    margin-right: 10px;
}
.rtl .redux-container #redux-footer {
    right: auto !important;
}

.rtl .redux-main .wp-picker-container .wp-color-result {
	padding-right: 0;
}

@media screen and (max-width: 1124px) {
    .rtl .redux-main {
        margin-right: 44px !important;
        margin-left: 0 !important;
    }
}

#dfd_customization_services_section_group {
	h2 {
		font-size: 20px;
		font-weight: 800;
		letter-spacing: 0;
		margin-bottom: 10px;
		color: #181818;
		border-bottom: none;
	}
	.spacer {
		width: 100%;
		height: 70px;
		float: left;
	}
	.extra-heading {
		margin-bottom: 20px;
	}
	.extra-content {
		line-height: 2;
	}
	#dfd-customization-services-tab {
		@include clearfix();
		padding: 0 40px;
		.items-wrapper {
			float: left;
			width: calc(100% + 20px);
			margin: 0 -10px;
		}
		.dfd-service-item {
			float: left;
			width: 330px;
			max-width: 100%;
			text-align: center;
			text-decoration: none;
			padding: 10px;
			a {
				text-decoration: none;
			}
			.cover {
				padding: 40px;
				border-radius: 4px;
				-webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0,.1);
				-moz-box-shadow: 0 4px 15px 0 rgba(0,0,0,.1);
				box-shadow: 0 4px 15px 0 rgba(0,0,0,.1);
				-webkit-transition: box-shadow .3s ease;
				-moz-transition: box-shadow .3s ease;
				transition: box-shadow .3s ease;
				h4 {
					font-size: 16px;
					font-weight: 600;
					color: #181818;
				}
				.content {
					font-size: 13px;
					line-height: 1.8;
					color: #6c6c6c;
				}
			}
			&:hover {
				.cover {
					-webkit-box-shadow: 0 20px 50px 0 rgba(0,0,0,.15);
					-moz-box-shadow: 0 20px 50px 0 rgba(0,0,0,.15);
					box-shadow: 0 20px 50px 0 rgba(0,0,0,.15);
				}
			}
		}
	}
}