section.inactive {
	background: red;
}
#page-loading {
	position: fixed;
	z-index: 9999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#page-loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.9);
}
#bakpage-loading {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.9);

	z-index: 10000;
	text-align: center;
	line-height: 16;
	font-size: 40px;
}
#preview-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.4);
}

fieldset .active-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.5);
}
#customize span.option-toggle {
	float: right;
}
#customize span.option-toggle > label {
	font-size: 2rem;
	font-weight: bold;
	cursor: pointer;
	position: relative;
}
#customize span.option-toggle > label:active {
	top: 1px;
}
#customize span.option-toggle > label:before {
	margin-right: 10px;
	color: white;
	border-radius: 20px;
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 100%;
	text-align: center;
}
#customize span.option-toggle > label.option-remove {
	color: red;
}
#customize span.option-toggle > label.option-remove:before {
	content: '-';
	background-color: red;
}

#customize span.option-toggle > label.option-add {
	color: green;
}
#customize span.option-toggle > label.option-add:before {
	content: '+';
	background-color: green;
}
#customize span.option-toggle input[type="checkbox"] {
	display: none;
}

#customize span.sizing-options input[type="checkbox"] {
	display: inline-block;
	height: auto;
	margin-right: 10px;
}

#customize span.sizing-options label {
	font-size: 16px;
	font-weight: normal;
}

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }

  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }

  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }

  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
            transform: perspective(100px) rotateX(180deg) rotateY(0); }

  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
            transform: perspective(100px) rotateX(180deg) rotateY(180deg); }

  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }

  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

#preview-overlay > div {
	position: relative;
    -webkit-transform: skew(0, 20deg);
    -moz-transform: skew(0, 20deg);
    -o-transform: skew(0, 20deg);
    -ms-transform: skew(0, 20deg);
    transform: skew(0, 20deg);
}
.frame-spin {
	border-radius: 3px;

	-webkit-animation-fill-mode: both;
	      animation-fill-mode: both;
	width: 33px;
	height: 57px;
	position: relative;
	left: 45%;
	top: 45%;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAA5CAYAAAC4YUKZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk5MDlFMDQ4RTNCMDExRTRBMDgyQjI5ODBFQTFDRjIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk5MDlFMDQ5RTNCMDExRTRBMDgyQjI5ODBFQTFDRjIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTkwOUUwNDZFM0IwMTFFNEEwODJCMjk4MEVBMUNGMjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTkwOUUwNDdFM0IwMTFFNEEwODJCMjk4MEVBMUNGMjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz70DU3+AAAK/UlEQVR42qRZ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');
	background-size: 33px 57px;
	background-position: 50% 50%;
	background-repeat: no-repeat;

	-webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
		animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
  }
form .ng-invalid {
	background: red;
}
form .ng-valid {
	/*background: limegreen;  What are this?!*/
}
#errors {
	background: red;
	color: white;
	padding: 10px;
}
#layout li {
	display: inline-block;
}
#layout label {
	width: auto;
	margin-right: 20px;
}
form > section > .fieldset {
}
#customize form .fieldset > legend + .fieldset:first-child {
	padding-top: 20px;
}
#customize form .fieldset > legend + .fieldset:last-child {
	padding-bottom: 20px;
}
#customize form .fieldset .fieldset {
	background: #EDF1F4;
	padding: 30px;
	position: relative;
}
#customize form hr {
	margin: 0 auto;
	border: 0;
	border-top: 2px solid #E0E5E9;
	position: absolute;
	bottom: 0;
	width: 90%;
}
#customize form .fieldset .fieldset .fieldset {
	padding: 0;
}

#customize form .fieldset .fieldset .fieldset:after {
	clear: both; height: 0; display: block; content: ''; line-height: 0;
}

.fieldset > ul > li {
	padding: 5px 0;
}

form label {
}

.inline-options li {
	display: inline-block;
	margin-right: 5%;
}

.size-options li:first-child {

}
.minitip {
	color: #7B87A1;
	position: relative;
	width: 20px;
	text-align: right;
	font-size: 2.1rem;
	z-index: 100;
}
.minitip:hover {

}
.minitip span {
	text-align: left;
	font-size: 1.6rem;
	display: none;
	position: absolute;
	bottom: 40px;
	padding: 25px;
	background: black;
	color: white;
	width: 400px;
	left: -190px;
	z-index: 100;
}
.minitip .down-arrow {
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 14px 0 14px;
	border-color: black transparent transparent transparent;
	position: absolute;
	top: -19px;
	right: -5px;
}
.minitip:hover span {
	display: block;
}
.minitip:hover .down-arrow {
	display: block;
}

[class*="step-"]:before {
	background: black;
	color: white;
	border-radius: 15px;
	padding: 0px 9px 2px 9px;
	margin-right: 20px;
	font-size: 2.2rem;
	line-height: 100%;
}
.step-1:before {
	content: '1';
}
.step-2:before {
	content: '2';
}
.step-3:before {
	content: '3';
}
.step-4:before {
	content: '4';
}
.step-5:before {
	content: '5';
}
.step-6:before {
	content: '6';
}
.step-7:before {
	content: '7';
}

#customize #preview {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 0!important;
}
#customize #preview-image {
	border: 1px solid #E0E5E9;
	text-align: center;
	padding: 30px;
	margin-bottom: 20px;
}
#customize #preview-image img {
	box-shadow: -8px 8px 20px 2px #818181;
	max-width: 100%;
}

#customize .inline-options input[type=radio]{
	margin-right: 10px;
	height: auto;
}

#customize legend {
    font-family: Lexia;
    font-weight: bold;
    font-size: 28px;
    line-height: 100%;
	margin-top: 50px;
	/* float: left; */
	border: none;
}
#style-modal {
	padding: 10px;
	border: 1px solid black;
	border-radius: 3px;
}
#style-picker-modal {
	z-index: 1000;
	position: absolute;
	width: 300px;
	height: 400px;
	background: white;
	border: 1px solid black;
	margin: 0 auto;
	overflow-y: scroll;
}
#style-modal img {
	border: 1px solid #aaa;
}
#frame-color-picker ul {
	list-style: none;
}
#frame-color-picker li {
	display: inline;
	cursor: pointer;
}
#frame-color-picker li span {
	display: inline-block;
}
#frame-color-picker li span.active {
	outline: 1px solid black;
}
#frame-color-picker li span.inactive {
	outline: 2px solid #E0E5E9;
}

#customize legend span.number{
    background: #081116 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-family: Aktiv-grotesk-std;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin-right: 15px;
    margin-top: -5px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

#customize form label {
    color: #7a879f;
    font-family: Aktiv-grotesk-std;
    font-size: 16px;
    font-weight: normal;
	margin-top: 0;
}

#customize form .fieldset > legend + .fieldset:last-child {
    padding-bottom: 20px;
    padding-top: 20px;
}

#customize .fieldset .fieldset legend {
	margin: 0 0 30px 0;
	font-weight: normal;
	font-size: 2.2rem;
}

#customize #style-modal {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #7a879f;
    border-radius: 3px;
    padding: 10px;
}

#customize #style-modal img {
	width: 65px;
	height: 65px;
}

#customize #frame-color-picker li {
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
}

#customize #frame-color-picker li span {
    display: inline-block;
}

#customize #frame-color-picker p {
    color: #7a879f;
    font-size: 16px;
    margin: 10px 0 0 0;
}
#customize #frame-color-picker img {
	width: 65px;
	height: 65px;
}

#customize #frame-color-picker p .ng-binding {
    color: #081116;
    font-weight: bold;
}

#customize form select, #customize form input {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #7a879f;
    border-radius: 5px;
    display: inline-block;
    padding: 10px;
	height: 50px;
	margin-right: -5px;
}

#customize form select {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAMAAACKYC6uAAAAJFBMVEUAAAB6h596h596h596h596h596h596h596h596h596h596h5/hUHO+AAAAC3RSTlMAAQMGeJaXpaanspXPWPoAAABFSURBVHjaRcxBDoBACENRBnDQ6f3vK6k0sns/KWZZbnNe2Qae+Bw3kFYATtAHQJlPGXsPNwu9+W6x0KupIqvIf5FVLvkFBVECyaZjrlwAAAAASUVORK5CYII=) no-repeat center right 5px !important;
	background-color: #fff !important;
	-webkit-appearance: none;
	padding-right: 30px;
}

#customize form select:disabled {
	opacity: 0.5;
}

#customize form select.full {
	width: 100%;
}

#customize li combo-input select {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	border-radius: 0 5px 5px 0;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAMAAACKYC6uAAAAJFBMVEUAAAB6h596h596h596h596h596h596h596h596h596h596h5/hUHO+AAAAC3RSTlMAAQMGeJaXpaanspXPWPoAAABFSURBVHjaRcxBDoBACENRBnDQ6f3vK6k0sns/KWZZbnNe2Qae+Bw3kFYATtAHQJlPGXsPNwu9+W6x0KupIqvIf5FVLvkFBVECyaZjrlwAAAAASUVORK5CYII=) no-repeat center right 5px !important;
	background-color: #fff !important;
	padding-right: 30px;
}

#customize li combo-input select:first-child {
	border-radius: 5px 0 0 5px;
	border-right: 0;
}

#customize form select.integer {
	border-radius: 5px 0 0 5px;
    border-right: 0 none;
    float: left;
}

#customize form select.decimal {
    border-radius: 0 5px 5px 0;
}

#customize section.inactive{background:none !important}

select[name=preset] {
	width: 100%;
}

table.specs td {
	color: #7a879f;
	font-family: Aktiv-grotesk-std;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0;
}
.specs {
	color: #7a879f;
	font-family: Aktiv-grotesk-std;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0;
}

.customizeKeyImage {
	width: 163px;
	height: 163px;
	border: 1px solid #dfe5e8;
	margin-right: 30px;
	vertical-align: top;
}
.customizeKeyDescription {
	padding-top: 30px;
}