/*
 * The main style sheets for the Fancy Product Designer
 *
 */


 /* COLORS - here you can define your own color scheme */

.fpd-primary-bg-color {
	background-color: #2C3E50;
}

.fpd-primary-text-color,
.fpd-primary-text-color:hover {
	color: #2C3E50;
}

/*.fpd-secondary-bg-color {
	background-color: #F6F6F6;
}*/

.fpd-secondary-text-color,
.fpd-secondary-text-color:hover {
	color: #F6F6F6;
}

/*.fpd-border-color {
	border-color: #DAE4EB;
}*/

.fpd-button {
    background-color: #C1CFD9;
    width:32px;
    height:32px;
    float:left;
    margin-right:4px;
    margin-bottom:4px;
}

.fpd-align-left {
    background-image: url('img/AlignLeft.png');
}

.fpd-align-right {
    background-image: url('img/AlignRight.png');
}

.fpd-align-center {
    background-image: url('img/Center.png');
}

.fpd-bold {
    background-image: url('img/Bold.png');
}

.fpd-italic {
    background-image: url('img/Italic.png');
}

.fpd-move-up {
    background-image: url('img/MoveUp.png');
}

.fpd-move-down {
    background-image: url('img/MoveDown.png');
}

.fpd-center-horizontal {
    background-image: url('img/CenterHorizontal.png');
}

.fpd-center-vertical {
    background-image: url('img/CenterVertical.png');
}

.fpd-reset {
    background-image: url('img/Reset.png');
}

.fpd-trash {
    background-image: url('img/Trash.png');
}

.fpd-button-danger {
	background-color: #f97e76;
}

.fpd-button-submit {
	background-color: #a8bd44;
}

.fpd-tooltip-theme {
	background: #F6F6F6;
	color: #2E3641;
	border-color: #DAE4EB;
}

.fpd-browser-alert {
	border: 1px solid #E74C3C;
	background: #E74C3C;
	color: #fff;
}




/* RESET */
.fpd-container h3,
.fpd-container h5,
.fpd-container label,
.fpd-container section,
.fpd-container div,
.fpd-container select,
.fpd-container picture,
.fpd-container input,
.fpd-container img,
.fpd-container button,
.fpd-container span {
	margin: 0;
	padding: 0;
	list-style: none;
	max-width: 100%;
	list-style-type: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow: none;
}

.fpd-product *, .fpd-design * {
	display: none;
}

.fpd-design img {
	display: none;
}

.fpd-initiliazing {
	font-size: 18px;
	font-weight: bold;
	margin: 60px 0;
	text-align: center;
}

.fpd-initiliazing-small {
	font-size: 12px;
	margin: 60px 0;
	text-align: center;
}

.fpd-initiliazing img {
	margin-top: 10px;
}

.fpd-container {
	display: none;
	max-width: 100%;
}

.fpd-container > section {
	float: left;
}

/* SIDEBAR */

.fpd-container .fpd-sidebar {
	border-width: 1px;
	border-style: solid;
	margin-bottom: 20px;
	min-height: 250px;
}

.fpd-container.fpd-horizontal .fpd-sidebar {
	min-height: inherit;
}

.fpd-sidebar > div {
	height: 100%;
}

/* SIDEBAR CONTENT */

.fpd-sidebar > .fpd-content {
	border-left: none;
	position: relative;
}

.fpd-content > div {
	height: 100%;
}

.fpd-sidebar > .fpd-content > div {
    position: relative;
}

.fpd-sidebar > .fpd-content .fpd-content-head {
	padding: 20px;
}

.fpd-content > div h3 {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	color: inherit;
}

.fpd-content > div h5 {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 14px;
}

.fpd-content > div label {
	font-size: 10px;
	font-weight: normal;
	color: inherit;
}

.fpd-content > div p {
	color: inherit;
}

.fpd-content .chosen-container {
	width: 100% !important;
	border: none !important;
}

.fpd-content .chosen-container .chosen-results li {
	white-space: nowrap;
}


/* IMAGE ITEMS */

.fpd-content .fpd-items-wrapper {
	height: 667px;
	overflow: hidden;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
}

.fpd-items-wrapper > picture {
	border-color: inherit;
	border-width: 1px;
	border-style: solid;
	width: 50%;
	height: 70px;
	padding: 10px;
	float: left;
	border-top: none;
	cursor: pointer;
	position: relative;
}

.fpd-items-wrapper picture:nth-child(2n) {
	border-right: none;
	border-left: none;
}

.fpd-items-wrapper > picture > img,
.fpd-views-selection div img {
	max-height: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.fpd-items-wrapper > picture:hover > img,
.fpd-views-selection div:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.fpd-items-wrapper > picture > img,
.fpd-items-wrapper > picture:hover > img,
.fpd-views-selection div img,
.fpd-views-selection div:hover img {
	-webkit-transition: -moz-transform 200ms ease-out;
	-moz-transition: -webkit-transform 200ms ease-out;
	-ms-transition: -o-transform 200ms ease-out;
	-o-transition: -ms-transform 200ms ease-out;
	transition: transform 200ms ease-out;
}


/* TOOLBAR IN EDIT ELEMENTS */

.fpd-edit-elements > .fpd-toolbar {
	height: auto;
	width: 100%;
}

.fpd-toolbar > div {
    padding: 10px 0 10px 20px;
    float:left;
    width:250px;
}

/* COLORPICKER */
.fpd-color-picker .sp-replacer {
  border: none;
  background: none;
  border-color: inherit;
  border-width: 2px;
  border-style: solid;
}

.fpd-color-picker > .sp-replacer {
	width: 100%;
	max-width: 200px;
}

.fpd-color-picker .sp-preview {
	border: none;
	height: 16px;
	width: 100%;
}

.fpd-color-picker .sp-dd {
	display: none !important;
}

.sp-input {
	border-width: 1px !important;
	background: #fff !important;
}

.sp-container {
	border-color: #D3D3D3 !important;
}

.fpd-color-picker.fpd-colorpicker-group .sp-replacer {
	width: 21px;
	margin: 0 2px 2px 0;
}


/* TEXT FORMAT SECTION */

.fpd-toolbar .fpd-text-format-section > div {
	margin-bottom: 10px;
}

.fpd-toolbar .fpd-text-format-section > div:last-child {
	margin-bottom: 0;
}

.fpd-toolbar .fpd-text-styles > .fpd-button:last-child {
	margin-right: 0;
}

/* TEXTAREA */

#mc-text {
    border-width: 1px;
    border-style: solid;
    width: 220px;
    font-size: 12px;
    padding: 5px;
}


/* CURVED TEXT */
.fpd-curved-text-wrapper button {
	margin-bottom: 5px;
}

.fpd-curved-text-wrapper input {
	width: 100%;
}


/* HELPER BUTTONS */

.fpd-helper-buttons-wrapper > button {
	margin-bottom: 10px;
}

.fpd-helper-buttons-wrapper > button:last-child {
	margin-right: 0 !important;
}

/* PRODUCT CONTAINER */

.fpd-container .fpd-product-container {
	position: relative;
	margin-bottom: 30px;
}

/* MENU BAR */
.fpd-product-container > .fpd-menu-bar {
	height: 50px;
}

.fpd-menu-bar.fpd-outside {
	width: 100%;
}

.fpd-menu-bar.fpd-inside {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
}

.fpd-menu-bar > div > * {
	display: none;
	float: left;
	line-height: 50px;
	padding: 0 17px;
	font-size: 14px;
	border: none;
	background: none;
	color: inherit;
}

.fpd-menu-bar > div:first-child {
	float: left;
}

.fpd-menu-bar > div:first-child span {
	font-size: 20px;
	font-weight: 400;
}

.fpd-menu-bar > div:last-child {
	float: right;
}

.fpd-menu-bar a,
.fpd-menu-bar a:hover {
	text-decoration: none;
	color: inherit;
}

/* PRODUCT STAGE */

.fpd-product-container > .fpd-product-loader {
	background: rgba(255,255,255,0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.fpd-product-container > .fpd-product-stage {
	background:white;
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
}

.fpd-product-stage .fpd-element-tooltip {
	display: none;
	position: absolute;
	font-size: 12px;
	font-weight: 400;
	max-width: 250px;
	padding: 5px 7px;
	right: 0;
	top: 0;
	z-index: 900;
	border-width: 1px;
	border-style: solid;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.fpd-element-tooltip:before {
	position: absolute;
	background-color: inherit;
	content: "";
	height: 10px;
	width: 10px;
	z-index: 2;
	bottom: -0.4em;
	left: auto;
	margin-left: 0;
	right: 1em;
	top: auto;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* BUTTONS */
.fpd-container .fpd-button {
	display: inline-block;
	border: none;
	font-size: 12px;
	margin-bottom: 5px;
	width: 23px;
	height: 23px;
	line-height: 21px;
	text-align: center;
	padding: 0;
	cursor: pointer;
	margin-right: 6px;
	opacity: 1;
	background-image: none !important;
}

.fpd-button svg {
	display: inline-block;
	vertical-align: middle;
}

.fpd-container .fpd-button:hover {
	opacity: 0.8;
	-webkit-transition: opacity 500ms ease;
	-moz-transition: opacity 500ms ease;
	-ms-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.fpd-container .fpd-submit {
	font-size: 10px;
	padding: 3px 14px;
	width: 100%;
	height: auto;
	text-transform: uppercase;
}


/* VIEW SELECTION */
.fpd-views-selection {
	position: absolute;
}

.fpd-views-selection > div {
	width: 50px;
	height: 60px;
	border-width: 1px;
	border-style: solid;
	padding: 9px;
	cursor: pointer;
	margin-bottom: 10px;
}

.fpd-views-selection.fpd-float-items.fpd-tl > div,
.fpd-views-selection.fpd-float-items.fpd-bl > div {
	margin-right: 10px;
	margin-bottom: 0;
}

.fpd-views-selection.fpd-float-items.fpd-tr > div,
.fpd-views-selection.fpd-float-items.fpd-br > div {
	margin-left: 10px !important;
	margin-bottom: 0;
}

.fpd-views-selection > div:last-child {
	margin: 0 !important;
}

.fpd-views-selection.fpd-outside {
	position: inherit;
	margin-top: 15px;
}

.fpd-views-selection.fpd-outside > div {
	width: 100px;
	height: 120px;
}

.fpd-views-selection.fpd-outside.fpd-float-items > div {
	margin-right: 10px;
}

.fpd-views-selection.fpd-tl {
	top: 10px;
	left: 10px;
}

.fpd-views-selection.fpd-tr {
	top: 10px;
	right: 10px;
}

.fpd-views-selection.fpd-br {
	bottom: 10px;
	right: 10px;
}

.fpd-views-selection.fpd-bl {
	bottom: 10px;
	left: 10px;
}

.fpd-views-selection.fpd-float-items div {
	float: left;
}

.fpd-views-selection img {
	max-height: 100%;
}

.fpd-views-selection .fpd-view-active img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}


/* BROWSER ALERT */
.fpd-browser-alert {
	padding: 10px !important;
}

.fpd-browser-alert > p {
	font-size: 14px;
}

.fpd-browser-alert a {
	margin-right: 20px;
	text-decoration: underline;
	color: white !important;
}


/* TOOLTIP THEME */

.fpd-tooltip {
	cursor: pointer;
}

.fpd-tooltip-theme {
	border-radius: 2px;
	border-width: 1px;
	border-style: solid;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

/* Use this next selector to style things like font-size and line-height: */
.fpd-tooltip-theme .tooltipster-content {
	font-size: 11px;
	line-height: 12px;
	padding: 8px 7px;
	white-space: nowrap;
}


/* EDITOR BOX */

.fpd-editor-box {
	width: 300px;
	padding: 10px;
	margin: 40px 0;
	background: #D9EDF7;
	border: 1px solid #BCE8F1;
	color: #3A87AD;
}

.fpd-editor-box > h3 {
	margin: 0 0 10px;
	font-size: 18px;
}

.fpd-editor-box i {
	font-size: 12px;
}

/* LAYOUTS */

/* Flat-Icon Vertcial Layout */

.fpd-icon-sb-left .fpd-sidebar {
	margin-right: 40px;
}

.fpd-icon-sb-left .fpd-sidebar > div {
	float: left;
}

.fpd-icon-sb-top .fpd-sidebar {
	margin-bottom: 40px;
}

.fpd-icon-sb-right .fpd-product-container {
	margin-right: 40px;
}

.fpd-icon-sb-right .fpd-sidebar > div {
	float: right;
}

/* Horinzontal Layout */

.fpd-horizontal > section {
	float: none;
}

.fpd-horizontal h3 {
	margin-bottom: 20px;
}

.fpd-horizontal > .fpd-sidebar > .fpd-content {
	min-height: 250px;
}

.fpd-horizontal > .fpd-sidebar > div {
	width: 100%;
}

.fpd-horizontal > .fpd-sidebar .fpd-nav-item {
	float: left;
	padding: 0 20px;
	width: auto;
}

.fpd-horizontal .fpd-items-wrapper {
	height: 250px;
}

.fpd-horizontal .fpd-items-wrapper > picture {
	width: 33.3%;
	height: 50%;
	padding: 20px;
}

.fpd-horizontal .fpd-edit-elements {
	overflow: visible;
}

.fpd-horizontal .fpd-edit-elements h3 {
	float: left;
	line-height: 30px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.fpd-horizontal .fpd-edit-elements .fpd-elements-dropdown-wrapper {
	display: inline-block;
	width: 200px;
}

.fpd-horizontal .fpd-toolbar {
	clear: both;
}

.fpd-horizontal .fpd-toolbar > div {
	float: left;
	padding-right: 20px;
	width: 25%;
}

/* SCROLLBAR */

.ps-container .ps-scrollbar-y-rail {
	width: 6px !important;
	z-index: 100;
	margin-right: 0 !important;
}

.ps-container .ps-scrollbar-x-rail {
	height: 6px !important;
	z-index: 100;
}

.ps-container .ps-scrollbar-y,
.ps-container .ps-scrollbar-x {
	cursor: all-scroll;
}

.ps-container .ps-scrollbar-y {
	width: inherit !important;
}

.ps-container .ps-scrollbar-x {
	height: inherit !important;
}

/* HELPERS */

.fpd-clearfix:before, .fpd-clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.fpd-clearfix:after { clear: both; }
.fpd-clearfix { zoom: 1; }
.fpd-clear {clear: both;}
.fpd-hidden {display: none;}
.fpd-fullwidth {width: 100%;}
.fpd-help-icon {cursor: help;}
.fpd-float-items > div {float: left;}
.fpd-container .fa { font-family: FontAwesome !important; }
.fpd-container .fpd-loading {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJibGFjayI+CiAgPGNpcmNsZSB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4IDApIiBjeD0iMCIgY3k9IjE2IiByPSIwIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMDsgNDsgMDsgMCIgZHVyPSIxLjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjAiCiAgICAgIGtleXRpbWVzPSIwOzAuMjswLjc7MSIga2V5U3BsaW5lcz0iMC4yIDAuMiAwLjQgMC44OzAuMiAwLjYgMC40IDAuODswLjIgMC42IDAuNCAwLjgiIGNhbGNNb2RlPSJzcGxpbmUiIC8+CiAgPC9jaXJjbGU+CiAgPGNpcmNsZSB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNiAwKSIgY3g9IjAiIGN5PSIxNiIgcj0iMCI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjA7IDQ7IDA7IDAiIGR1cj0iMS4ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwLjMiCiAgICAgIGtleXRpbWVzPSIwOzAuMjswLjc7MSIga2V5U3BsaW5lcz0iMC4yIDAuMiAwLjQgMC44OzAuMiAwLjYgMC40IDAuODswLjIgMC42IDAuNCAwLjgiIGNhbGNNb2RlPSJzcGxpbmUiIC8+CiAgPC9jaXJjbGU+CiAgPGNpcmNsZSB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNCAwKSIgY3g9IjAiIGN5PSIxNiIgcj0iMCI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjA7IDQ7IDA7IDAiIGR1cj0iMS4ycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwLjYiCiAgICAgIGtleXRpbWVzPSIwOzAuMjswLjc7MSIga2V5U3BsaW5lcz0iMC4yIDAuMiAwLjQgMC44OzAuMiAwLjYgMC40IDAuODswLjIgMC42IDAuNCAwLjgiIGNhbGNNb2RlPSJzcGxpbmUiIC8+CiAgPC9jaXJjbGU+Cjwvc3ZnPg==);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	display: block;
}



/*_______________________*/
/*___RESPONSIVE STYLES___*/
/*_______________________*/

/* Tablets ----------- */
@media (max-width : 767px) {

	.fpd-menu-bar > div > * {
		padding: 0 12px;
	}

}

/* Smartphones  ----------- */
@media (max-width : 480px) {

    /* Vertical & Horizontal Layout */
    .fpd-container .fpd-sidebar {
        margin-right: 0;
    }

    .fpd-menu-bar > div > * {
        font-size: 10px;
        padding: 0 6px;
    }

    .fpd-menu-bar > div:first-child button {
        font-size: 12px;
    }

    .fpd-views-selection > div {
        height: 50px;
        padding: 4px;
        width: 40px;
    }

    .fpd-views-selection.fpd-outside > div {
        width: 60px;
        height: 70px;
    }

    .fpd-sidebar > .fpd-content select {
        width: 100%;
        height: 30px;
    }


    /* Horizontal Layout */

    .fpd-horizontal > .fpd-sidebar > .fpd-content,
    .fpd-horizontal .fpd-items-wrapper {
        height: 480px;
    }

    .fpd-horizontal .fpd-toolbar > div {
        width: 50%;
    }

    .fpd-horizontal .fpd-edit-elements > .fpd-toolbar {
        top: 80px;
    }

    .fpd-horizontal .fpd-items-wrapper > picture {
        width: 50%;
        height: 33.4%;
    }

    .fpd-horizontal .fpd-elements-dropdown-wrapper {
        width: 100% !important;
    }
        .fpd-horizontal .fpd-elements-dropdown-wrapper select {
            margin: 0 !important;
            width: 100% !important;
        }
}


/* Progress */

.meter {
			height: 20px;  /* Can be anything */
			position: relative;
			margin: 10px 20px;
			background: #555;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			padding: 5px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
		.meter > span {
			display: block;
			height: 100%;
			   -webkit-border-top-right-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			       -moz-border-radius-topright: 4px;
			    -moz-border-radius-bottomright: 4px;
			           border-top-right-radius: 4px;
			        border-bottom-right-radius: 4px;
			    -webkit-border-top-left-radius: 10px;
			 -webkit-border-bottom-left-radius: 10px;
			        -moz-border-radius-topleft: 10px;
			     -moz-border-radius-bottomleft: 10px;
			            border-top-left-radius: 10px;
			         border-bottom-left-radius: 10px;
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow:
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow:
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow:
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image:
			   -webkit-gradient(linear, 0 0, 100% 100%,
			      color-stop(.25, rgba(255, 255, 255, .2)),
			      color-stop(.25, transparent), color-stop(.5, transparent),
			      color-stop(.5, rgba(255, 255, 255, .2)),
			      color-stop(.75, rgba(255, 255, 255, .2)),
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image:
				-moz-linear-gradient(
				  -45deg,
			      rgba(255, 255, 255, .2) 25%,
			      transparent 25%,
			      transparent 50%,
			      rgba(255, 255, 255, .2) 50%,
			      rgba(255, 255, 255, .2) 75%,
			      transparent 75%,
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			       -moz-border-radius-topright: 4px;
			    -moz-border-radius-bottomright: 4px;
			           border-top-right-radius: 4px;
			        border-bottom-right-radius: 4px;
			    -webkit-border-top-left-radius: 10px;
			 -webkit-border-bottom-left-radius: 10px;
			        -moz-border-radius-topleft: 10px;
			     -moz-border-radius-bottomleft: 10px;
			            border-top-left-radius: 10px;
			         border-bottom-left-radius: 10px;
			overflow: hidden;
		}

		.animate > span:after {
			display: none;
		}

		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}

		.orange > span {
			background-color: #f1a165;
			background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
		}

		.red > span {
			background-color: #f0a3a3;
			background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
			background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
		}

		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			background-image: none;
		}
/* End of progress */

.alert {
    border: 1px solid transparent;
    margin-bottom: 23px;
    padding: 15px;
    display:none;
}

.alert, .label {
    -ms-border-radius: 0;
    border-radius: 0;
    /*border-style: solid;*/
    border-width: 0 0 0 4px;
}

.alert > *:first-child {
    margin-left: 1.2em;
    margin-top: auto;
}

    .alert > *:first-child::before {
        display: inline-block;
        margin-left: -1.3em;
        position: absolute;
        font-family: FontAwesome;
        -webkit-font-feature-settings: normal;
        -ms-font-feature-settings: normal;
        -o-font-feature-settings: normal;
        font-feature-settings: normal;
        -webkit-font-kerning: auto;
        -moz-font-kerning: auto;
        -ms-font-kerning: auto;
        -o-font-kerning: auto;
        font-kerning: auto;
        -webkit-font-language-override: normal;
        -moz-font-language-override: normal;
        -ms-font-language-override: normal;
        -o-font-language-override: normal;
        font-language-override: normal;
        font-size: 22px;
        -webkit-font-size-adjust: none;
        -ms-font-size-adjust: none;
        -o-font-size-adjust: none;
        font-size-adjust: none;
        -webkit-font-stretch: normal;
        -moz-font-stretch: normal;
        -ms-font-stretch: normal;
        -o-font-stretch: normal;
        font-stretch: normal;
        font-style: normal;
        -webkit-font-synthesis: weight style;
        -moz-font-synthesis: weight style;
        -ms-font-synthesis: weight style;
        -o-font-synthesis: weight style;
        font-synthesis: weight style;
        -webkit-font-variant: normal;
        -moz-font-variant: normal;
        -ms-font-variant: normal;
        -o-font-variant: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        -ms-text-rendering: auto;
        text-rendering: auto;
    }

.alert-danger, .alert-success, .alert-warning {
    color: #000;
    margin: 20px auto;
    width: 1180px;
}

.alert-success, .label-success, .label-success[href]:active, .label-success[href]:focus, .label-success[href]:hover, details.alert-success {
    background: #d8eeca none repeat scroll 0 0;
    border-color: #278400;
}

    .alert-success > *:first-child::before {
        color: #278400;
        content: "";
    }

.alert-danger > *:first-child::before {
    color: #d3080c;
    content: "";
}

.alert-warning, .label-warning, .label-warning[href]:active, .label-warning[href]:focus, .label-warning[href]:hover, details.alert-warning {
    background: #f9f4d4 none repeat scroll 0 0;
    border-color: #f90;

}

.alert-warning > *:first-child::before {
    color: #f90;
    content: "";
}

.alert-danger, .label-danger, .label-danger[href]:active, .label-danger[href]:focus, .label-danger[href]:hover, details.alert-danger {
    background: #f3e9e8 none repeat scroll 0 0;
    border-color: #d3080c;
}

#mc-user-graphics-list li, #mc-user-saved-designs-list li
{
    cursor:pointer;
}