/* CMS Wizards */
.cms-wizard {
	font-family: "Open Sans";
}

.cms-wizard ::-ms-clear {
	display: none;
}
.cms-wizard .button {
	border: none;
	display: inline-block;
	background-color: #35a6f6;
	color: #ffffff;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 2px;
	text-transform: uppercase;
	line-height: 1em;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: 0.25s ease;
	-moz-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease;
}

.cms-wizard .button:hover {
	background-color: #63beff;
	color: #ffffff;
}

.cms-wizard .button.night {
	color: #35a6f6;
	background-color: transparent;
	border: 1px solid #3f444e;
}

.cms-wizard .button.night:hover {
	background-color: #3f444e;
}
.cms-wizard.ui-dialog {
	width: 1025px;
	height: 725px;
}

.cms-wizard.ui-dialog.mini-wizard {
	width: 1000px;
	height: 550px;
}

.cms-content-editor.ui-dialog {
	width: 1300px;
}

.cms-page-browser.ui-dialog {
	width: 850px;
	height: 600px;
}

.cms-callout.ui-dialog {
	width: 1025px;
	height: 650px;
}

.cms-icons.ui-dialog {
	width: 1125px;
	height: 750px;
}

.cms-wizard .ui-dialog-title {
	font-size: 22px;
	line-height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 400;
	text-align: left;
}

.cms-wizard .ui-dialog-title button {
	-webkit-transition: color 0.25s;
	-moz-transition: color 0.25s;
	-o-transition: color 0.25s;
	transition: color 0.25s;
}

.cms-wizard.ui-dialog > section {
	height: calc(100% - 81px);
}

.cms-wizard > section > header > h1 {
	font: 400 normal 16px/68px "Montserrat";
	color: #35a6f6;
	margin: 0;
	padding: 0 20px;
}

.cms-wizard .one-half {
	width: 50%;
}

.cms-wizard .one-half.left {
	float: left;
}

.cms-wizard .one-third.left {
	float: left;
}

.cms-wizard .two-thirds.left {
	float: left;
}

.cms-wizard .one-half.right {
	float: right;
}

.cms-wizard .one-third.right {
	float: right;
}

.cms-wizard .two-thirds.right {
	float: right;
}

.cms-wizard .one-third {
	width: 33.33%;
}

.cms-wizard .one-fourth {
	width: 25%;
}
.cms-wizard .three-fourths {
	width: 75%;
}

.cms-wizard .full {
	width: 100%;
}

.cms-wizard .left-side {
	float: left;
}

.cms-wizard .right-side {
	float: right;
}

.cms-wizard button.cms-upload-button {
	background: #35a6f6;
	color: #fff;
	position: relative;
	float: left;
	border: 0;
	height: auto;
	padding: 12px 20px;
	margin: 18px;
	border-radius: 4px;
}

.cms-wizard button.cms-upload-button span {
	color: #fff;
}

.cms-wizard > section > .right-side > .ui-tab-panel,
.cms-wizard > section > .cms-properties > .ui-tab-panel {
	background-color: #2c313b;
}

.cms-wizard > section > .right-side > .cms-slide-panel,
.cms-wizard > section > .cms-properties > .cms-slide-panel {
	background-color: #101319;
}
/* End CMS Wizards */

/* Wizard Range Control */
.cms-wizard input.cms-thumbsize[type="range"] {
	-webkit-appearance: none;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 16px;
	background: 0;
	border: 0;
}

.cms-wizard input.cms-thumbsize[type="range"]:focus {
	outline: none;
}

.cms-wizard input.cms-thumbsize[type="range"]::-webkit-slider-runnable-track {
	width: 100%;
	height: 10px;
	background: #d8dce3;
	border-top: solid 1px #c3cad4;
	border-left: solid 1px #c3cad4;
	border-right: solid 1px #e4e7eb;
	border-bottom: solid 1px #e4e7eb;
	border-radius: 2px;
}

.cms-wizard input.cms-thumbsize[type="range"]:focus::-webkit-slider-runnable-track {
}

.cms-wizard input.cms-thumbsize[type="range"]::-moz-range-track {
	width: 100%;
	height: 8px;
	background: #d8dce3;
	border-top: solid 1px #c3cad4;
	border-left: solid 1px #c3cad4;
	border-right: solid 1px #e4e7eb;
	border-bottom: solid 1px #e4e7eb;
	border-radius: 2px;
}

.cms-wizard input.cms-thumbsize[type="range"]::-ms-track {
	width: 100%;
	height: 10px;
	background: #d8dce3;
	border-top: solid 1px #c3cad4;
	border-left: solid 1px #c3cad4;
	border-right: solid 1px #e4e7eb;
	border-bottom: solid 1px #e4e7eb;
	border-radius: 2px;
	color: transparent;
	box-sizing: border-box;
}

.cms-wizard input.cms-thumbsize[type="range"]::-ms-fill-lower {
	background: #d8dce3;
}

.cms-wizard input.cms-thumbsize[type="range"]::-ms-fill-upper {
	background: #d8dce3;
}

.cms-wizard input.cms-thumbsize[type="range"]:focus::-ms-fill-lower {
}

.cms-wizard input.cms-thumbsize[type="range"]:focus::-ms-fill-upper {
}

.cms-wizard input.cms-thumbsize[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #afbac1;
	border: solid 1px #96a4ac;
	margin-top: -4px;
	cursor: pointer;
}

.cms-wizard input.cms-thumbsize[type="range"]:hover::-webkit-slider-thumb {
	background: #35a6f6;
	border: solid 1px #2e99e5;
}

.cms-wizard input.cms-thumbsize[type="range"]::-moz-range-thumb {
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background: #afbac1;
	border: solid 1px #96a4ac;
	margin-top: -4px;
	cursor: pointer;
}

.cms-wizard input.cms-thumbsize[type="range"]:hover::-moz-range-thumb {
	background: #35a6f6;
	border: solid 1px #2e99e5;
}

.cms-wizard input.cms-thumbsize[type="range"]::-ms-thumb {
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #afbac1;
	border: solid 1px #96a4ac;
	cursor: pointer;
	box-sizing: border-box;
}

.cms-wizard input.cms-thumbsize[type="range"]:hover::-ms-thumb {
	background: #35a6f6;
	border: solid 1px #2e99e5;
}

.cms-wizard [data-tooltip]:before {
	background-color: rgba(140, 111, 175, 95);
	color: #fff;
}

.cms-wizard [data-tooltip]:after {
	background-color: rgba(140, 111, 175, 95);
}
/* End Wizard Range Control */

/* Daylight Wizard */
.cms-wizard.daylight {
	background-color: #ffffff;
	color: #889aa7;
}

.cms-wizard.daylight > section > header {
	border-color: #eaedf1;
}

.cms-wizard.daylight .ui-widget-overlay {
	opacity: 0.9;
	-webkit-animation: fade-in-90 0.2s forwards;
	-moz-animation: fade-in-90 0.2s forwards;
	-o-animation: fade-in-90 0.2s forwards;
	animation: fade-in-90 0.2s forwards;
}

.cms-wizard.daylight .ui-scroll::-webkit-scrollbar-thumb {
	background-color: #afbac1;
}

.cms-wizard.daylight .ui-scroll-wrap .ui-scroll-thumb {
	background-color: #afbac1;
}

.cms-wizard.daylight > section > .right-side > .ui-tab-panel {
	background-color: inherit;
}

.cms-wizard.daylight [data-tooltip]:before {
	background-color: rgba(45, 50, 60, 0.95);
	color: #a8afc0;
}

.cms-wizard.daylight [data-tooltip]:after {
	background-color: rgba(45, 50, 60, 0.95);
}
/* End Daylight Wizard */

/* Undock */
.ui-dialog .ui-dialog-titlebar-undock {
	background: none;
	border: none;
	position: absolute;
	right: 80px;
	top: 5px;
	display: block;
	cursor: pointer;
	outline: 0;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: -24px -216px;
	opacity: 0.5;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.ui-dialog .ui-dialog-titlebar-undock:hover {
	opacity: 1;
}
/* End Undock */

/* Tabs */
.cms-wizard ul.cms-wizard-tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 48px;
	font-family: "Montserrat";
	position: relative;
	z-index: 2;
}

.cms-wizard ul.cms-wizard-tabs > li {
	margin: 0;
	float: left;
	background: #3c414b;
	border: 0;
	font-size: 18px;
	font-weight: 400;
	color: #35a6f6;
	text-transform: uppercase;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
	border-right: 1px solid #2c313b;
}

.cms-wizard ul.cms-wizard-tabs > li:last-child {
	border: none;
}

.cms-wizard ul.cms-wizard-tabs > li:hover {
	background-color: #363b45;
}

.cms-wizard ul.cms-wizard-tabs.full > li {
	width: 100%;
}

.cms-wizard ul.cms-wizard-tabs.full.tabs2 > li {
	width: 50%;
}

.cms-wizard ul.cms-wizard-tabs.full.tabs3 > li {
	width: 33.33%;
}

.cms-wizard ul.cms-wizard-tabs.full.tabs4 > li {
	width: 25%;
}

.cms-wizard ul.cms-wizard-tabs.full.tabs5 > li {
	width: 20%;
}

.cms-wizard ul.cms-wizard-tabs > li.active {
	background-color: #2c313b;
	color: #ffffff;
}

.cms-wizard .ui-tab-panel {
	padding: 0;
	position: relative;
	z-index: 2;
}
/*
.cms-wizard .ui-tab-panel.active {
	background-color: #2c313b;
}*/
/* End Tabs */

/* Fields */
.cms-wizard fieldset {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

.cms-wizard fieldset ul {
	display: block;
	list-style: none;
	margin: 5px 0;
	padding: 0;
}

.cms-wizard fieldset ul:after {
	content: "";
	display: block;
	clear: both;
}

.cms-wizard fieldset ul li {
	margin: 0;
	padding: 12px 20px;
	position: relative;
}

.cms-wizard fieldset ul li.ui-conditional-panel {
	display: block;
	opacity: 0;
	visibility: hidden;
	overflow: visible;
	-webkit-transition: opacity 0.3s, visibility 0s linear 0.3s;
	-moz-transition: opacity 0.3s, visibility 0s linear 0.3s;
	-o-transition: opacity 0.3s, visibility 0s linear 0.3s;
	transition: opacity 0.3s, visibility 0s linear 0.3s;
}

.cms-wizard fieldset ul li.ui-conditional-panel.active {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.3s, visibility 0s linear 0s;
	-moz-transition: opacity 0.3s, visibility 0s linear 0s;
	-o-transition: opacity 0.3s, visibility 0s linear 0s;
	transition: opacity 0.3s, visibility 0s linear 0s;
}

.cms-wizard fieldset .auto {
	width: auto;
}

.cms-wizard fieldset .left {
	float: left;
}

.cms-wizard fieldset .right {
	float: right;
	clear: right;
}

.cms-wizard fieldset hr {
	margin: 0;
	padding: 0;
	border: 0;
	height: 1px;
	background: #000;
}

.cms-wizard h2 {
	font-family: "Montserrat";
	margin: 0;
	font-size: 22px;
	line-height: 25px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 11px 16px;
	color: #35a6f6;
	border-bottom: solid 1px #3c414b;
}

.cms-wizard h3 {
	font: 400 normal 18px/20px "Montserrat";
	margin: 0;
	padding: 7px 16px;
	border-bottom: solid 1px #3c414b;
	text-transform: uppercase;
	color: #747b8f;
}

.cms-wizard h3.cms-dashed {
	border-bottom: dashed 1px #3c414b;
}

.cms-wizard fieldset li > h3 {
	border-bottom: 0;
	padding: 0 0 5px 0;
}

.cms-wizard fieldset li > input.cms[type="text"] {
	width: 100%;
}

.cms-wizard fieldset li > textarea.cms {
	width: 100%;
	resize: none;
}

input.cms[type="checkbox"] ~ label.cms {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
	line-height: 1;
}

input.cms[type="checkbox"]:checked ~ label.cms {
}

.night input.cms[type="checkbox"]:checked ~ label.cms {
	color: #eaedf1;
}
/* End Fields */
/* Wizard Forms */
.cms-wizard fieldset.cms-form {
	border: none;
	border-bottom: solid 1px #eaedf1;
	padding: 10px 0;
}
.cms-wizard.night fieldset.cms-form {
	border-color: #3c414b;
}

.cms-wizard fieldset.cms-form:last-child {
	border: none;
}

.cms-wizard fieldset.cms-form > h3 {
	border-bottom: none;
	padding: 10px 20px;
	font-size: 16px;
	color: #889aa7;
	line-height: 1;
}

.cms-wizard fieldset.cms-form > ul {
	padding: 0;
	margin: 0;
	display: block;
}
.cms-wizard fieldset.cms-form > ul > li {
	margin: 0;
	padding: 10px 20px;
	font-size: inherit;
}

.cms-wizard fieldset.cms-form .input-text {
	box-shadow: none;
}

.cms-wizard fieldset.cms-form .input-text > input,
.cms-wizard fieldset.cms-form .input-text > textarea,
.cms-wizard fieldset.cms-form .input-text > select {
	font-family: "Open Sans";
	font-size: 14px;
	text-align: left;
	background-color: transparent;
	border: none;
	display: initial;
	border-radius: 0;
	padding: 0.75em 1em;
	margin: 0;
	box-shadow: none;
	color: #afbac1;
	opacity: 1;
}
.cms-wizard fieldset.cms-form .input-text.thin > input,
.cms-wizard fieldset.cms-form .input-text.thin > textarea,
.cms-wizard fieldset.cms-form .input-text.thin > select {
	padding: 0.5em 0.75em;
}

.cms-wizard fieldset.cms-form .input-text::before {
	display: none;
}

.cms-wizard fieldset.cms-form .input-text::after {
	display: none;
}

.cms-wizard fieldset.cms-form .input-text.icon > input {
	width: calc(100% - 36px);
}

.cms-wizard fieldset.cms-form .input-text ::-webkit-input-placeholder {
	color: #889aa7;
}

.cms-wizard fieldset.cms-form .input-text :-moz-placeholder {
	color: #889aa7;
}

.cms-wizard fieldset.cms-form .input-text ::-moz-placeholder {
	color: #889aa7;
}

.cms-wizard fieldset.cms-form .input-text :-ms-input-placeholder {
	color: #889aa7;
}

.cms-wizard fieldset.cms-form .input-text.icon:before {
	content: "";
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: 24px 24px;
	height: 24px;
	width: 24px;
	top: 50%;
	right: 10px;
	opacity: 1;
	line-height: 1;
	transform: translateY(-50%);
	-webkit-transition: 0.25s ease;
	-moz-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease;
}

.cms-wizard fieldset.cms-form .input-text.small.icon:before {
	top: 7px;
	right: 7px;
}

.cms-wizard fieldset.cms-form .input-text.icon.help:before {
	background-position: -458px -242px;
	border-radius: 50%;
	border: solid 2px #afbac1;
	opacity: 0.5;
}

.cms-wizard fieldset.cms-form .input-text.icon.help:hover:before {
	opacity: 1;
}

.cms-wizard fieldset.cms-form .input-text.icon.drop-arrow:before {
	background-position: -336px -240px;
	opacity: 0.5;
}

.cms-wizard fieldset.cms-form .input-text.icon.search:before {
	background-position: -216px -216px;
	opacity: 0.5;
}

.cms-wizard fieldset.cms-form .input-text.icon.search:hover:before {
	opacity: 1;
}

.cms-wizard fieldset.cms-form .input-text.icon.date:before {
	background-position: -480px -288px;
}

.cms-wizard fieldset.cms-form .input-text.icon.time:before {
	background-position: -504px -288px;
}

.cms-wizard fieldset.cms-form .input-text.icon.datetime:before {
	background-position: -528px -288px;
}

.cms-wizard fieldset.cms-form .input-text.icon.link:before {
	background-position: -144px -480px;
}

.cms-wizard fieldset.cms-form .input-text.icon.media:before {
	background-position: -216px -504px;
}

/* End Wizard Forms */
/* Search Box */
.cms-wizard .ui-search {
	position: relative;
	padding: 0 160px 0 80px;
}

.cms-wizard .ui-search:before {
	content: "";
	position: absolute;
	left: 14px;
	top: 8px;
	display: block;
	width: 48px;
	height: 48px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: 0px -552px;
	opacity: 0.8;
}

.cms-wizard .ui-search .input-textbox {
	width: 100%;
	opacity: 0;
	position: relative;
	visibility: hidden;
	background-color: rgba(44, 49, 59, 0);
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

.cms-wizard .ui-search.active .input-textbox {
	background-color: #35a6f6;
	opacity: 1;
	visibility: visible;
}

.cms-wizard .ui-search .input-textbox:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 8px;
	opacity: 0;
	display: block;
	width: 48px;
	height: 48px;
	cursor: pointer;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: -48px -552px;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

.cms-wizard .ui-search.active .input-textbox:after {
	opacity: 0.6;
}

.cms-wizard .ui-search input[type="text"] {
	margin: 0;
	padding: 0;
	border: 0;
	height: 67px;
	width: calc(100% - 80px);
	outline: 0;
	font-family: "Open Sans";
	font-size: 15px;
	color: #fff;
	padding: 0 30px;
	background: none;
}

.cms-wizard .ui-search ::-webkit-input-placeholder {
	color: #ddd;
}

.cms-wizard .ui-search :-moz-placeholder {
	color: #ddd;
}

.cms-wizard .ui-search ::-moz-placeholder {
	color: #ddd;
}

.cms-wizard .ui-search ::-ms-input-placeholder {
	color: #ddd;
}
/* End Search Box */

/* Filter */
.cms-wizard .ui-filter {
	position: absolute;
	right: 0;
	top: 0;
	height: 67px;
	margin: 0;
	padding: 16px 12px 16px 16px;
	font-size: 13px;
	line-height: 36px;
	border-left: solid 1px rgba(217, 240, 255, 0.1);
	text-transform: uppercase;
	cursor: default;
}

.cms-wizard .ui-filter span {
	font-family: "Montserrat";
	cursor: default;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	line-height: 67px;
	text-align: center;
	cursor: pointer;
	color: #747b8f;
}

.cms-wizard .ui-filter span:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 13px;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: -340px -247px;
	vertical-align: middle;
	opacity: 0.6;
	margin-left: 5px;
}
.cms-wizard .ui-filter:hover span:after,
.cms-wizard .ui-filter.active span:after {
	background-position: -340px -271px;
}

.cms-wizard .ui-filter ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	right: 0;
	font-size: 13px;
	line-height: 13px;
	background-color: rgba(27, 30, 36, 0.9);
	border-radius: 3px;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
	-webkit-transition: visibility 0s linear 0.25s, opacity 0.25s, max-height 0.25s;
	-moz-transition: visibility 0s linear 0.25s, opacity 0.25s, max-height 0.25s;
	-o-transition: visibility 0s linear 0.25s, opacity 0.25s, max-height 0.25s;
	transition: visibility 0s linear 0.25s, opacity 0.25s, max-height 0.25s;
	z-index: 3;
}

.cms-wizard .ui-filter.active ul {
	visibility: visible;
	max-height: 17em;
	-webkit-transition: visibility 0s linear, opacity 0.25s, max-height 0.25s;
	-moz-transition: visibility 0s linear, opacity 0.25s, max-height 0.25s;
	-o-transition: visibility 0s linear, opacity 0.25s, max-height 0.25s;
	transition: visibility 0s linear, opacity 0.25s, max-height 0.25s;
}

.cms-wizard .ui-filter ul li {
	white-space: nowrap;
}

.cms-wizard .ui-filter ul li a {
	display: block;
	padding: 14px 16px;
	color: #fefefe;
	text-decoration: none;
}

.cms-wizard .ui-filter ul li a:hover {
	background-color: #4e5561;
	color: #35a6f6;
}

.cms-wizard .ui-search .ui-filter {
	width: 160px;
}

.cms-wizard .ui-search .ui-filter > ul {
	width: 160px;
	background: #3f444e;
}

.cms-wizard .ui-search .ui-filter:hover,
.cms-wizard .ui-search .ui-filter.active {
	background-color: #35a6f6;
	color: #fff;
}
.cms-wizard .ui-search .ui-filter:hover span,
.cms-wizard .ui-search .ui-filter.active span {
	color: #fff;
}
.cms-wizard .ui-search .ui-filter:hover:after,
.cms-wizard .ui-search .ui-filter.active:after {
	background-position: -340px -272px;
}
/* End Filter */
/* No Results */
.cms-wizard .cms-no-results {
	width: 50%;
	min-width: 480px;
	height: 220px;
	margin: 10% auto;
	text-align: center;
}

.cms-wizard .cms-no-results:before {
	content: "";
	display: inline-block;
	height: 96px;
	width: 96px;
	background-image: url(/common/images/sprite24.png);
	background-position: -336px -648px;
}
.night.cms-wizard .cms-no-results:before {
	background-position: -240px -648px;
}

.cms-wizard .cms-no-results h2 {
	text-align: center;
	border: none;
	margin: 0;
	padding: 0;
	color: #677580;
	font: 700 normal 36px/40px Montserrat;
	text-transform: none;
}

.night.cms-wizard .cms-no-results h2 {
	color: #73828e;
}

.cms-wizard .cms-no-results p {
	text-align: center;
	border: none;
	padding: 0;
	color: #677580;
	font: normal normal 14px/24px "Open Sans";
	margin: 20px 0 20px;
}

.night.cms-wizard .cms-no-results p {
	color: #ffffff;
}

.cms-wizard .cms-no-results p em {
	font: inherit;
	font-weight: 600;
	font-style: italic;
}

.cms-wizard .cms-no-results a.button {
	margin-top: 10px;
}

/* End No Results */
/* Wizard Structure */
.cms-wizard > section:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.cms-wizard > section > div {
	position: relative;
}

.cms-wizard > section > div {
	height: calc(100% - 68px);
}

.cms-wizard > section.ui-noheader > div {
	height: 100%;
}

.cms-wizard .cms-tree {
	border-right: solid 1px #2d323c;
	padding: 15px 0 15px 15px;
}

/* End Wizard Structure */

/* Warning */
.cms-wizard .cms-warning {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 4px;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	opacity: 0;
	visibility: hidden;
	cursor: default;
}

.cms-wizard h3 .cms-warning {
	position: relative;
	margin-left: 5px;
	margin-top: -5px;
}

.cms-wizard .cms-warning[data-tooltip]:after {
	left: 1px;
}

.cms-wizard .cms-warning span {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: -196px -483px;
}

.cms-wizard .warning .cms-warning {
	visibility: visible;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	opacity: 1;
}

.cms-wizard label.cms.em {
	font-style: italic;
}
/* End Warning */

/* Progress */
div.cms-progress {
	background: #2d323c;
	border: 0;
	padding: 0;
	margin: 0;
	height: 9px;
	position: relative;
}

div.cms-progress > div {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	background: none;
	width: 0%;
	height: 100%;
	-webkit-transition: width 0.2s;
	-moz-transition: width 0.2s;
	-o-transition: width 0.2s;
	transition: width 0.2s;
}

div.cms-progress > div:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -10px;
	height: 100%;
	width: 75px;
	max-width: 100%;
	background: rgba(111, 195, 254, 0.3);
	border-radius: 50%;
	box-shadow: 0 0 10px 2px rgba(111, 195, 254, 0.6);
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

div.cms-progress > div:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #35a6f6 60%, #8667ab 92%, #ffe8f7);
	-webkit-transition: background 0.2s;
	-moz-transition: background 0.2s;
	-o-transition: background 0.2s;
	transition: background 0.2s;
}

.cms-wizard > section > div.cms-progress {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
}

.cms-wizard > section > div.cms-progress > div:before {
	box-shadow: 0 0 10px 2px rgba(111, 195, 254, 0.4);
	right: 0;
	width: 50px;
}

.cms-wizard > section > header > div.cms-progress {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
}

.cms-wizard > section > header > div.cms-progress > div:before {
	box-shadow: 0 0 10px 2px rgba(111, 195, 254, 0.4);
	right: 0;
	width: 50px;
}

div.cms-progress.cms-complete > div {
	width: 100% !important;
}

div.cms-progress.cms-complete > div:before {
	opacity: 0;
}

div.cms-progress.cms-complete > div:after {
	background: linear-gradient(to right, #64cb66 60%, #64cb66 92%, #64cb66);
}

div.cms-progress.cms-error > div {
	width: 100% !important;
}

div.cms-progress.cms-error > div:before {
	opacity: 0;
}

div.cms-progress.cms-error > div:after {
	background: linear-gradient(to right, #f35958 60%, #f35958 92%, #f35958);
}
/* End Progress */
/* CMS Overlay Panel */
.cms-wizard .ui-tab-panel.cms-overlay {
	width: 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	background-color: #101319;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	-o-transition: width 0.5s;
	transition: width 0.5s;
}

.cms-wizard .ui-tab-panel.cms-overlay.active {
	width: 100%;
}

.cms-wizard .icon-arrow-right-14 {
	font-size: 18px;
	color: #bfc2cd;
	display: block;
	width: 24px;
	height: 24px;
	line-height: 25px;
	border: solid 1px #747b8f;
	border-radius: 3px;
	opacity: 0;
}

.cms-wizard .ui-tab-panel.cms-overlay .icon-arrow-right-14 {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.cms-wizard .ui-tab-panel.cms-overlay.active .icon-arrow-right-14 {
	-webkit-transition: opacity 0.3s ease 0.3s;
	-moz-transition: opacity 0.3s ease 0.3s;
	-o-transition: opacity 0.3s ease 0.3s;
	transition: opacity 0.3s ease 0.3s;
	opacity: 1;
}

.cms-wizard .icon-arrow-right-14:before {
	font-family: "icomoon-ult";
	content: "\e101";
}

/* End CMS Overlay Panel */

/* CMS Slide Panel */
.cms-wizard .ui-tab-panel.cms-slide-panel {
	position: absolute;
	left: calc(100% - 275px);
	top: -68px;
	width: 275px;
	height: calc(100% + 148px);
	padding: 0;
	background-color: #101319;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}

.cms-wizard .ui-tab-panel.cms-slide-panel.active {
	opacity: 1;
	left: 100%;
	visibility: visible;
}

.cms-wizard .cms-slide-panel h2 {
	position: absolute;
	color: #bfbfbf;
	top: -40px;
	font-weight: 400;
	border-bottom: none;
	font-size: 18px;
	opacity: 0;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}

.cms-wizard .cms-slide-panel.active h2 {
	opacity: 1;
	-webkit-transition: 0.2s ease 0.3s;
	-moz-transition: 0.2s ease 0.3s;
	-o-transition: 0.2s ease 0.3s;
	transition: 0.2s ease 0.3s;
}

.cms-wizard.ui-full-screen .cms-slide-panel h2 {
	display: none;
}

.cms-wizard .cms-slide-panel fieldset {
	border: none;
}

.cms-wizard .cms-slide-panel fieldset ul li {
	padding: 0 20px 20px;
}

.cms-wizard.ui-full-screen .ui-tab-panel.cms-slide-panel {
	top: 0;
	height: calc(100% + 80px);
}

.cms-page-manager.ui-full-screen .slide-panel-active .cms-tree {
	width: calc(50% - 275px);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.cms-wizard .cms-slide-panel h3 {
	border-bottom: none;
}

/* End CMS Slide Panel */
/* CMS Page Stats */

.cms-wizard fieldset ul.cms-page-stats {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	position: relative;
	width: 100%;
}

.cms-wizard fieldset ul.cms-page-stats.loading:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-image: linear-gradient(to right, #35a6f6, #8667ab, #35a6f6, #8667ab, #35a6f6);
	background-size: 200%;
	background-position: 0% 0%;
	-webkit-animation: background-position 1s linear infinite;
	-moz-animation: background-position 1s linear infinite;
	-o-animation: background-position 1s linear infinite;
	animation: background-position 1s linear infinite;
}

.cms-wizard fieldset ul.cms-page-stats > li {
	margin: 0;
	padding: 0;
	display: table-cell;
	width: 33.33%;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	transition: opacity 0.1s;
}

.cms-wizard fieldset ul.cms-page-stats.active li {
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	opacity: 1;
}

.cms-wizard fieldset ul.cms-page-stats > li > figure {
	margin: 0;
	padding: 10px;
	display: block;
}

.cms-wizard fieldset ul.cms-page-stats strong {
	font-size: 20px;
	color: #35a6f6;
	font-weight: 400;
}

.cms-wizard fieldset ul.cms-report-time {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	font-size: 16px;
}

.cms-wizard fieldset ul.cms-report-time > li {
	margin: 0;
	padding: 0 7px;
	display: table-cell;
	text-align: center;
	border-right: solid 1px #3c414b;
}

.cms-wizard fieldset ul.cms-report-time > li:last-child {
	border-right: none;
	padding-right: 0;
}

.cms-wizard fieldset ul.cms-report-time > li a {
	color: #747b8f;
	font-size: 16px;
	line-height: 16px;
	text-transform: none;
	text-decoration: none;
}

.cms-wizard fieldset ul.cms-report-time > li a:hover {
	text-decoration: none;
	color: #acb3c5;
}

.cms-wizard fieldset ul.cms-report-time > li.active a {
	color: #35a6f6;
}

/* End CMS Page Stats */

/* Custom Presentation */
.cms-wizard .multi .cms-page-single {
	opacity: 0 !important;
	visibility: hidden !important;
}

.cms-wizard .cms-meta fieldset.cms-form textarea {
	height: 86px;
	min-height: 86px;
}

#Page_URLProperties + label.cms-replace:before {
	background-position: -312px -456px;
}

.cms-wizard.cms-page-manager .ui-search {
	z-index: 3;
}

.cms-wizard .no-edit .cms-properties {
	display: none;
}

.cms-wizard.cms-page-manager .ui-tab-panel:not(.cms-slide-panel) {
	height: calc(100% - 48px);
}
/* End Custom Presentation */

.cms-page-manager .multi .ui-tab-panel[data-tab="SEO"] {
	visibility: hidden;
}

/* Page Manager Advanced Panel */
.cms-pages-advanced fieldset.cms-form {
	border: none;
	border-bottom: solid 1px #3c414b;
}

.cms-pages-advanced fieldset.cms-form:first-child {
	border-bottom: none;
	padding-bottom: 0;
}

.cms-pages-advanced fieldset.cms-form.third {
	border: none;
}

.cms-pages-advanced fieldset.cms-form.two-thirds {
	border: none;
	border-right: solid 1px #3c414b;
}

.cms-pages-advanced fieldset.cms-form.full {
	border: none;
	border-top: solid 1px #3c414b;
}

.cms-pages-advanced fieldset.cms-form .config {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: solid 1px #3c414b;
	border-bottom: solid 1px #3c414b;
}
.cms-pages-advanced .config:after {
	display: none;
}
.cms-pages-advanced .config li {
	display: table-cell;
	text-align: center;
	border-right: solid 1px #3c414b;
	cursor: pointer;
	-webkit-transition: 0.25s ease;
	-moz-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease;
}

.cms-pages-advanced .config li:hover {
	background-color: #363b45;
}

.cms-pages-advanced .config li:last-child {
	border: none;
}

.cms-pages-advanced .config li:before {
	content: "";
	display: inline-block;
	margin: 0 10px 0 0;
	height: 29px;
	width: 35px;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}

.cms-pages-advanced .config li.install:before {
	background-position: -384px -552px;
}

.cms-pages-advanced .config li.security:before {
	background-position: -342px -560px;
}

.cms-pages-advanced .config li.crosslink:before {
	background-position: -295px -560px;
}

.cms-pages-advanced .config li strong {
	font-family: Montserrat, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 400;
}

.cms-pages-advanced fieldset.cms-form > ul.availability {
	display: table;
	width: 100%;
	text-align: center;
	padding: 0 20px;
}

.cms-pages-advanced fieldset.cms-form > ul.availability > li {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 0;
}
.cms-pages-advanced .availability li div {
	text-align: left;
}

.cms-pages-advanced .availability li span {
	display: inline-block;
	padding: 0 10px;
}

.cms-pages-advanced .cms-form .input-text.icon.date:before {
	background-position: -192px -288px;
}

.cms-form .input-text.icon.small.media:before {
	background-position: -144px -288px;
}

.cms-page-manager .input-text.icon.template {
	margin-top: 10px;
	width: calc(100% - 130px);
}

.cms-page-manager .input-text.icon.template:before {
	background-position: -168px -481px;
}

.cms-page-manager img[data-role="TemplateImage"] {
	background-color: #23272f;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: -101px -744px;
	width: 110px;
	height: 73px;
	border: solid 1px #3c414b;
}

.cms-pages-advanced .uploader .button {
	margin: 20px 0 0 20px;
}
.cms-pages-advanced .uploader .thumbnail {
	width: 150px;
	height: 120px;
	margin: 10px 20px 10px 0;
	background-color: #23272f;
	border: 1px solid #3f444e;
	text-align: center;
	position: relative;
}

.cms-pages-advanced .uploader .thumbnail > span {
	display: block;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
}

.cms-pages-advanced .uploader .thumbnail:before {
	content: "";
	display: inline-block;
	background-image: url(/common/images/sprite24.png);
	background-position: 0 -648px;
	height: 72px;
	width: 96px;
	opacity: 0.5;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	margin: 10px 0 5px;
}

html.cms-dragging .cms-pages-advanced .uploader .thumbnail {
	outline: solid 2px rgba(100, 190, 255, 1);
}

html.cms-dragging .cms-pages-advanced .uploader .thumbnail.cms-dragover {
	outline: solid 2px rgba(23, 136, 216, 1);
}

html.cms-dragging .cms-pages-advanced .uploader .thumbnail.cms-dragover:before {
	opacity: 1;
}

.cms-pages-advanced .uploader .selected {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #23272f;
}

.cms-pages-advanced .uploader.uploaded .selected {
	display: block;
}

.cms-pages-advanced .uploader .selected img {
	position: absolute;
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.cms-pages-advanced .uploader .selected a.cancel {
	position: absolute;
	top: 0;
	right: 0;
}

.cms-pages-advanced .uploader .selected a.cancel:before {
	content: "";
	background-image: url(/common/images/sprite24.png);
	height: 24px;
	width: 24px;
	background-position: -120px -144px;
	display: block;
	margin-top: 0;
	margin-right: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

.cms-pages-advanced .uploader .selected p {
	position: absolute;
	background-color: rgba(45, 50, 60, 0.9);
	margin: 0;
	width: 80%;
	height: 60%;
	top: 50%;
	left: 50%;
	margin-top: -30%;
	margin-left: -40%;
	opacity: 0;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}

.cms-pages-advanced .uploader .thumbnail:hover .selected p {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.cms-pages-advanced .uploader .selected p a {
	color: #ffffff;
	font-family: "Montserrat", sans-serif;
	text-decoration: none;
	display: block;
}

.cms-pages-advanced .uploader .selected p a:before {
	content: "";
	display: block;
	width: 34px;
	height: 27px;
	background-image: url(/common/images/sprite24.png);
	margin: 10px auto;
}

.cms-pages-advanced .uploader .selected p a.drop:before {
	height: 30px;
	width: 37px;
	background-position: -101px -657px;
}

/* End Page Manager Advanced Panel */

/* Page Manager Security Panel */
.cms-wizard .cms-slide-panel fieldset.roles {
	border-bottom: solid 1px #3c414b;
	padding-bottom: 20px;
}

.cms-slide-panel .roles h3 {
	line-height: 48px;
	padding: 0 0 0 20px;
}

.cms-slide-panel .roles .input-toggle {
	padding: 0 20px 12px;
}

.cms-slide-panel .roles ul.ui-scroll {
	max-height: 350px;
}
.cms-wizard .cms-slide-panel fieldset.roles ul.ui-scroll li {
	padding: 12px 20px 0;
}
.cms-wizard .cms-slide-panel fieldset.login h3 {
	padding-top: 20px;
}
.cms-wizard .cms-slide-panel fieldset.login ul li {
	padding: 0;
	margin: 0;
}
/* End Page Manager Security Panel */

/* Page Manager Templates Panel */
.cms-wizard .cms-slide-panel fieldset.templates {
	border-top: 10px solid #101319;
	border-bottom: 10px solid #101319;
	height: 100%;
}

.cms-wizard .cms-slide-panel fieldset.templates .ui-scroll {
	height: 100%;
}

.cms-wizard.ui-full-screen .cms-slide-panel fieldset.templates .ui-scroll {
	height: 100%;
}

.cms-wizard .cms-slide-panel fieldset.templates ul li {
	border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	margin-bottom: 10px;
}

.cms-wizard .cms-slide-panel fieldset.templates ul li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.cms-wizard .cms-slide-panel fieldset.templates input[type="radio"] {
	display: none;
}

.cms-wizard .cms-slide-panel fieldset.templates input[type="radio"] + label.pick-template-replace {
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0 0 66.66% 0;
	border: solid 3px #eaedf1;
	position: relative;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100% auto;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	-webkit-transition: border-color 0.2s, box-shadow 0.2s;
	-moz-transition: border-color 0.2s, box-shadow 0.2s;
	-o-transition: border-color 0.2s, box-shadow 0.2s;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.cms-wizard
	.cms-slide-panel
	fieldset.templates
	input[type="radio"]
	+ label.pick-template-replace:after {
	content: "";
	position: absolute;
	right: -3px;
	top: -3px;
	width: 30px;
	height: 30px;
	border: solid 3px #35a6f6;
	background: #35a6f6;
	border-bottom-left-radius: 4px;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: -288px -264px;
	opacity: 0;
	box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.4);
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.cms-wizard .cms-slide-panel fieldset.templates input[type="radio"] + label.pick-template-replace {
	border-color: #889aa7;
}

.cms-wizard
	.cms-slide-panel
	fieldset.templates
	input[type="radio"]:checked
	+ label.pick-template-replace {
	border-color: #35a6f6;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
}

.cms-wizard
	.cms-slide-panel
	fieldset.templates
	input[type="radio"]:checked
	+ label.pick-template-replace:after {
	opacity: 1;
}

.cms-wizard .cms-slide-panel fieldset.templates label.pick-template {
	display: block;
	text-align: center;
	font-size: 13px;
	color: #afbac1;
	width: 100%;
	overflow: hidden;
	font-family: Montserrat, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}
/* End Page Manager Templates Panel */

/* Search and Replace Wizard */
.cms-search-replace {
}

.cms-search-replace .right {
	float: right;
}

.cms-search-replace .left {
	float: left;
}

.cms-search-replace .fourth {
	width: 25%;
}

.cms-search-replace .two-thirds {
	width: 66.66%;
}

.cms-search-replace .ui-tab-panel {
	display: none;
	height: 100%;
}

.cms-search-replace .ui-tab-panel.active {
	display: block;
}

.cms-search-replace .input-text.readonly {
	background-color: transparent;
	border: none;
}

.cms-search-replace header,
.cms-search-replace.night header {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding-top: 23px;
	line-height: 1;
	border-bottom: none;
}

.cms-search-replace section > div {
	height: 100%;
}

.cms-search-replace .commit {
	background-color: #2d323c;
	position: relative;
	padding-top: 110px;
}

.cms-search-replace section.started .commit {
	display: none;
}

.cms-search-replace .commit p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	color: #889aa7;
	line-height: 1;
	background-color: #1b1e24;
	font-size: 18px;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.cms-search-replace .no-message .commit p {
	display: none;
}

.cms-search-replace .commit li .left {
	padding-top: 14px;
	float: left;
}

.cms-search-replace .commit .button {
	margin: 0 auto;
	display: block;
	font-size: 16px;
	width: 10.5em;
	text-align: center;
}

.cms-search-replace ul.replacements {
	margin: 0 auto;
	padding: 40px 0;
	font-size: 16px;
	list-style: none;
}

.cms-search-replace ul.replacements li .right {
	color: #889aa7;
	width: calc(100% - 126px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cms-search-replace ul.replacements li .left {
	text-align: right;
	padding-right: 20px;
	color: #ffffff;
	width: 126px;
	float: left;
}

.cms-search-replace .run {
	padding: 30px 40px 40px;
	background-color: #2d323c;
	display: none;
}

.cms-search-replace section.started .run {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.cms-search-replace .run ul.replacements {
	padding: 0 0 30px 0;
	width: 100%;
	flex: 0 0 auto;
	min-height: 8.5em;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
}

.cms-search-replace .run ul.replacements li + li {
	margin-top: 15px;
}

.cms-search-replace .run ul.replacements li .half {
	width: 50%;
}

.cms-search-replace .run ul.replacements li .left {
	padding-left: 8px;
	width: 126px;
	text-align: left;
	float: left;
}

.cms-search-replace .run ul.replacements li .right {
	position: relative;
}

.cms-search-replace .run .one-half {
	padding: 0 0 30px;
	text-align: center;
}

.cms-search-replace .run .one-half label {
	color: #ffffff;
	font-size: 16px;
}

.cms-search-replace .run .activity {
	_height: calc(100% - 8.65em);
	background-color: #242830;
	position: relative;
	overflow: hidden;
	flex: 1 1 auto;
	width: 100%;
}

.cms-search-replace .run .activity.ui-loader:after {
	height: 5px;
	z-index: 3;
}

.cms-search-replace .run .activity .ui-scroll {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.cms-search-replace .run .activity .ui-scroll ul {
	padding: 5px 0 0;
	margin: 0;
	list-style: none;
}

.cms-search-replace .run .activity .ui-scroll ul li {
	color: #ffffff;
	padding: 8px 16px;
	border-bottom: solid 1px #2d323c;
	transition: border-bottom-color 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
}

.cms-search-replace .run .activity.loading .ui-scroll ul li {
	border-bottom-color: transparent;
}

.cms-search-replace .run .activity .ui-scroll ul li small {
	font-size: 0.875em;
	color: #889aa7;
	flex: 0 0 auto;
	padding-left: 0.5em;
}

.cms-search-replace .run .activity .status,
.cms-search-replace .run .activity .ui-scroll {
	height: 100%;
	position: relative;
}

.cms-search-replace .run .activity .status {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #889aa7;
	border-left: solid 1px #2d323c;
	background-color: #1b1e24;
	text-align: center;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
}

.cms-search-replace .run .activity .status .ui-scroll {
	height: 100%;
	width: 100%;
	padding: 25px 0;
}

.cms-search-replace .run .activity .status img {
	height: 48px;
	width: 48px;
	background-image: url(/common/images/sprite48.png);
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
}

.cms-search-replace .run .activity.loading .status img {
	background-position: -384px 0px;
	animation: cms-spin 2s linear 0s infinite normal;
}

.cms-search-replace .run .activity.canceled .status img {
	background-position: -288px 0px;
}

.cms-search-replace .run .activity.loaded .status img {
	background-position: -336px 0px;
}

.cms-search-replace .run .activity .status h3 {
	border-bottom: none;
	color: #ffffff;
	padding-bottom: 10px;
	font-size: 16px;
	text-align: center;
}

.cms-search-replace .run .activity .status h3 span {
	display: none;
}

.cms-search-replace .run .activity.loading .status h3 span.check,
.cms-search-replace .run .activity.loaded .status h3 span.done,
.cms-search-replace .run .activity.canceled .status h3 span.cancel {
	display: inline-block;
}

.cms-search-replace .run .activity .status .affected {
	display: none;
	text-align: left;
}

.cms-search-replace .run .activity.loaded .status .affected,
.cms-search-replace .run .activity.canceled .status .affected {
	display: block;
}

.cms-search-replace .run .activity .status strong {
	color: #ffffff;
	display: inline-block;
	padding-left: 2.5em;
}

.cms-search-replace .run .activity .status .button {
	margin-top: 15px;
	width: 8em;
	text-align: center;
	margin: 15px auto 0;
	display: none;
}

.cms-search-replace .run .activity.loading .status .button.cancel,
.cms-search-replace .run .activity.canceled .status .button.reset {
	display: block;
}

.cms-search-replace .run .activity .queued {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 100%;
	left: 0;
	text-align: center;
	transition: transform 0.3s ease;
	background-color: #242830;
	z-index: 2;
	padding-top: 70px;
	display: none;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
}

.cms-search-replace .run .activity.queue .queued {
	animation: cms-que 0.3s ease 0s 1 forwards;
	display: flex;
}

.cms-search-replace .run .activity .queued h3,
.cms-search-replace .run .activity .queued strong {
	color: #ffffff;
}

.cms-search-replace .run .activity .queued h3 {
	border-bottom: none;
	font-size: 22px;
}

@keyframes cms-cycle {
	0% {
		transform: scale(1.1);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes cms-que {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(0, -100%);
	}
}

@keyframes cms-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

/* Search and Replace Wizard */

/* Token Content Wizard */

body > .cms-token-editor.ui-dialog {
	width: 1350px !important;
	height: 803px !important;
	font-size: 16px;
}

body > .cms-token-editor.ui-dialog.ui-full-screen {
	top: 50px !important;
	left: 50px !important;
	width: calc(100% - 100px) !important;
	height: calc(100% - 100px) !important;
}

body > .cms-token-editor.ui-dialog section {
	padding-right: 278px;
	height: calc(100% - 80px);
	display: flex !important;
	align-items: flex-start;
	overflow: hidden;
}

body > .cms-token-editor.ui-dialog section ul {
	margin: 0;
}

.cms-token-editor aside {
	width: 368px;
	height: 100%;
	background-color: #f9fafc;
	position: relative;
	transition: width 0.3s ease-in-out;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	flex: 0 0 auto;
	border-right: solid 1px #d4d9e1;
}

.cms-token-editor aside > * {
	flex: 0 0 auto;
}

.cms-token-editor section.collapsed aside {
	width: 3em;
}

.cms-token-editor section aside:after {
	content: attr(data-element);
	font-family: "Montserrat", sans-serif;
	height: 3em;
	width: 720px;
	transform-origin: 100% 100%;
	position: absolute;
	bottom: 100%;
	right: 0;
	transform: rotate(-90deg) translate3d(0, 0, 0);
	text-align: right;
	line-height: 1;
	padding-top: 1em;
	padding-right: 80px;
	background-color: #f9fafc;
	text-transform: uppercase;
	display: none;
	transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

.cms-token-editor section.collapsed aside:after {
	transition: opacity 0.3s ease;
	z-index: 1;
	display: block;
}

@supports (-webkit-appearance: none) {
	.cms-token-editor section aside:after {
		display: block;
		visibility: hidden;
		opacity: 0;
	}

	.cms-token-editor section.collapsed aside:after {
		visibility: visible;
		opacity: 1;
	}
}

body > .cms-token-editor.ui-dialog.ui-full-screen section.collapsed aside:after {
	width: calc(100vh - 180px);
}

.cms-token-editor aside > div {
	position: relative;
	width: 368px;
	border-top: solid 1px #d4d9e1;
}

.cms-token-editor aside > div.disabled {
	display: none;
}

.cms-token-editor aside > div[data-tab="Header"] {
	order: 1;
}

.cms-token-editor aside > div[data-tab="Footer"] {
	order: 3;
	margin-bottom: -1px;
	border-bottom: solid 1px #d4d9e1;
	border-top: none;
}

.cms-token-editor aside > div.ui-tab {
	background-color: #ffffff;
}

.cms-token-editor aside > div:not(.ui-tab) {
	order: 2;
}

.cms-token-editor aside .ui-draggable {
	flex: 0 1 auto;
	background-color: #ffffff;
	border-bottom: solid 1px #d4d9e1;
	display: flex;
	flex-direction: column;
	max-height: calc(100% - 60px);
}

.cms-token-editor .header-tokens aside .ui-draggable,
.cms-token-editor .footer-tokens aside .ui-draggable {
	max-height: calc(100% - 120px);
}

.cms-token-editor .header-tokens.footer-tokens aside .ui-draggable {
	max-height: calc(100% - 180px);
}

.cms-token-editor aside .ui-draggable .ui-scroll-wrap {
	max-height: calc(100% - 60px);
}

@supports (-ms-ime-align: auto) {
	.cms-token-editor aside .ui-draggable {
		height: calc(100% - 60px) !important;
	}

	.cms-token-editor .header-tokens aside .ui-draggable,
	.cms-token-editor .footer-tokens aside .ui-draggable {
		height: calc(100% - 120px) !important;
	}

	.cms-token-editor .header-tokens.footer-tokens aside .ui-draggable {
		height: calc(100% - 180px) !important;
	}

	.cms-token-editor aside .ui-draggable .ui-scroll-wrap {
		height: calc(100% - 60px) !important;
	}
}

.cms-token-editor aside .ui-draggable .ui-scroll-wrap .ui-scroll {
	height: 100% !important;
}

.cms-token-editor aside div[style*="none"][data-tab="Footer"] + .ui-draggable {
	border-bottom: none;
}

.cms-token-editor aside h2 {
	color: #22262e;
	font-weight: 400;
	font-size: 1.125em;
	background-color: #ffffff;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 20px;
	position: relative;
	border: none;
}

.cms-token-editor h2.token-id {
	font: 400 normal 16px "Montserrat";
	line-height: 1;
	color: #889aa7;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
	padding: 0 20px;
	background: #f9fafc;
	width: 368px;
}

.cms-token-editor aside div h2:not(:only-child) {
	border-bottom: solid 1px #d4d9e1;
	flex: 0 0 auto;
}

.cms-token-editor .ui-tab,
.cms-token-editor .ui-tab > h2 {
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.cms-token-editor .ui-tab:hover,
.cms-token-editor aside > div.ui-tab:hover > h2 {
	background-color: #eff1f3;
}

.cms-token-editor .ui-tab.active,
.cms-token-editor aside > div.ui-tab.active > h2 {
	background-color: #35a6f6;
	color: #ffffff;
}

.cms-token-editor .ui-tab.active.blank,
.cms-token-editor .ui-tab.blank {
	background-color: #889aa7;
}

.cms-token-editor aside ul > li {
	position: relative;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 40px;
	line-height: 1.2;
	color: #2d323c;
	background-color: #ffffff;
	counter-increment: cms-listitem;
}

.cms-token-editor aside ul > li + li {
	border-top: solid 1px #d4d9e1;
}

.cms-token-editor aside ul > li span {
	width: 100%;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cms-token-editor aside ul > li:not(.ui-draggable-dragging) span:before {
	content: counter(cms-listitem);
	display: inline-block;
	margin-right: 0.4em;
	margin-bottom: 0.2em;
	font-weight: 600;
	vertical-align: middle;
	font-size: 1.25em;
}

.cms-token-editor aside ul > li.ui-draggable-dragging:before {
	display: none;
}

.cms-token-editor fieldset.cms-form {
	height: 100%;
	width: calc(100% - 368px);
	position: relative;
	padding: 0;
	border: 0;
	transition: width 0.3s ease-in-out;
}

.cms-token-editor section.collapsed fieldset {
	width: calc(100% - 3em);
}

.cms-token-editor fieldset .cke.cke_reset {
	min-width: 0;
}

.cms-token-editor fieldset .cke.cke_reset .cke_inner {
	width: 100%;
}

.cms-token-editor:not(.ui-full-screen) section:not(.collapsed) a.cke_button {
	padding-left: 3px;
	padding-right: 3px;
}

.cms-token-editor:not(.ui-full-screen) section:not(.collapsed) .cke_toolgroup {
	margin-right: 5px;
	padding-right: 5px;
}

.cms-token-editor:not(.ui-full-screen) section:not(.collapsed) .cke_combo_button {
	margin-left: 5px;
	margin-right: 5px;
}

.cms-token-editor:not(.ui-full-screen) section:not(.collapsed) .cke_combo_text {
	width: 70px;
}

.cms-token-editor:not(.ui-full-screen) section:not(.collapsed) .cke_toolbar {
}

.cms-token-editor fieldset div.input-image {
	max-width: 609px;
}

.cms-token-editor section.collapsed fieldset div.input-image {
	max-width: 929px;
}

.cms-token-editor.ui-full-screen fieldset div.input-image {
	max-width: 1062px;
}

.cms-token-editor.ui-full-screen section.collapsed fieldset div.input-image {
	max-width: 1382px;
}

.cms-token-editor fieldset > ul.ui-scroll,
.cms-token-editor fieldset > .ui-scroll-wrap > ul.ui-scroll {
	height: 100%;
	padding: 1.25em !important;
	overflow-y: auto;
	overflow-x: hidden;
}

.cms-token-editor fieldset label {
	display: block;
	font-size: 14px;
	color: #2d323c;
}

.cms-token-editor fieldset label + .input-text {
	margin-top: 0.25em;
}

.cms-token-editor fieldset .ui-tab-panel {
	border: solid 1px #d4d9e1;
	padding: 1.25em;
}

.cms-token-editor fieldset .ui-tab-panel[data-tab="Items"] {
	padding: 0;
}

.cms-token-editor section.collapsed fieldset .ui-tab-panel {
	display: block;
	position: relative;
}

.cms-token-editor section fieldset .ui-tab-panel.disabled {
	display: none !important;
}

.cms-token-editor section fieldset .ui-tab-panel > h2 {
	position: absolute;
	bottom: 100%;
	left: 0;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	color: #22262e;
	font-size: 1.25em;
	border: none;
	line-height: 1;
	display: none;
	font-weight: 400;
}

.cms-token-editor section.collapsed fieldset .ui-tab-panel > h2 {
	display: block;
}

.cms-token-editor section.collapsed fieldset .ui-tab-panel.ui-draggable > h2 {
	padding-right: 60px;
}

.cms-token-editor section.collapsed fieldset > ul > .ui-tab-panel,
.cms-token-editor section.collapsed fieldset > .ui-scroll-wrap > ul > .ui-tab-panel {
	margin: 2.5em 0 1em;
}

.cms-token-editor
	section.collapsed
	fieldset
	> ul
	> .ui-tab-panel:not(.disabled)
	+ .ui-tab-panel
	.cms-token-editor
	section.collapsed
	fieldset
	> .ui-scroll-wrap
	> ul
	> .ui-tab-panel:not(.disabled)
	+ .ui-tab-panel {
	margin-top: 3.5em;
}

.cms-token-editor fieldset .cms-token-item {
	padding: 8px 36px 15px 48px;
	border: none;
}

.cms-token-editor section.collapsed fieldset .cms-token-item {
	display: block;
}

.cms-token-editor section.collapsed fieldset .cms-token-item:nth-child(odd) {
	background-color: #f9fafc;
}

.cms-token-editor section.collapsed fieldset .cms-token-item + .cms-token-item {
	border-top: solid 1px #d4d9e1;
}

.cms-token-editor section.collapsed fieldset .cms-token-item.focus-item {
	outline: solid 1px #1c95c8;
	outline-offset: -1px;
	background-color: #e5f6ff;
}

.cms-token-editor fieldset .cms-token-item > input[data-seq] {
	position: absolute;
	padding: 0.25em;
	border-radius: 0.1em;
	border: solid 1px #d4d9e1;
	width: 2em;
	font-size: 14px;
	left: 6px;
	top: 6px;
	color: inherit;
	background-color: #ffffff;
}

.cms-token-editor fieldset .cms-token-item > input[data-seq]:focus {
	outline: none;
}

.cms-token-editor fieldset .ui-tab-panel ul li:not(.ui-tab-panel) {
	padding: 0;
}

.cms-token-editor section fieldset ul li:not(.ui-tab-panel) + li {
	margin-top: 0.65em;
}

.cms-token-editor .cke_properties_panel {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.cms-token-editor .ui-dialog-buttonpane {
	background-color: #ffffff;
	position: relative;
	z-index: 1;
}

.cms-token-editor .cms-add-new {
	height: 100%;
	width: 48px;
	border-radius: 50%;
	transition: background-color 0.3s ease;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	order: 2;
}

.cms-token-editor .cms-add-new:focus {
	outline: none;
}

.cms-token-editor .cms-add-new:before,
.cms-token-editor .cms-add-new:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #889aa7;
}

.cms-token-editor .cms-add-new:hover:before,
.cms-token-editor .cms-add-new:hover:after {
	background-color: #35a6f6;
}

.cms-token-editor .cms-add-new:before {
	height: 2px;
	width: 18px;
	margin: -1px 0 0 -9px;
}

.cms-token-editor .cms-add-new:after {
	height: 18px;
	width: 2px;
	margin: -9px 0 0 -1px;
}

.cms-token-editor .cms-token-drag {
	display: block;
	position: absolute;
	height: 24px;
	width: 24px;
	background-position: -191px -864px;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	left: 8px;
	top: 50%;
	margin-top: -12px;
}

.cms-token-editor section:not(.collapsed) fieldset .cms-token-drag {
	display: none;
}

.cms-token-editor .cms-collapse {
	position: absolute;
	height: 60px;
	width: 3em;
	background-color: transparent;
	transition: background-color 0.3s ease;
	z-index: 2;
	top: 0;
	right: 0;
}

.cms-token-editor section.collapsed .cms-collapse {
	background-color: #35a6f6;
}

.cms-token-editor .cms-collapse img {
	display: block;
	position: absolute;
	height: 24px;
	width: 24px;
	background-image: url(/common/images/sprite24.png);
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
	background-position: -432px -286px;
	transition: transform 0.3s ease-in-out, background-position 0s linear 0.15s;
}

.cms-token-editor section.collapsed .cms-collapse img {
	background-position: -432px -262px;
	transform: rotateY(180deg);
}

.cms-token-editor .cms-token-remove {
	position: absolute;
	height: 24px;
	width: 24px;
	top: 6px;
	right: 6px;
	display: block;
	z-index: 1;
}

.cms-token-editor div.input-text.svg a.cms-token-remove {
	background: none;
	top: 0;
	left: 84px;
	right: auto;
	transform: scale(1);
}

.cms-token-editor .cms-token-remove:focus {
	outline: none;
}

.cms-token-editor .cms-token-remove:before,
.cms-token-editor .cms-token-remove:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #afbac1;
	height: 2px;
	width: 20px;
	margin: -1px 0 0 -10px;
	transition: background-color 0.3s ease;
}

.cms-token-editor .cms-token-remove:hover:before,
.cms-token-editor .cms-token-remove:hover:after {
	background-color: #f5523b;
}

.cms-token-editor .cms-token-remove:before {
	transform: rotate(45deg);
}

.cms-token-editor .cms-token-remove:after {
	transform: rotate(-45deg);
}

.cms-token-editor .input-text.svg {
	width: 80px;
	height: 80px;
	padding: 5px;
}

.cms-token-editor .input-text.svg.empty::before {
	content: "No\aIcon\aSelected";
	white-space: pre;
	position: absolute;
	left: 0;
	top: 8px;
	text-align: center;
	font-family: Arial;
	font-size: 13px;
	text-transform: none;
	color: #ccc;
	line-height: 1.5em;
	width: 100%;
	height: 100%;
}

.cms-token-editor .input-text.svg img {
	display: block;
	width: 100%;
	height: 100%;
}

.cms-token-editor a.more-icons {
	display: none;
	float: right;
	width: 24px;
	height: 24px;
	cursor: pointer;
	outline: 0;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: -3px 0 auto 0;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: 0px -890px;
}

.cms-token-editor div.input-text a {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-repeat: no-repeat;
	outline: 0;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
	margin: 0;
	padding: 0;
}

.cms-token-editor div.input-text a.cke_link {
	background-position: 0 -1872px;
}
.cms-token-editor div.input-text a.cke_link.page {
	background-position: 0 -3565px;
}
.cms-token-editor div.input-text a.cke_link.file {
	background-position: 0 -3600px;
}
.cms-token-editor div.input-text a.cke_link.external {
	background-position: 0 -3348px;
}

.cms-token-editor div.input-text ul.cms-link-options {
	position: absolute;
	right: 0;
	top: 100%;
	padding: 0;
	background-color: #ffffff;
	margin: 0;
	list-style: none;
	z-index: 2;
	border: solid 1px #d4d9e1;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.cms-token-editor div.input-text:hover ul.cms-link-options {
	opacity: 1;
	visibility: visible;
}

.cms-token-editor div.input-text ul.cms-link-options:before {
	content: "";
	display: block;
	position: absolute;
	right: 14px;
	top: -8px;
	margin: 0;
	padding: 0;
	border-top: 0;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
	border-bottom: solid 8px #c6cad2;
}

.cms-token-editor div.input-text ul.cms-link-options:after {
	content: "";
	display: block;
	position: absolute;
	right: 14px;
	top: -7px;
	margin: 0;
	padding: 0;
	border-top: 0;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
	border-bottom: solid 8px #ffffff;
}

.cms-token-editor div.input-text ul.cms-link-options li {
	padding: 0;
}

.cms-token-editor div.input-text ul.cms-link-options a {
	position: static;
	display: block;
	width: auto;
	height: auto;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
	background-image: none;
	text-align: right;
	color: #889aa7;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding: 5px 15px;
	-webkit-transition: background-color 0.25s;
	-moz-transition: background-color 0.25s;
	-o-transition: background-color 0.25s;
	transition: background-color 0.25s;
}

.cms-token-editor div.input-text ul.cms-link-options a:hover {
	background-color: #f2f6fa;
}

.cms-token-editor div.input-text ul.cms-link-options li a:after {
	content: "";
	width: 17px;
	height: 17px;
	background-color: transparent;
	background-repeat: no-repeat;
	outline: 0;
	margin: 0 0 0 10px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.4;
	-webkit-transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.cms-token-editor div.input-text ul.cms-link-options li a:hover:after {
	opacity: 1;
}

.cms-token-editor div.input-text a.cke_link.page:after {
	background-position: -4px -3787px;
}
.cms-token-editor div.input-text a.cke_link.file:after {
	background-position: -3px -3750px;
}
.cms-token-editor div.input-text a.cke_link.external:after {
	background-position: -4px -3823px;
}

/* End Token Content Wizard */

/* Callout Wizard */

.cms-wizard.cms-callout {
}

.cms-wizard.cms-callout ul.cms-callouts {
	display: block;
	list-style: none;
	margin: 0;
	padding: 5px;
}

.cms-wizard.cms-callout ul.cms-callouts > li {
	display: block;
	margin: 15px;
	padding: 50px 15px 30px;
	border: solid 1px #d4d9e1;
	position: relative;
	cursor: pointer;
	background-color: #f9fafc;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

.cms-wizard.cms-callout ul.cms-callouts > li > label {
	position: absolute !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 36px;
	background: #e6e9eb;
	border-bottom: solid 1px #d4d9e1;
	padding: 6px 15px;
	font: 400 normal 15px/20px "Open Sans";
	color: #333;
	pointer-events: none;
	transition: 0.3s;
}

.cms-wizard.cms-callout ul.cms-callouts > li > * {
	position: relative !important;
	z-index: 0 !important;
	pointer-events: none;
	margin: 0 !important;
}

.cms-wizard.cms-callout ul.cms-callouts > li::before {
	content: "";
	background-color: #62e192;
	border: solid 1px #3dcc74;
	position: absolute;
	top: 0;
	right: 0;
	height: 36px;
	width: 36px;
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.cms-wizard.cms-callout ul.cms-callouts > li::after {
	content: "";
	height: 10px;
	width: 20px;
	border-style: none none solid solid;
	border-color: #ffffff;
	border-width: 3px;
	top: 10px;
	right: 5px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	z-index: 2;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.cms-wizard.cms-callout ul.cms-callouts > li.active {
	border-color: #35a6f6;
}
.cms-wizard.cms-callout ul.cms-callouts > li.active > label {
	border-color: #35a6f6;
	background-color: #dadee0;
	color: #000;
}
.cms-wizard.cms-callout ul.cms-callouts > li.active::before {
	opacity: 1;
}

.cms-wizard.cms-callout ul.cms-callouts > li.active::after {
	opacity: 1;
}

.cms-wizard.cms-callout aside.cms-callout-categories {
	border-right: solid 1px #d4d9e1;
	height: 100%;
}

.cms-wizard.cms-callout aside.cms-callout-categories h2 {
	height: 60px;
	padding: 0 25px;
	background-color: #f9fafc;
	border-bottom: solid 1px #d4d9e1;
	font: 600 normal 16px/60px "Montserrat";
	color: #889aa7;
}

.cms-wizard.cms-callout aside.cms-callout-categories .ui-scroll {
}

.cms-wizard.cms-callout aside.cms-callout-categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cms-wizard.cms-callout aside.cms-callout-categories li {
	height: 60px;
	padding: 0 25px;
	background-color: #ffffff;
	border-bottom: solid 1px #d4d9e1;
	font: 400 normal 16px/60px "Open Sans";
	color: #889aa7;
	transition: 0.15s;
}

.cms-wizard.cms-callout aside.cms-callout-categories li:hover {
	background-color: #eff1f3;
}

.cms-wizard.cms-callout aside.cms-callout-categories li.active {
	background-color: #35a6f6;
	color: #ffffff;
}
/* End Callout Wizard */

/* Icon Wizard */

.cms-icons > section > header > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.cms-icons > section > header > ul > li {
	float: left;
	height: 68px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	font-family: Montserrat, "Open Sans", sans-serif;
	text-transform: uppercase;
	color: #889aa7;
	padding: 24px;
	border-right: solid 1px #eaedf1;
	border-bottom: solid 1px #eaedf1;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.cms-icons > section > header > ul > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -8px;
	width: 0;
	height: 0;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
	border-top: solid 8px #fff;
	margin-left: -6px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.cms-icons > section > header > ul > li:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -6px;
	width: 0;
	height: 0;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	border-bottom: solid 6px #35a6f6;
	margin-left: -4px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.cms-icons > section > header > ul > li:hover {
	border-bottom: solid 1px #35a6f6;
}

.cms-icons > section > header > ul > li:hover:after {
	bottom: 0;
}

.cms-icons > section > header > ul > li.active {
	border-bottom: solid 1px #35a6f6;
	background-color: #35a6f6;
	color: #ffffff;
}

.cms-icons > section > header > ul > li.active:before {
	top: 0;
}

.cms-icons > section h3 {
	border: 0;
	text-transform: none;
	color: #444;
	height: 44px;
	padding: 7px 16px;
	font: 400 normal 20px/30px "Montserrat";
	cursor: default;
}

.cms-icons > section h4 {
	border: 0;
	text-transform: none;
	color: #444;
	padding: 0px 16px;
	font: 400 normal 18px/24px "Montserrat";
	cursor: default;
}

.cms-icons > section h3.right {
	text-align: right;
}

.cms-icons > section h3.active span {
	border-bottom: solid 2px #2092e3;
}

.cms-icons .cms-icon-list ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 6px;
	height: calc(100% - 44px);
}

.cms-icons .cms-icon-list ul[data-tab="Uploaded"]:empty {
	outline: dashed 5px #eee;
	outline-offset: -12px;
}

.cms-icons .cms-icon-upload .cms-dragover ul[data-tab="Uploaded"] {
	outline: solid 5px rgba(53, 166, 246, 1);
}

.cms-icons .cms-icon-list.new-icons {
	border-left: solid 1px rgba(16, 37, 78, 0.15);
}

.cms-icons .cms-icon-list ul li {
	margin: 4px;
	padding: 4px;
	width: 58px;
	height: 58px;
	float: left;
	border: solid 1px rgba(16, 37, 78, 0.15);
	position: relative;
}

.cms-icons .cms-icon-list ul li span {
	display: block;
	width: 48px;
	height: 48px;
	background-image: url("/common/images/icon-preview.png");
	background-repeat: no-repeat;
}

.cms-icons .cms-icon-list ul li.uploading {
	padding: 3px;
}

.cms-icons .cms-icon-list ul li em {
	display: block;
	position: absolute;
	left: 2px;
	bottom: 2px;
	width: 0;
	height: 2px;
	background: #2092e3;
	transition: width 0.1s linear;
}

.cms-icons .cms-icon-list ul li.active {
	border-color: #2092e3;
	box-shadow: 0px 0px 5px rgba(0, 107, 207, 0.7);
}

.cms-icons .cms-icon-list ul li svg {
	fill: #889aa8;
	display: block;
}

.cms-icons .cms-icon-list ul li.active svg {
	fill: #2092e3;
}

.cms-icons .cms-icon-list.current-icons ul li svg {
	fill: #2092e3;
}

.cms-icons .cms-icon-list.new-icons ul li svg {
	fill: #2092e3;
}

.cms-icons .cms-icon-upload .cms-icon-list ul li svg {
	fill: #2092e3;
}

.cms-icons .cms-icon-list.new-icons ul li.active::after {
	content: "";
	position: absolute;
	right: -1px;
	top: -1px;
	width: 24px;
	height: 24px;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: -120px -144px;
	cursor: pointer;
	transform-origin: 100% 0;
	transform: scale(0.5835);
}

.cms-icons .cms-icon-upload {
	position: absolute;
	left: 0;
	top: auto;
	bottom: 0;
	width: 100%;
	background: #fff;
}

.cms-icons .cms-icon-preview {
	border-left: solid 1px rgba(16, 37, 78, 0.15);
	visibility: hidden;
	opacity: 0;
	transition: 0.3s;
}

.cms-icons .cms-icon-preview.available {
	opacity: 1;
	visibility: visible;
}

.cms-icons .cms-icon-upload > div {
	height: 100%;
}

.cms-icons .cms-icon-upload > div.two-thirds {
	display: none;
}

.cms-icons .cms-icon-upload > div.cms-icon-list {
	display: block;
}

.cms-icons .cms-icon-upload.paste > div.two-thirds {
	height: 50%;
	display: block;
}

.cms-icons .cms-icon-upload textarea {
	height: 200px;
}

.cms-icons .cms-icon-list.uploaded ul li svg {
	fill: #2092e3;
}

.cms-icons .cms-icon-previewing {
	margin: 0 16px;
	border: solid 1px rgba(16, 37, 78, 0.15);
	position: relative;
}

.cms-icons .cms-icon-previewing a.flip {
	position: absolute;
	right: 0;
	top: 0;
	height: 24px;
	width: 24px;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: -240px -504px;
}

.cms-icons .cms-icon-previewing svg {
	fill: #2092e3;
	display: block;
	margin: 16px;
}

.cms-wizard.cms-icons fieldset.cms-form {
	padding: 0;
}

.cms-wizard.cms-icons fieldset.cms-form button.button {
	margin-left: 20px;
}

.cms-icons .icon-search {
	position: absolute;
	right: 20px;
	top: 8px;
	border: solid 1px rgba(16, 37, 78, 0.15);
}

.cms-icons .icon-search input {
	font-family: "Open Sans";
	font-size: 14px;
	text-align: left;
	background-color: transparent;
	border: none;
	display: initial;
	border-radius: 0;
	padding: 0.35em 2em 0.35em 1em;
	margin: 0;
	box-shadow: none;
	color: #2c313b;
	outline: 0;
	width: 500px;
}

.cms-icons .icon-search::after {
	content: "";
	position: absolute;
	right: 2px;
	top: 2px;
	height: 24px;
	width: 24px;
	background-image: url(/common/images/sprite24.png);
	background-repeat: no-repeat;
	background-position: -336px -360px;
}
/* End Icon Wizard */
