/*
///////////////////////////////////////////////////////////////////////

	COMMON STYLING

///////////////////////////////////////////////////////////////////////
*/

body {
	/*background-color: #E2E2E2; */
	background-color: #EDEDED;
	font-family: 'Roboto', sans-serif;
	color: #222222;
}

main {
	width: 920px;
	height: auto;
	padding: 0 20px;
	margin-top: 80px;
	margin-bottom: 70px;
	left: 50%;
	margin-left: -480px;
	position: absolute;
}

main.page {
	margin-top: 80px;
	height: 100%;
}

main.blur-effect {
	filter: blur(2px);
}

.page_wrapper {
	width: 765px;
	height: auto;
	min-height: 100%;
	padding: 20px 30px 100px 30px;
	background-color: #FFFDFD;
	float: left;
}

.area_wrapper {
	width: auto;
	height: auto;
	/* overflow: hidden; */ /* todo: isto permite que o wrapper cresça para todo o conteúdo, mas corta os calendários nas paginas com search by date  */
}

.noscroll { overflow: hidden; }

.show { display: block !important; }
.hide { display: none !important; }
.fadeIn { opacity: 1 !important; }
.fadeOut { opacity: 0 !important; }

form {
	
}


input {
	border: 0 none;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	
	-webkit-transition: box-shadow 300ms;
	-moz-transition: box-shadow 300ms;
	-o-transition: box-shadow 300ms;
	transition: box-shadow 300ms;
}

input:focus {
	-webkit-box-shadow: 0 0 4px 1px #2574A9;
	-moz-box-shadow: 0 0 4px 1px #2574A9;
	-o-box-shadow: 0 0 4px 1px #2574A9;
	box-shadow: 0 0 4px 1px #2574A9;
	
	outline: 0;
}

textarea {
	padding: 10px;
	border: 0 none;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
}

label {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 5px;
	display: block;
	float: left;
	width: auto;
}

::-webkit-input-placeholder {
   
}

:-moz-placeholder { /* Firefox 18- */
     
}

::-moz-placeholder {  /* Firefox 19+ */
   
}

:-ms-input-placeholder {  
   
}

div.margin_10_0 { margin: 10px 0; width: 100%; height: 1px; clear: both; display: inline-block; }
div.margin_20_0 { margin: 20px 0; width: 100%; height: 1px; clear: both; display: inline-block; }
div.margin_30_0 { margin: 30px 0; width: 100%; height: 1px; clear: both; display: inline-block; }
div.margin_40_0 { margin: 40px 0; width: 100%; height: 1px; clear: both; display: inline-block; }
div.margin_60_0 { margin: 60px 0; width: 100%; height: 1px; clear: both; display: inline-block; }


.error {
	border: 1px solid red !important;
}


/* SPECIAL BUTTON SUBMIT (TEXT + LOADER + FEEDBACK) */
a.btn_submit {
	height: 50px;
	width: 90px;
	float: left;
	color: white;
	text-align: center;
	font-size: 1.2em;
	position: relative;
	overflow: hidden;
	cursor: default;
}
a.btn_submit .btn_status[data-type="normal"]:link 	 { background-color: #2574A9; }
a.btn_submit .btn_status[data-type="normal"]:visited { background-color: #2574A9; }
a.btn_submit .btn_status[data-type="normal"]:hover 	 { background-color: #1D5C7F; }
a.btn_submit .btn_status[data-type="normal"]:active  { background-color: #1D5C7F; }

a.btn_submit .btn_container {
	width: 999px;
	height: auto;
	position: absolute;
	
	left: 0;
	-webkit-transition: left 600ms;
	-moz-transition: left 600ms;
	-o-transition: left 600ms;
	transition: left 600ms;
}


a.btn_submit .btn_status {
	width: 90px;
	height: inherit;
	min-height: 50px;
	position: absolute;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}


a.btn_submit .btn_status[data-type="normal"]  { background-color: #2574A9; cursor: pointer; }
a.btn_submit .btn_status[data-type="normal"] > span { display: block; padding: 19px 0; }

a.btn_submit .btn_status[data-type="loader"]  { background-color: #BABABA; }
a.btn_submit .btn_status[data-type="error"]   { background-color: #C1272D; }
a.btn_submit .btn_status[data-type="success"] { background-color: #27AE60; }

a.btn_submit .btn_status > .ico {
	width: 40px;
	height: 50px;
	margin: auto;
	background: url('../img/sprite_btn_submit.png') no-repeat top left;
	background-position: 999px 999px;
}
a.btn_submit .btn_status[data-type="loader"]  > .ico { background: url('../img/loader_30x30.gif') no-repeat 5px 10px; }
a.btn_submit .btn_status[data-type="error"]   > .ico { background-position: -5px 5px; }
a.btn_submit .btn_status[data-type="success"] > .ico { background-position: -5px -47px; }






/* DASHED BUTTON */
.dashed_btn {
	display: block;
	width: inherit;
	height: auto;
	position: relative;
	border: 2px dashed #2574A9;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-transition: color 300ms, border-color 300ms;
	-moz-transition: color 300ms, border-color 300ms;
	-o-transition: color 300ms, border-color 300ms;
	transition: color 300ms, border-color 300ms;
}
.dashed_btn:link     { border-color: #2574A9; color: #2574A9; }
.dashed_btn:visited  { border-color: #2574A9; color: #2574A9; }
.dashed_btn:hover    { border-color: #1D5C7F; color: #1D5C7F; }
.dashed_btn:active   { border-color: #1D5C7F; color: #1D5C7F; }
.dashed_btn.disabled { border-color: #BABABA; color: #BABABA; cursor: default; }

.dashed_btn .ico {
	width: 35px;
	height: 35px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -360px -30px;
}
.dashed_btn:hover > .ico { background-position: -30px -120px !important; }
.dashed_btn.disabled > .ico { background-position: -95px -120px !important; }

.dashed_btn.upload_btn_hovered { border-color: #1D5C7F; color: #1D5C7F; }
.dashed_btn.upload_btn_hovered .ico { background-position: -30px -120px !important; }

.dashed_btn .txt {
	width: auto;
	height: 12px;
	text-align: center;
	font-weight: 700;
	font-size: 1.2em;
}







/* BUTTON BIG (ICON + TEXT) */
a.btn_big {
	width: 80px;
	height: 80px;
	display: block;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
a.btn_big span {
	color: white;
	font-size: 1.2em;
	display: block;
	text-align: center;
}
a.btn_big .text {
	color: white;
	font-size: 1.2em;
	display: block;
	text-align: center;
}
a.btn_big:link 		{ background-color: #2574A9; }
a.btn_big:visited 	{ background-color: #2574A9; }
a.btn_big:hover 	{ background-color: #1D5C7F; }
a.btn_big:active 	{ background-color: #1D5C7F; }
a.btn_big.disabled  { background-color: #BABABA; cursor: default; }








/* BUTTON MEDIUM (TEXT) */
a.btn_medium {
	width: inherit;
    height: 35px;
	display: block;
    font-size: 1.4em;
    line-height: 35px;
    text-align: center;
    color: white;
    float: left;
    position: relative;
    
    -webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
a.btn_medium:link 		{ background-color: #2574A9; }
a.btn_medium:visited 	{ background-color: #2574A9; }
a.btn_medium:hover 		{ background-color: #1D5C7F; }
a.btn_medium:active 	{ background-color: #1D5C7F; }
a.btn_medium.disabled  	{ background-color: #BABABA; cursor: default !important; }
a.btn_medium.upload_btn_hovered { background-color: #1D5C7F; }



/* BUTTON MEDIUM BORDER (TEXT) */
a.btn_medium_border {
	width: inherit;
	height: 35px;
	display: block;
    font-size: 1.4em;
    line-height: 35px;
    text-align: center;
    color: white;
    float: left;
    
    -webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
a.btn_medium_border:link 		{ background-color: #FFFFFF; border: 1px solid #2574A9; color: #2574A9; }
a.btn_medium_border:visited 	{ background-color: #FFFFFF; border: 1px solid #2574A9; color: #2574A9; }
a.btn_medium_border:hover 		{ background-color: #1D5C7F; border: 1px solid #1D5C7F; color: #FFF; }
a.btn_medium_border:active 		{ background-color: #1D5C7F; border: 1px solid #1D5C7F; color: #FFF; }
a.btn_medium_border.disabled  	{ background-color: #FFFFFF; border: 1px solid #BABABA; color: #BABABA; cursor: default !important; }



/* BUTTON SMALL (TEXT) */
a.btn_small {
	display: block;
    padding: 5px 0;
    text-align: center;
    color: white;
    
    -webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
a.btn_small:link 		{ background-color: #2574A9; }
a.btn_small:visited 	{ background-color: #2574A9; }
a.btn_small:hover 		{ background-color: #1D5C7F; }
a.btn_small:active 		{ background-color: #1D5C7F; }
a.btn_small.disabled  	{ background-color: #BABABA; cursor: default; }





/* SWITCH BUTTON (ON/OFF) */
a.switch_btn {
	width: 50px;
	height: 20px;
	padding: 1px 0;
	position: relative;
	display: block;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
a.switch_btn > span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 1px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -160px -120px;
	position: relative;
	left: 28px;
	
	-webkit-transition: background-color 300ms, left 300ms;
	-moz-transition: background-color 300ms, left 300ms;
	-o-transition: background-color 300ms, left 300ms;
	transition: background-color 300ms, left 300ms;
}
a.switch_btn[data-status="0"] { background-color: #C1272D; }
a.switch_btn[data-status="0"] > span { left: 0px; }
a.switch_btn[data-status="1"] { background-color: #08B26D; }
a.switch_btn[data-status="1"] > span { left: 28px; }





/* TEXT BUTTON */
a.btn_text {
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
a.btn_text:link 	{ color: #2574A9; }
a.btn_text:visited 	{ color: #2574A9; }
a.btn_text:hover 	{ color: #1D5C7F; text-decoration: underline; }
a.btn_text:active 	{ color: #1D5C7F; text-decoration: underline; }
a.btn_text.disabled { color: #BABABA; }


/* CHECKBOX */
.checkbox {
	width: 20px;
	height: 20px;
	background-color: #2574A9;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.checkbox[data-checked="1"] {
	background-image: url('../img/checker_ico.png');
	background-repeat: no-repeat; 
}




/* TEXT AND HEADERS */
h1 { font-size: 2.4em; line-height: 1.3em; }
h2 { font-size: 2em; line-height: 1.3em; }
h3 {}
h4 {}
h5 {}

p {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 10px 0;
}

em { font-style: italic; }

strong { font-weight: 700; }

span {}


h1.page_title {
	font-weight: 300;
	text-align: center;
	padding: 70px 0 100px 0;
}

.area_title {
	width: 100%;
	height: 30px;
/* 	background-image: url("../img/lined.png"); 
    background-position: center center;
    background-repeat: repeat-x; */
    margin-bottom: 5px;
}
.area_title > h2 { 
	font-weight: 300; 
	text-align: left; 
	background-color: #FFFDFD;
	width: auto;
	/* padding-right: 10px; */
	float: left; 
	display: block;
}
.area_title > h2 > span { font-weight: 700; }


.line {
	width: 100%;
	height: 2px;
	background-image: url("../img/lined.png"); 
    background-position: center center;
    background-repeat: repeat-x;
}



.no_orders_msg {
	width: auto;
	height: 70px;
	margin-top: 20px;
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: 700;
	color: #d8d8d8;
	text-transform: uppercase;
	display: none;
}

.no_content_msg {
	width: auto;
	height: 70px;
	margin-top: 20px;
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: 700;
	color: #d8d8d8;
	text-transform: uppercase;
	display: none;
}







/* GLOBAL IMAGE SETTINGS FOR CENTERING PURPOSES */
.image_wrap {
	/* PREVENTS IMG BLUR ON VERTICAL CENTERED CONTENT */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.image_wrap > .center_vertical {
	width: auto;
	height: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.image_wrap > .center_horizontal {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}



/*
	ABSOLUTE CENTERING DIV WITH DEFINED WIDTH & HEIGHT
	Requires parent to be positioned
*/
.absoluteCenter {
  margin: auto !important;
  position: absolute !important;
  top: 0 !important; 
  left: 0 !important; 
  bottom: 0 !important; 
  right: 0 !important;
}
			

			
/* JQUERY SORTABLE CLASSES */	
.sortable_handle { cursor: move; }
.sortable_handle.dissolve { opacity: 0.5 !important; }
.sortable_handle.disable { opacity: 0.5 !important; cursor: default !important; }	
		
		
		


/*
	SPINNER LOADER
*/
.spinner_loader {
	font-size: 10px;
	margin: 0 auto;
	text-indent: -9999em;
	width: 7em;
	height: 7em;
	border-radius: 50%;
	background: #2574A9;
	background: -moz-linear-gradient(left, #2574A9 10%, rgba(41, 171, 226, 0) 42%);
	background: -webkit-linear-gradient(left, #2574A9 10%, rgba(41, 171, 226, 0) 42%);
	background: -o-linear-gradient(left, #2574A9 10%, rgba(41, 171, 226, 0) 42%);
	background: -ms-linear-gradient(left, #2574A9 10%, rgba(41, 171, 226, 0) 42%);
	background: linear-gradient(to right, #2574A9 10%, rgba(41, 171, 226, 0) 42%);
	position: relative;
	-webkit-animation: spinner_loader_anim 0.8s infinite linear;
	animation: spinner_loader_anim 0.8s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
.spinner_loader:before {
	width: 50%;
	height: 50%;
	background: #2574A9;
	border-radius: 100% 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}
.spinner_loader:after {
	background: #FFFFFF;
	width: 75%;
	height: 75%;
	border-radius: 50%;
	content: '';
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
@-webkit-keyframes spinner_loader_anim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner_loader_anim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}		
		
		
		






		
		
		
		
		
		
		
		
		
		
		
			

























/*
///////////////////////////////////////////////////////////////////////

	CONTENT LIST STYLE 

///////////////////////////////////////////////////////////////////////
*/ 
.content_list_wrapper {
	width: inherit;
	height: auto;
}
.content_list_item {
	width: inherit;
	height: auto;
	background-color: #EDEDED;
	overflow: hidden;
	position: relative;
	margin-bottom: 50px;
}

/* LEFT BLOCK */
.content_list_item .leftBlock {
	float: left;
	width: 130px;
	height: inherit;
}

.content_list_item .leftBlock 
.wrapper {
	margin: 0 auto 0 auto;
    width: 130px;
}

.content_list_item .leftBlock 
.ico {
	margin: 0 auto 10px auto;
}

.content_list_item .leftBlock 
.title {
	color: #7f7f7f;
	font-size: 1em;
	line-height: 1.4em;
	text-align: center;
	text-transform: uppercase;
}

.content_list_item .leftBlock 
.subtitle {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	text-transform: uppercase;
	padding: 0 10px;
}

/* RIGHT BLOCK */
.content_list_item .rightBlock {
	width: 595px;
	height: auto;
	padding: 25px 20px;
	float: left;
	background-color: #e1e1e1;
}

.content_list_item .rightBlock 
.block_title {
	width: auto;
	height: 15px;
	margin-bottom: 10px;
	color: #222222;
	font-size: 1.2em;
	text-transform: uppercase;
}

/* RIGHT BLOCK :: EXPAND BOX */
.content_list_item .expandBox_wrapper {
	float: left;
    width: inherit;
	height: 0;
    position: relative;
    overflow: hidden;
    
    -webkit-transition: height 300ms;
	-moz-transition: height 300ms;
	-o-transition: height 300ms;
	transition: height 300ms;
}
.content_list_item .expandBox_wrapper.lockedHeight { height: 150px; }

.content_list_item .expandBox_wrapper 
ul.expandBox_container {
	position: relative;
	width: 520px;
	height: auto;
	float: left;
}

.content_list_item .expandBox_wrapper 
ul.expandBox_container li { 
	margin: 0 20px 20px 0; 
	float: left;
	position: relative;
}

.content_list_item .expandBox_wrapper 
ul.expandBox_container li.item_wrapper {
	width: 110px;
	height: 150px;
	background-color: #EDEDED;
	opacity: 1;
	
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}

.content_list_item .expandBox_wrapper 
li.item_wrapper .btn_small .ico {
	width: 12px;
	height: 12px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -320px -120px;
	margin: auto;
}

.content_list_item .expandBox_wrapper 
ul.expandBox_container .dashed_btn {
	width: 106px;
	height: 145px;
	float: left;
	position: relative;
}



/* EXPAND BUTTON */
.content_list_item .expandBox_wrapper 
.expandBtn {
	width: 60px;
	height: 40px;
	float: right;
	margin: 45px 5px 0 0; 
}
.content_list_item .expandBox_wrapper 
.expandBtn > .ico {
	width: 25px;
	height: 25px;
	margin: 9px auto 0 auto;
	background: url('../img/sprite_misc.png') no-repeat top left;
}
.content_list_item .expandBox_wrapper 
.expandBtn > .ico[data-type="up"]   { background-position: -210px -120px; }

.content_list_item .expandBox_wrapper 
.expandBtn > .ico[data-type="down"] { background-position: -265px -120px; }


















/*
///////////////////////////////////////////////////////////////////////

	ORDERS LISTING STYLE

///////////////////////////////////////////////////////////////////////
*/
ul.orders_listing {
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
	display: none;
}

ul.orders_listing 
li.order_item {
	width: inherit;	
	height: 75px;
	margin-bottom: 10px;
	background-color: #EDEDED;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}

ul.orders_listing li.order_item:hover { background-color: #D8D8D8; }

ul.orders_listing 
.phase {
	width: 10px;
	height: inherit;
	float: left;
}

ul.orders_listing .phase[data-phase="1"] { background-color: #3399CC; }
ul.orders_listing .phase[data-phase="2"] { background-color: #FFCC00; }
ul.orders_listing .phase[data-phase="3"] { background-color: #339966; }
ul.orders_listing .phase[data-phase="4"] { background-color: #663399; }

ul.orders_listing 
.status {
	width: 50px;
	height: inherit;
	float: left;
}

ul.orders_listing .status 
.checkbox {
	margin: 27px auto;
}

ul.orders_listing .status
.ico {
	width: 30px;
	height: 30px;
	margin: 22px auto;
	background: url('../img/sprite_misc.png') no-repeat top left;
}
ul.orders_listing .status .ico[data-status="1"] { background-position: -223px -178px; }
ul.orders_listing .status .ico[data-status="0"] { background-position: -276px -178px; }

ul.orders_listing 
.info {
	width: 105px;
	height: auto;
	padding: 22px 10px;
	border-right: 1px solid #CCCCCC;
	float: left;
}
ul.orders_listing .info.no_border { border-right: 0 none; }

ul.orders_listing .info 
.title {
	width: auto;
	height: 10px;
	display: block;
	font-size: 1em;
	color: #7F7F7F;
	text-transform: uppercase;
}

ul.orders_listing .info 
.msg {
	width: auto;
	height: 20px;
	display: block;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: 700;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


ul.orders_listing  
a.btn_big {
	width: 75px;
	height: 75px;
	float: right;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

ul.orders_listing  
a.btn_big .ico {
	width: 20px;
	height: 26px;
	background: url('../img/sprite_misc.png') no-repeat top left; 
	background-position: -330px -181px;
	margin: 17px auto 5px auto;
}


/* FILTERS AREA */
.filter_wrapper {
	width: inherit;
	height: 118px;
	background-color: #EDEDED;
	margin-bottom: 10px;
}

.filter_wrapper .container {
	width: 49%;
	height: inherit;
	border-right: 1px solid #BDC3C7;
	float: left;
}
.filter_wrapper .container:last-child { border-right: 0 none; }

.filter_wrapper .container 
.header {
	margin: 15px 0 10px 15px;
}

.filter_wrapper .container 
.title {
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
}

.filter_wrapper .container 
.subtitle {
	font-size: 1.1em;
	line-height: 1.5em;
}





















/*
///////////////////////////////////////////////////////////////////////

	PAGINATION STYLE (ORDERS)

///////////////////////////////////////////////////////////////////////
*/
ul.pagination_wrapper {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	clear: both;
	float: left;
	display: none;
}
ul.pagination_wrapper .line { margin-bottom: 20px; }

ul.pagination_wrapper li {
	width: auto;
	height: auto;
	margin-right: 10px;
	position: relative;
	float: left;
}

ul.pagination_wrapper li a {
	width: auto;
	height: 30px;
	display: block;
	text-align: center;
	font-size: 1.2em;
	line-height: 30px;
}



/* NEXT / PREV BUTTONS */
ul.pagination_wrapper .nav_btn a {
	background-color: #EDEDED; 
	color: #000; 
	padding: 0 14px;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
ul.pagination_wrapper .nav_btn:hover a { background-color: #2574A9; color: #FFF; }
ul.pagination_wrapper .nav_btn.disabled a { background-color: transparent !important; color: #BABABA !important; cursor: default !important; }


/* ELLIPSIS */
ul.pagination_wrapper .ellipsis {
	width: 26px;
	height: inherit;
	cursor: default;
}
ul.pagination_wrapper .ellipsis span {
	display: block;
	padding: 3px 6px;
	text-align: center;
	font-size: 1.6em;
}



/* PAGE LINK */
ul.pagination_wrapper .pag_item {
	width: auto;
	min-width: 26px;
	height: inherit;
}
ul.pagination_wrapper .pag_item a {
	background-color: #EDEDED; 
	color: #000;
	padding: 0 12px;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
ul.pagination_wrapper .pag_item:hover a { background-color: #2574A9; color: #FFF; }
ul.pagination_wrapper .pag_item[data-selection="1"] a { background-color: #2574A9; color: #FFF; cursor: default; }
























/*
///////////////////////////////////////////////////////////////////////

	MODAL WINDOWS

///////////////////////////////////////////////////////////////////////
*/
#MW_window 
form .singleblock {
	width: 400px;
	height: auto;
	float: left;
}

#MW_window 
form .block {
	width: 180px;
	height: auto;
	float: left;
}

#MW_window 
form .block.left {
	margin-right: 40px;
}

#MW_window 
form .block input {
	width: 148px !important;
}

#MW_window 
a.switch_btn {
	float: right;
	margin-top: -5px;
}






/*
	APPS PAGE > START SESSION
*/
#MW_window 
.status {
	width: 120px;
	height: 85px;
	background-image: url('../img/app_small.png');
	background-repeat: no-repeat;
	margin: 20px auto 0 auto;
	position: relative;
}
#MW_window 
.status > span {
	width: 70px;
	height: 15px;
	display: block;
	position: absolute;
	margin: 34px 25px;
	font-size: 1.2em;
    font-weight: 700;
    text-align: center;
}
#MW_window 
.status > span.available { color: #3498DB; }
#MW_window 
.status > span.unavailable { color: #C0392B; }

#MW_window 
.app_name {
	width: auto;
	height: 15px;
	margin: 10px 0 0 0;
	font-size: 1.2em;
    font-weight: 700;
    text-align: center;
}

#MW_window 
p.session_text {
	text-align: center;
	line-height: 1.6em;
}







/*
	APPS PAGE > PUBLIC UPLOADS
*/
#MW_window #form_publicUploads 
.switch_btn {
	clear: both;
	float: left;
	margin-top: 5px;
}

#MW_window #preview_publicUpload {
	width: auto;
	height: auto;
	overflow: hidden;
	clear: left;
	float: left;
}

/* UPLOAD FEEDBACK ZONE */
#MW_window #preview_publicUpload 
.upload_wrapper {
	width: 115px;
    height: 135px;
	float: left;
	margin: 0 13px 20px 0;
	background-color: #e2e2e2;
}

#MW_window #preview_publicUpload
.feedback_zone {
	width: inherit;
    height: 105px;
}

#MW_window #preview_publicUpload 
.upload_wrapper .feedback[data-type="error"] .ico {
	width: 60px;
	height: 40px;
	margin: 15px auto 5px auto;
	background-position: -102px -23px;
	background-size: 626%;	
}

/* REMOVE IMAGE BUTTON */
#MW_window #preview_publicUpload 
.btn_medium {
	height: 30px;
}
#MW_window #preview_publicUpload  
.btn_medium .txt {
	line-height: 30px;
}


/* ADD NEW IMAGE BUTTON */
#MW_window #preview_publicUpload
.dashed_btn {
	width: 112px;
	height: 132px;
	float: left; 
	position: relative;
	margin-bottom: 20px;
}











/*
	FILE UPLOAD AREA
*/
#MW_window 
.upload_wrapper {
	height: 178px;
	width: 178px;
	float: left;
	border: 1px solid #E2E2E2;
	background-color: #E2E2E2;
	position: relative;
}

#MW_window 
.upload_wrapper .feedback {
	width: inherit;
	height: inherit;
	float: left;
	position: relative;
	overflow: hidden;
	display: none;
}


/* DROPZONE (DRAGGABLE AREA) */
#MW_window 
.upload_wrapper.dropzone { border: 1px dashed #7E7E7E !important; }
#MW_window 
.upload_wrapper.dropzone .feedback { display: none !important; }
#MW_window 
.upload_wrapper.dropzone .feedback[data-type="dropzone"] { display: block !important; }
#MW_window 
.upload_wrapper.dropzone .feedback[data-type="dropzone"] .ico {
	width: 80px;
	height: 60px;
	float: left;
	position: relative;
	margin: 60px 50px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -250px -30px;
}


/* EMPTY CONTAINER */
#MW_window 
.upload_wrapper .feedback[data-type="empty"] .ico {
	width: 80px;
	height: 60px;
	float: left;
	position: relative;
	margin: 60px 50px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -30px -30px;
}

/* LOADER */
#MW_window 
.upload_wrapper .feedback[data-type="loader"] .ico {
	width: 40px;
	height: 40px;
	background: url('../img/loader_40x40.gif') no-repeat top left;
	margin: 70px;
	float: left;
	position: relative;
}

/* ERROR */
#MW_window 
.upload_wrapper .feedback[data-type="error"] .ico {
	width: 80px;
	height: 60px;
	margin: 50px 50px 10px 50px;
	position: relative;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -140px -30px;
}
#MW_window 
.upload_wrapper .feedback[data-type="error"] .msg {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.3em;
	position: relative;
	color: #C11718;
	padding: 0 10px;
}




/*
	CONTENTS > PRODUCTS :: PRODUCTS COLORS
*/
#MW_window 
.color_wrapper {
	width: inherit;
	height: auto;
	float: left;
	background-color: #E2E2E2;
}

#MW_window 
ul.colors_list {
	width: 160px;
	height: auto;
	min-height: 80px;
	float: left;
	margin: 10px;
	position: relative;
	display: none;
}

#MW_window 
.empty_colors_msg {
	font-size: 1.2em;
    line-height: 1.4em;
    padding: 40px 10px;
    text-align: center;
    color: #4D4D4D;
    display: none;
}

#MW_window .color_wrapper[data-emptylist="0"] ul.colors_list { display: block; }
#MW_window .color_wrapper[data-emptylist="1"] .empty_colors_msg { display: block; }

#MW_window 
ul.colors_list .color_item {
	width: 30px;
	height: 30px;
	margin: 5px;
	float: left;
	cursor: pointer;
	position: relative;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#MW_window 
.color_item .color_info {
	width: 69px;
	height: 88px;
	margin: -100px 0 0 -26px;
	background-color: #222222;
	border: 2px solid #222222;
	position: absolute;
	display: none;
}

#MW_window 
.color_item > .color_checkbox {
	width: 20px;
	height: 14px;
	margin: 8px 0 0 5px;
	position: absolute;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -30px -185px;
	opacity: 0;
	
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}

#MW_window 
.color_item > .color_checkbox.selected { opacity: 1; }

#MW_window 
.color_info > .color {
	width: inherit;
	height: 50px;
}

#MW_window 
.color_info > .info {
	width: 63px;
	height: 28px;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 5px 3px;
	color: white;
	text-align: center;
	overflow: hidden;
}

#MW_window 
.color_info > .ico {
	width: 14px;
	height: 10px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -72px -189px;
	margin: 0 0 0 27px;
}

#MW_window 
ul.colors_list .color_item:hover > .color_info { display: block; }






/*
	CONTENTS > PRODUCTS :: PRICES
*/
#MW_window 
form .block .price_input {
	width: 108px !important;
	float: left !important;
}

#MW_window 
.currency_ico {
	width: 15px;
	height: 20px;
	font-size: 1.8em;
	line-height: 20px;
	text-align: center;
	position: relative;
	overflow: hidden;
	color: #4d4d4d;
	margin: 10px 0 0 10px;
	float: left;
}






/*
	CONTENTS > PRODUCTS :: SIZES
*/
#MW_window 
.sizes_wrapper {
	width: 400px;
	height: auto;
	min-height: 50px;
	border: 1px solid #E2E2E2;
	float: left;
	background-color: #E2E2E2;
}

#MW_window 
ul#size_btns {
	width: auto;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 10px;
}

#MW_window 
ul#size_btns li {
	width: 30px;
	height: 10px;
	padding: 10px 0;
	float: left;
	margin-right: 15px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	background-color: white; 
	color: #2574A9;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
#MW_window 
ul#size_btns li:link 	{ background-color: white; color: #2574A9; }
#MW_window 
ul#size_btns li:visited { background-color: white; color: #2574A9; }
#MW_window 
ul#size_btns li:hover 	{ background-color: #1D5C7F; color: white; }
#MW_window 
ul#size_btns li:active 	{ background-color: #2574A9; color: white; }
#MW_window 
ul#size_btns li.selected { background-color: #2574A9 !important; color: white !important; }

#MW_window 
ul#size_boxes {
	width: auto;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 10px 0;
}

#MW_window 
ul#size_boxes li {
	width: 180px;
	height: 35px;
	float: left;
	margin: 10px;
}

#MW_window 
.dashed_btn[data-type="add_custom_size"] {
	width: 176px;
	height: 30px;
}

#MW_window 
ul#size_boxes input {
	width: 113px;
	height: 23px;
	float: left;
	border: 1px solid white;
}

#MW_window 
.size_del_btn {
	width: 35px;
	height: 35px;
	float: left;
	background-color: #2574A9;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -356px -115px;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}

#MW_window 
.size_del_btn:link 		{ background-color: #2574A9; }
#MW_window 
.size_del_btn:visited 	{ background-color: #2574A9; }
#MW_window 
.size_del_btn:hover 	{ background-color: #1D5C7F; }
#MW_window 
.size_del_btn:active 	{ background-color: #1D5C7F; }




/*
	CONTENTS > COLORS :: SPECTRUM PLUGIN OVERRIDES
*/
.sp-container {
	background-color: transparent !important;
	border: 0 none !important;
	margin: 30px 0 0 108px !important;
}
.sp-color, 
.sp-hue, 
.sp-clear {
	border: 0 none !important;
}
.sp-slider {
	border: 0 none !important;
	background-color: #222222 !important;
	height: 6px !important;
}
.sp-picker-container, 
.sp-palette-container {
	padding: 0 4px 300px !important;
}
input.sp-input {
	width: 172px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
}

.picker_preview { 
	width: 397px;
	height: 290px;
	padding: 20px 0;
	float: left;
	margin-right: 16px;
	border: 1px solid #CCC;
	background-color: #D8D8D8;
	position: relative;
	text-align: center;
}

.picker_preview .stencil_wrapper {
	width: auto;
	height: inherit;
	overflow: hidden;
	display: inline-block;
	position: relative;
	background-color: #FFFFFF;
	opacity: 0;
	
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-o-transition: opacity 200ms;
	transition: opacity 200ms;
}

.stencil_wrapper .stencil {
	width: auto;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}



/*
	SETTINGS > APPS :: SELECT DEFAULT PRODUCT
*/
#MW_window 
ul.products_list {
	width: 400px;
	height: auto;
	overflow: hidden;
}

#MW_window 
li.product_item {
	width: 113px;
	height: 133px;
	float: left;
	margin: 10px;
	background-color: #E2E2E2;
	cursor: pointer;
}
#MW_window 
li.product_item.selected {
	-webkit-box-shadow: 0 0 4px 1px #2574A9;
	-moz-box-shadow: 0 0 4px 1px #2574A9;
	-o-box-shadow: 0 0 4px 1px #2574A9;
	box-shadow: 0 0 4px 1px #2574A9;
}

#MW_window 
li.product_item .ico {
	width: auto;
	height: 100px;
	margin: 5px 10px;
	overflow: hidden;
}

#MW_window 
li.product_item .ico img {
	width: auto;
	height: 100%;
	display: block;
	margin: auto;
}

#MW_window 
li.product_item .title {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid #ccc;
	width: 100px;
	margin: auto;
}




/*
	CONTENTS > PRODUCTS :: PREMIUM CHECKBOX 
*/
#MW_window 
.side_info {
	clear: both;
	color: #7e7e7e;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 5px;
}









/*
	CONTENTS > ORDERING ITEMS ( PRODUCTS, IMAGES, FONTS )
*/
#MW_window 
.status_legend {
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-left: 4px;
	margin-bottom: 5px;
}

#MW_window 
.status_legend .ico {
	width: 20px;
	height: 20px;
	float: left;
}
#MW_window .status_legend[data-type="active_items"] .ico { background-color: #08B26D; }
#MW_window .status_legend[data-type="inactive_items"] .ico { background-color: #C1272D; }


#MW_window 
.status_legend .text {
	width: auto;
	height: 20px;
	font-size: 1.2em;
	line-height: 21px;
	margin-left: 5px;
	text-transform: uppercase;
	float: left;
}

#MW_window 
.order_items {
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-top: 25px;
}

#MW_window 
.order_items li {
	width: 125px;
	height: 60px;
	float: left;
	background-color: #E2E2E2;
	margin: 4px;
}


#MW_window 
.order_items li .info_box {
	width: inherit;
	height: 25px;
	color: #FFF;
	font-size: 1.2em;
	text-align: center;
	line-height: 26px;
}
#MW_window .order_items li .info_box[data-status="1"] { background-color: #08B26D; }
#MW_window .order_items li .info_box[data-status="0"] { background-color: #C1272D; }


#MW_window 
.order_items li .text {
	width: auto;
	height: 35px;
	padding: 0 5px;
	text-align: center;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 36px;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}











/*
	CONTENTS > IMAGES (PREMIUM CATEGORY)
*/ 
#premium_selector {
	width: auto;
	height: auto;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}

#premium_selector li {
	width: 22%;
	height: auto;
	margin-right: 3%;
	float: left;
	color: #D8D8D8;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 5px solid #D8D8D8;
	cursor: pointer;
	
	-webkit-transition: color 300ms, border-color 300ms;
	-moz-transition: color 300ms, border-color 300ms;
	-o-transition: color 300ms, border-color 300ms;
	transition: color 300ms, border-color 300ms;
}

#premium_selector li.normal[data-selected="1"]   { color: #40BC99; border-bottom-color: #40BC99; }
#premium_selector li.premium[data-selected="1"]  { color: #FCB910; border-bottom-color: #FCB910; }

#premium_selector li.normal[data-selected="0"]:hover   { color: #40BC99; border-bottom-color: #40BC99; }
#premium_selector li.premium[data-selected="0"]:hover  { color: #FCB910; border-bottom-color: #FCB910; }












/*
	ORDERS > DETAIL ORDER :: EDIT ORDER INFO
*/
/* PHASES */
#phase_form {
	width: auto;
	height: auto;
	overflow: hidden;
	clear: both;
}

#phase_form li {
	width: 22%;
	height: auto;
	margin-right: 3%;
	float: left;
	color: #D8D8D8;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 5px solid #D8D8D8;
	cursor: pointer;
	
	-webkit-transition: color 300ms, border-color 300ms;
	-moz-transition: color 300ms, border-color 300ms;
	-o-transition: color 300ms, border-color 300ms;
	transition: color 300ms, border-color 300ms;
}

#phase_form li.phase_one[data-selected="1"]   { color: #3399CC; border-bottom-color: #3399CC; }
#phase_form li.phase_two[data-selected="1"]   { color: #FFCC00; border-bottom-color: #FFCC00; }
#phase_form li.phase_three[data-selected="1"] { color: #339966; border-bottom-color: #339966; }
#phase_form li.phase_four[data-selected="1"]  { color: #663399; border-bottom-color: #663399; }

#phase_form li.phase_one[data-selected="0"]:hover   { color: #3399CC; border-bottom-color: #3399CC; }
#phase_form li.phase_two[data-selected="0"]:hover   { color: #FFCC00; border-bottom-color: #FFCC00; }
#phase_form li.phase_three[data-selected="0"]:hover { color: #339966; border-bottom-color: #339966; }
#phase_form li.phase_four[data-selected="0"]:hover  { color: #663399; border-bottom-color: #663399; }



/* URGENT */
#urgent_form {
	width: auto;
	height: auto;
	overflow: hidden;
	clear: both;
}

#urgent_form li {
	width: 22%;
	height: auto;
	margin-right: 3%;
	float: left;
	color: #D8D8D8;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 5px solid #D8D8D8;
	cursor: pointer;
	
	-webkit-transition: color 300ms, border-color 300ms;
	-moz-transition: color 300ms, border-color 300ms;
	-o-transition: color 300ms, border-color 300ms;
	transition: color 300ms, border-color 300ms;
}

#urgent_form li.normal[data-selected="1"]   { color: #40BC99; border-bottom-color: #40BC99; }
#urgent_form li.urgent[data-selected="1"]   { color: #C0392B; border-bottom-color: #C0392B; }

#urgent_form li.normal[data-selected="0"]:hover   { color: #40BC99; border-bottom-color: #40BC99; }
#urgent_form li.urgent[data-selected="0"]:hover   { color: #C0392B; border-bottom-color: #C0392B; }


























/*
///////////////////////////////////////////////////////////////////////

	JQUERY UI :: DATEPICKER

///////////////////////////////////////////////////////////////////////
*/
.datepicker {
	width: 165px;
	height: auto;
	padding: 20px 15px 40px 15px;
	background-color: #FFF;
	border: 1px solid #E8E8E8;
	position: relative;
	clear: both;
}

.datepicker .ui-datepicker-calendar {
	clear: both;
}

/* HEADER */
.datepicker .ui-datepicker-title {
	width: 110px;
	float: left;
	height: auto;
	margin-bottom: 15px;
}

.datepicker .ui-datepicker-month {
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: 700;
	display: block;
	color: #404040;
}

.datepicker .ui-datepicker-year {
	font-size: 1.2em;
	display: block;
	float: left;
	color: #404040;
}

.datepicker .ui-datepicker-prev,
.datepicker .ui-datepicker-next {
	display: block;
	width: 20px;
	height: 35px;
	position: absolute;
	top: 24px;
	cursor: pointer;
}
.datepicker .ui-datepicker-prev { right: 45px; }
.datepicker .ui-datepicker-next { right: 15px; }

.datepicker .ui-datepicker-prev span {
	width: inherit;
	height: inherit;
	display: block;
	background: url('../img/datepicker_icos.png') no-repeat top left;
	background-position: -2px -3px;
}
.datepicker .ui-datepicker-prev-hover span { background-position: -35px -3px; }

.datepicker .ui-datepicker-next span {
	width: inherit;
	height: inherit;
	display: block;
	background: url('../img/datepicker_icos.png') no-repeat top left;
	background-position: -87px -3px;
}
.datepicker .ui-datepicker-next-hover span { background-position: -117px -3px; }


/* WEEK DAYS */
.datepicker thead {
	background-color: #404040;
}

.datepicker thead th {
	color: #FFFFFF;
	font-size: 1.2em;
	text-align: center;
	padding: 5px;
	border-right: 1px solid #FFF;
}

/* DAYS */
.datepicker tbody td {
	color: #404040;
	text-align: center;
	font-size: 1.2em;
}
.datepicker tbody td span { display: block; padding: 5px; color: #999; }
.datepicker tbody td a { display: block; padding: 5px; color: #404040; }

/* hover */
.datepicker tbody a.ui-state-hover {
	background-color: #2574A9;
	color: #FFF;
}

/* current day */
.datepicker tbody td.ui-datepicker-today a {
	background-color: #999;
	color: #FFF;
}

/* day selection */
.datepicker tbody td.ui-datepicker-current-day a {
	background-color: #2574A9;
	color: #FFF;
}

/* reset btn */
a.datepicker_reset {
	bottom: 10px;
    position: absolute;
    text-align: center;
    width: inherit;
}















/*
///////////////////////////////////////////////////////////////////////

	MENU

///////////////////////////////////////////////////////////////////////
*/
header {
	width: 100%;
	height: 80px;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 5;
	opacity: 0.9;
	background-color: #FFF;
	border-bottom: 1px solid #ccc;
}

header.blur-effect {
	filter: blur(2px);
}

header > .content {
	width: 960px;
	height: inherit;
	margin: auto;
}


/* USER IDENTIFICATION */
#user_id {
	width: auto;
	height: auto;
	padding: 25px 20px;
	float: left;
	color: #2574a9;
}

#user_id span { display: block; }

#user_id span.ico[data-type="user"] {
	width: 150px;
	height: 50px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	top: -9px;
	background-image: url('../img/sprite_navigation.png');
	background-repeat: no-repeat;
	background-position: -362px -247px;
}

#user_id span.company_name {
	float: left;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	
	display: none;
}

#user_id span.store_name {
	font-size: 12px;
	text-transform: uppercase;
	
	display: none;
}




/* NAVIGATION LINKS */
nav#menu {
	width: 480px;
	height: inherit;
	float: right;
	margin-right: 25px;
}

nav#menu ul {
	width: 100%;
	height: inherit;
}

nav#menu ul li {
	width: 80px;
	height: 80px;
	float: left;
}

nav#menu ul li a {
	display: block;
	height: inherit;
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
	opacity: 0.5;
}
nav#menu ul li a:link 		{}
nav#menu ul li a:visited 	{}
nav#menu ul li a:hover 		{ opacity: 1; }
nav#menu ul li a:active 	{}
nav#menu ul li a.active { opacity: 1; }




nav#menu ul a > .bar {
	width: inherit;
	height: 4px;
	background-color: #2574A9;
	display: block;
	opacity: 0;
	position: relative;
	top: 76px;
}
nav#menu ul a.active > .bar { opacity: 1; }

nav#menu ul a > .ico {
	width: 50px;
	height: 30px;
	margin: 10px auto 10px auto;
	display: block;
	background: url('../img/sprite_navigation.png') no-repeat top left;
}

nav#menu ul a > .ico[data-type="activity"] { background-position: -160px -20px; }
nav#menu ul a > .ico[data-type="apps"] { background-position: -20px -20px; }
nav#menu ul a > .ico[data-type="orders"] { background-position: -300px -20px; }
nav#menu ul a > .ico[data-type="contents"] { background-position: -90px -20px; }
nav#menu ul a > .ico[data-type="settings"] { background-position: -370px -20px; }
nav#menu ul a > .ico[data-type="logout"] { background-position: -230px -20px; }

nav#menu .txt {
	color: #2574A9;
	font-size: 1.2em;
	text-align: center;
	display: block;
}


/* WARNING INFO :: SYSTEM MESSAGES */
#warning_info_wrapper {
	width: inherit;
	height: 20px;
	background-color: #FF9933;
	position: relative;
	/* display: none; */
}

#warning_info {
	width: 920px;
	height: inherit;
	margin: auto;
	position: relative;
}

#warning_info .ico {
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 5px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -178px -184px;
}

#warning_info .text {
	font-size: 1.2em;
	line-height: 1.6em;
	color: white;
	float: left;
}










/*
///////////////////////////////////////////////////////////////////////

	SIDE MENU

///////////////////////////////////////////////////////////////////////
*/
nav#side_menu {
	width: 95px;
	height: auto;
	float: right;
	margin-top: 20px;
}

nav#side_menu ul {
	width: inherit;
	height: auto;
}

nav#side_menu ul li {
	width: inherit;
	height: 95px;
}

nav#side_menu ul li a {
	display: block;
	padding: 15px;
	opacity: 0.7;
	
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
nav#side_menu ul li a:link 		{}
nav#side_menu ul li a:visited 	{}
nav#side_menu ul li a:hover 	{ background-color: #CCCCCC; }
nav#side_menu ul li a:active 	{}
nav#side_menu ul li a.active 	{ background-color: #FFFDFD; opacity: 1; }

nav#side_menu ul a > .ico {
	width: 50px;
	height: 40px;
	margin: 0 auto 5px auto;
	display: block;
	background: url('../img/sprite_navigation.png') no-repeat top left;
}

/* ICO'S FOR 'ORDERS' */
/*
nav#side_menu ul a > .ico[data-type="orders_ongoing"] { background-position: -20px -250px; }
nav#side_menu ul a > .ico[data-type="orders_history"] { background-position: -440px -70px; }
nav#side_menu ul a > .ico[data-type="orders_deleted"] { background-position: -230px -130px; }
nav#side_menu ul a > .ico[data-type="orders_help"] { background-position: -90px -190px; }
*/
nav#side_menu ul a > .ico[data-type="orders_ongoing"] { background-position: -440px -190px; }
nav#side_menu ul a > .ico[data-type="orders_history"] { background-position: -370px -70px; }
nav#side_menu ul a > .ico[data-type="orders_deleted"] { background-position: -160px -130px; }
nav#side_menu ul a > .ico[data-type="orders_help"] { background-position: -20px -190px; }
nav#side_menu ul a.active > .ico[data-type="orders_ongoing"] { background-position: -20px -250px; }
nav#side_menu ul a.active > .ico[data-type="orders_history"] { background-position: -440px -70px; }
nav#side_menu ul a.active > .ico[data-type="orders_deleted"] { background-position: -230px -130px; }
nav#side_menu ul a.active > .ico[data-type="orders_help"] { background-position: -90px -190px; }
nav#side_menu ul a.active > .ico[data-type="orders_go_back"] { background-position: -440px -130px; }

/* ICO'S FOR 'CONTENTS' */
nav#side_menu ul a > .ico[data-type="contents_products"] { background-position: -230px -250px; }
nav#side_menu ul a > .ico[data-type="contents_images"] { background-position: -160px -190px; }
nav#side_menu ul a > .ico[data-type="contents_fonts"] { background-position: -300px -130px; }
nav#side_menu ul a > .ico[data-type="contents_colors"] { background-position: -20px -130px; }
nav#side_menu ul a > .ico[data-type="contents_help"] { background-position: -20px -190px; }
nav#side_menu ul a.active > .ico[data-type="contents_products"] { background-position: -300px -250px; }
nav#side_menu ul a.active > .ico[data-type="contents_images"] { background-position: -230px -190px; }
nav#side_menu ul a.active > .ico[data-type="contents_fonts"] { background-position: -370px -130px; }
nav#side_menu ul a.active > .ico[data-type="contents_colors"] { background-position: -90px -130px; }
nav#side_menu ul a.active > .ico[data-type="contents_help"] { background-position: -90px -190px; }

/* ICO'S FOR 'SETTINGS' */
nav#side_menu ul a > .ico[data-type="settings_apps"] { background-position: -230px -70px; }
nav#side_menu ul a > .ico[data-type="settings_prices"] { background-position: -90px -250px; }
nav#side_menu ul a > .ico[data-type="settings_accounts"] { background-position: -90px -70px; }
nav#side_menu ul a > .ico[data-type="settings_license"] { background-position: -300px -190px; }
nav#side_menu ul a > .ico[data-type="settings_help"] { background-position: -20px -190px; }
nav#side_menu ul a.active > .ico[data-type="settings_apps"] { background-position: -300px -70px; }
nav#side_menu ul a.active > .ico[data-type="settings_prices"] { background-position: -160px -250px; }
nav#side_menu ul a.active > .ico[data-type="settings_accounts"] { background-position: -160px -70px; }
nav#side_menu ul a.active > .ico[data-type="settings_license"] { background-position: -370px -190px; }
nav#side_menu ul a.active > .ico[data-type="settings_help"] { background-position: -90px -190px; }

nav#side_menu ul a > .txt {
	color: #7F7F7F;
	/* color: #2574a9; */
	font-size: 1.2em;
	text-align: center;
	display: block;
}
nav#side_menu ul a.active > .txt { color: #2574A9; }



















/*
///////////////////////////////////////////////////////////////////////

	'LOGIN' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#login_page {
	margin-top: 12%;
}

#login_page .logo {
    background-image: url("../img/logo_big.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 90px;
    margin: 0 auto 0 auto;
    position: relative;
    width: 280px;
}

#login_page 
#form_login {
	width: 340px;
	height: 155px;
	margin: 40px auto;
	position: relative;
}

#login_page 
.input_wrapper {
	margin-bottom: 20px;
}

#login_page 
.input_wrapper .ico {
	background: url('../img/sprite_login.png') no-repeat top left;
	width: 30px;
	height: 30px;
	position: absolute;
	margin: 10px 12px 12px 12px;
}


#login_page 
.input_wrapper .ico[data-type="password"] { background-position: 0 -95px; }

#login_page 
.input_wrapper .ico[data-type="username"] { background-position: 0 -175px; }


#login_page 
#form_login input {
	width: 180px;
	height: 28px;
	padding: 10px 10px 10px 50px;
	border: 1px solid white;
}

#login_page 
.submit_btn {
	position: absolute;
	top: 0;
	right: 0;
	height: 120px;
}

#login_page 
.submit_btn .ico {
	width: 45px; 
	height: 45px;
	background: url('../img/sprite_login.png') no-repeat top left;
	background-position: 0 0; 
	margin: 25px 0 10px 11px;
}

#login_page 
.submit_btn .loader {
	width: 30px; 
	height: 30px;
	background: url('../img/loader_30x30.gif') no-repeat top left;
	background-position: 0 0; 
	margin: 45px auto;
}

#login_page 
.submit_btn span {}


#login_page
a.btn_text {
	font-size: 1.4em;
	margin-left: 10px;
}
















/*
///////////////////////////////////////////////////////////////////////

	'RESET PASSWORD' PAGE 

///////////////////////////////////////////////////////////////////////
*/

main#reset_pw_page { margin-top: 0; }

/*
	TITLES & SUBTITLES
*/
#reset_pw_page
.wrapper {
	width: inherit;
	height: auto;
	position: relative;
	margin-bottom: 70px;
	opacity: 0;
	
	-webkit-transition: opacity 800ms;
	-moz-transition: opacity 800ms;
	-o-transition: opacity 800ms;
	transition: opacity 800ms;
}

#reset_pw_page .wrapper[data-type="expired"] {
	top: 30%;
	margin-top: -35px;
}

#reset_pw_page .wrapper[data-type="resetpw"] {
	top: 20%; /* temp */
}

#reset_pw_page h1 { font-size: 2.5em; font-weight: 300; text-align: center; }

#reset_pw_page p.subtitle {
	font-size: 1.6em;
	color: #666;
	line-height: 1.4em;
	text-align: center;
}

#reset_pw_page .wrapper p a:link 	{ text-decoration: underline; color: #666; }
#reset_pw_page .wrapper p a:visited { text-decoration: underline; color: #666; }
#reset_pw_page .wrapper p a:hover 	{ text-decoration: underline; color: #999; }
#reset_pw_page .wrapper p a:active 	{ text-decoration: underline; color: #999; }



/* PASSWORD INPUTS & FEEDBACK */
.pw_confirm_helper_wrapper .password_content_wrap {
	width: 330px;
	height: 150px;
	position: relative;
	margin: 40px auto 0 auto;
}

.pw_confirm_helper_wrapper .inputs_wrap {
	width: inherit;
	height: inherit;
	position: absolute;
}

.pw_confirm_helper_wrapper 
.pw_input_wrapper {
	margin-bottom: 20px;
}

.pw_confirm_helper_wrapper 
.pw_input_wrapper input {
	border: 1px solid white;
    height: 28px;
    line-height: 28px;
    padding: 10px 10px 10px 50px;
    width: 268px;
}

.pw_confirm_helper_wrapper 
.pw_input_wrapper .ico {
	background: url('../img/sprite_login.png') no-repeat top left;
	width: 30px;
	height: 30px;
	position: absolute;
	margin: 10px 12px 9px 12px;
}

.pw_confirm_helper_wrapper 
.pw_input_wrapper .ico[data-type="password"] { background-position: 0 -93px; }



/* FEEDBACK */
.pw_confirm_helper_wrapper .password_content_wrap .feedback_wrap {
	width: 280px;
	height: 105px;
	padding: 20px 25px;
	background-color: #FFF;
	position: absolute;
	display: none;
}

.pw_confirm_helper_wrapper .password_content_wrap .feedback_wrap 
.title {
	width: auto;
	height: auto;
	font-size: 1.6em;
	line-height: 1.4em;
	color: #666;
	margin-bottom: 10px;
}

.pw_confirm_helper_wrapper .password_content_wrap .feedback_wrap 
a {
	width: auto;
	height: inherit;
	font-size: 1.4em;
	line-height: 1.5em;
}

.pw_confirm_helper_wrapper .password_content_wrap .feedback_wrap a:link 	 { text-decoration: underline; color: #666; }
.pw_confirm_helper_wrapper .password_content_wrap .feedback_wrap a:visited 	 { text-decoration: underline; color: #666; }
.pw_confirm_helper_wrapper .password_content_wrap .feedback_wrap a:hover 	 { text-decoration: underline; color: #999; }
.pw_confirm_helper_wrapper .password_content_wrap .feedback_wrap a:active  	 { text-decoration: underline; color: #999; }




/* SUBMIT BUTTON */
.submit_new_pw_btn {
	width: 330px;
	height: 50px;
	background-color: #2574A9;
	color: #FFF;
	font-size: 1.4em;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: auto;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}

.submit_new_pw_btn .text {
	display: none;
}

.submit_new_pw_btn .ico {
	width: 50px;
	height: 50px;
	margin: auto;
	background-repeat: no-repeat;
	display: none;
}

/* NORMAL STATE */
.submit_new_pw_btn[data-status="normal"]			{ cursor: pointer; }
.submit_new_pw_btn[data-status="normal"] .text 		{ display:block; }
.submit_new_pw_btn[data-status="normal"]:hover 		{ color: #FFF; background-color: #1D5C7F; }
.submit_new_pw_btn[data-status="normal"]:active 	{ color: #FFF; background-color: #1D5C7F; }


/* DISABLED STATE */
.submit_new_pw_btn[data-status="disabled"] 		 { background-color: #919191; }
.submit_new_pw_btn[data-status="disabled"] .text { display: block; }


/* LOADER STATE */
.submit_new_pw_btn[data-status="loader"] 						  { background-color: #BABABA; }
.submit_new_pw_btn[data-status="loader"] .ico[data-type="loader"] { background-image: url("../img/loader_30x30.gif"); background-position: 10px 10px; display: block; }


/* SUCCESS STATE */
.submit_new_pw_btn[data-status="success"] 						    { background-color: #27ae60; }
.submit_new_pw_btn[data-status="success"] .ico[data-type="success"] { background-image: url("../img/sprite_btn_submit.png"); background-position: 0 -47px; display: block; }


/* ERROR STATE */
.submit_new_pw_btn[data-status="error"] 						{ background-color: #c1272d; }
.submit_new_pw_btn[data-status="error"] .ico[data-type="error"] { background-image: url("../img/sprite_btn_submit.png"); background-position: 0px 5px; display: block; }








/* PASSWORD HELPERS */
.pw_confirm_helper_wrapper .password_helpers_wrap {
	width: 280px;
	height: 105px;
	padding: 20px 25px;
	background-color: #FFF;
	margin: -50px auto 0 auto;
	position: relative;
	box-shadow: 0 0 8px 0 #ccc;
}

.pw_confirm_helper_wrapper .password_helpers_wrap 
.arrow_up {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #FFF;
	
	position: absolute;
	margin-top: -34px;
	margin-left: -15px;
}

.pw_confirm_helper_wrapper .password_helpers_wrap 
.feedback_wrap {
	width: inherit;
	height: inherit;
	position: absolute;
	opacity: 0;
	
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
}

.pw_confirm_helper_wrapper .password_helpers_wrap 
.title {
	width: auto;
	height: auto;
	font-size: 1.6em;
	line-height: 1.4em;
	color: #666;
	margin-bottom: 10px;
}

.pw_confirm_helper_wrapper .password_helpers_wrap 
ul {
	float: left;
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
}

.pw_confirm_helper_wrapper .password_helpers_wrap 
ul li {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 5px;
}

.pw_confirm_helper_wrapper .password_helpers_wrap 
ul li .text {
	width: auto;
	height: inherit;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #666;
	float: left;
}

.pw_confirm_helper_wrapper .password_helpers_wrap 
ul li .ico {
	width: 15px;
	height: 15px;
	margin-top: 4px;
	float: left;
	margin-left: 5px;
	background-image: url("../img/password_helper_sprite.png");
	background-repeat: no-repeat;
	background-position: -27px -1px;
	display: none;
}

.pw_confirm_helper_wrapper .password_helper[data-type="minchars"].validated .text { color: #27AE60; }
.pw_confirm_helper_wrapper .password_helper[data-type="minchars"].validated .ico  { display: block; }

.pw_confirm_helper_wrapper .password_helper[data-type="letters"].validated .text { color: #27AE60; }
.pw_confirm_helper_wrapper .password_helper[data-type="letters"].validated .ico  { display: block; }

.pw_confirm_helper_wrapper .password_helper[data-type="numbers"].validated .text { color: #27AE60; }
.pw_confirm_helper_wrapper .password_helper[data-type="numbers"].validated .ico  { display: block; }

.pw_confirm_helper_wrapper .password_helper[data-type="repeat_pw"].validated .text { color: #27AE60; }
.pw_confirm_helper_wrapper .password_helper[data-type="repeat_pw"].validated .ico  { display: block; }





















/*
///////////////////////////////////////////////////////////////////////

	'ACTIVITY' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#activity_page {
	background-color: #FFFDFD;
	height: auto;
	min-height: 100%;
	padding-bottom: 120px;
}


#activity_page .page_wrapper {
	width: 810px;
	height: auto;
	margin: 0 55px;
    padding: 0;
}

#activity_page h1.page_title {
    padding: 110px 0;
}

#activity_page .area_title {
	margin-bottom: 15px;
}

#activity_page .support_info {
	font-size: 1.4em;
	font-weight: 300;
	/* color: #989898; */
	clear: both;
	margin: 10px 0;
}


#annual_activity_chart {
	cursor: pointer;
}


/* ARROW NAVIGATION BUTTONS */
#activity_page .btn_arrow {
	width: 24px;
	height: 24px;
	float: left;
	background-color: #2574A9;
	cursor: pointer;
	background-image: url('../img/sprite_misc.png');
	background-repeat: no-repeat;
	background-size: 1000%;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}

#activity_page .btn_arrow[data-type="prev"] {
	margin-left: 20px;
	background-position: -16px -187px;
}

#activity_page .btn_arrow[data-type="next"] {
	margin-left: 10px;
	background-position: -45px -187px;
}

#activity_page .btn_arrow[data-status="normal"]:hover   { background-color: #1D5C7F; }
#activity_page .btn_arrow[data-status="disabled"]   	{ background-color: #BABABA; cursor: default; }
#activity_page .btn_arrow.disabled   					{ background-color: #BABABA !important; cursor: default !important; }


/* LOADERS */
#activity_page .loader_white {
	width: 30px;
	height: 30px;
	float: left;
	margin-left: 20px;
	background-image: url("../img/loader_30x30_white.gif");
	background-repeat: no-repeat;
	background-size: 82%;
	display: none;
}


#activity_page .loader_gray {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: 50%;
	margin-left: -30px;
	background-image: url("../img/loader_60x60_gray.gif");
	background-repeat: no-repeat;
	display: none;
}

#activity_page .error_feedback {
	color: red;
    float: left;
    font-size: 1.4em;
    font-style: italic;
    margin: 4px 0 0 20px;
    display: none;
}




/* STATS AREA */
#activity_page .stats_wrapper {
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
	background-color: #EDEDED;
}

#activity_page .stats_content {
	width: auto;
	height: auto;
	overflow: hidden;
	padding: 80px 100px 120px 100px;
	opacity: 0;
	
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}

#activity_page h3.stats_title {
	background-color: #2574a9;
	padding: 20px 0;
	color: #EDEDED;
	font-size: 2.2em;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
	text-align: center;
}

/* CHARTS */
#activity_page .chart_wrapper {
	width: auto;
	height: auto;
	overflow: hidden;
	margin-bottom: 120px;
}
#activity_page .chart_wrapper:last-child { margin-bottom: 0; }

#activity_page h4.chart_title {
	border-bottom: 1px solid #989898;
    color: #6b6b6b;
    font-size: 1.4em;
    font-weight: 400;
    margin-bottom: 30px;
    padding-bottom: 8px;
    text-align: left;
    text-transform: uppercase;
}

#activity_page .individual_chart_wrap {
	width: auto;
	height: auto;
	position: relative;
	float: left;
	margin-right: 30px;
}
#activity_page .individual_chart_wrap:last-child { margin-right: 0; }

#activity_page .individual_chart_wrap[data-type="print_colors"] {
	width: 285px; 
	margin-right: 40px;
	text-align: center;
}
#activity_page .individual_chart_wrap[data-type="print_fonts"] {
	width: 285px;
	text-align: center; 
}


#activity_page .chart_name {
	font-size: 1.4em;
	line-height: 1.2em;
	text-align: center;
	margin-top: 10px;
	color: #6b6b6b;
	font-weight: 700;
}

#activity_page .empty_chart {
	font-size: 1.6em;
	color: #989898;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #989898;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

#activity_page .empty_chart[data-size="small"] {
	width: 124px;
	height: 124px;
	margin: 2px 2px 13px 2px;
	line-height: 125px;
}

#activity_page .empty_chart[data-size="big"] {
	width: 240px;
	height: 240px;
	margin: auto;
	line-height: 240px;
}

#activity_page .individual_chart_wrap .content_normal {
	display: none;
}
#activity_page .individual_chart_wrap .content_disabled {
	display: none;
}
#activity_page .individual_chart_wrap .content_disabled 
.chart_name { color: #989898; }

#activity_page .individual_chart_wrap[data-status="normal"] .content_normal { display: block; }
#activity_page .individual_chart_wrap[data-status="disabled"] .content_disabled { display: block; }


























/*
///////////////////////////////////////////////////////////////////////

	'APPS' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#apps_page {
	background-color: #FFFDFD;
	height: auto;
	min-height: 100%;
	padding-bottom: 120px;
}

main#apps_page 
h1.page_title {
	padding: 110px 0 50px 0;
}

main#apps_page 
.apps_list {
	width: 810px;
	height: auto;
	overflow: hidden;
	margin: 30px auto;
}

main#apps_page 
.app_wrapper {
	width: 270px;
	height: 195px;
	position: relative;
	margin: auto;
}

main#apps_page 
.app_container {
	width: 215px;
	height: 155px;
	background: url('../img/app_big.png') no-repeat top left;
	margin: auto;
	position: relative;
}

main#apps_page 
.app_container .app_name {
	width: auto;
	height: auto;
	margin: 57px 24px 0 24px;
	position: absolute;
	font-size: 1em;
	color: #7F7F7F;
	text-transform: uppercase;
}

main#apps_page 
.app_container .app_name span {
	display: block;
	height: 35px;
	overflow: hidden;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 700;
	color: #222222;
}

main#apps_page 
.app_container .app_status {
	width: auto;
	height: auto;
	padding: 2px 7px;
	margin: 29px 22px 0 0;
	float: right;
	font-size: 1.2em;
	font-weight: 700;
	text-align: right;
	color: #FFFFFF;
	text-transform: uppercase;
}
main#apps_page 
.app_container .app_status[data-status="0"] { background-color: #3498DB; }

main#apps_page 
.app_container .app_status[data-status="1"] { background-color: #C0392B; }


main#apps_page 
.app_wrapper .btn_medium {
	width: 210px;
	clear: both;
	margin: 0 29px;
}

main#apps_page 
.app_wrapper .btn_medium_border {
	width: 208px;
	clear: both;
	margin: 10px 29px 0 29px;
}














/*
///////////////////////////////////////////////////////////////////////

	ORDERS

	'ONGOING ORDERS' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#ongoing_orders_page {}


#ongoing_orders_page 
a.btn_medium[data-type="delete_pending"] {
	width: 130px;
	font-size: 1.2em !important;
}


/* FILTERS AREA */
.filter_wrapper ul {
	width: auto;
	height: auto;
	overflow: hidden;
	margin-left: 15px;
}

.filter_wrapper ul 
.filter_btn {
	width: 110px;
	height: 30px;
	margin: 0 5px 5px 0;
	float: left;
	cursor: pointer;
	background-color: white;
	font-size: 1.1em;
	line-height: 2.6em;
	color: #2574A9;
	text-align: center;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.filter_wrapper ul .filter_btn:hover    { background-color: #1D5C7F; color: white; }
.filter_wrapper ul .filter_btn.active   { background-color: #2574A9; color: white; }
.filter_wrapper ul .filter_btn.disabled { background-color: #BABABA; cursor: default !important; cursor: default; }


/*
	TRICK TO MAKE CORRECT DIV WITH PHASE TEXT VISIBLE
	hides all text divs by default, data-attr manages the div's visibility
*/
#ongoing_orders_page .orders_listing .info[data-type="delivery_date"] .msg { display: none; }
#ongoing_orders_page .orders_listing .info[data-type="delivery_date"][data-content="0"] .msg[data-content="0"] { display: block; }
#ongoing_orders_page .orders_listing .info[data-type="delivery_date"][data-content="1"] .msg[data-content="1"] { display: block; }


#ongoing_orders_page .orders_listing .info[data-type="worker"] .msg { display: none; }
#ongoing_orders_page .orders_listing .info[data-type="worker"][data-content="0"] .msg[data-content="0"] { display: block; }
#ongoing_orders_page .orders_listing .info[data-type="worker"][data-content="1"] .msg[data-content="1"] { display: block; }




















/*
///////////////////////////////////////////////////////////////////////

	ORDERS

	'HISTORY ORDERS' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#history_orders_page {}


/* FILTERS AREA */
#history_orders_page 
.filter_wrapper {
	height: 103px !important;
}

/* INPUT SEARCH */
#history_orders_page 
.search_input {
	width: 233px;
	height: 17px;
	border: 1px solid #FFF;
	padding: 8px 10px;
	margin-top: 10px;
	float: left;
	opacity: 1;
	
	-webkit-transition: box-shadow 300ms, opacity 300ms;
	-moz-transition: box-shadow 300ms, opacity 300ms;
	-o-transition: box-shadow 300ms, opacity 300ms;
	transition: box-shadow 300ms, opacity 300ms;
}
#history_orders_page .search_input.disabled { opacity: 0.5; }

#history_orders_page 
a.btn_medium[data-type="input_search_btn"] {
	width: 90px;
	margin-top: 10px;
	float: left;
}


/* DATE SEARCH */
#history_orders_page 
.search_date_field {
	width: 108px;
	height: 33px;
	border: 1px solid #FFF;
	margin-top: 10px;
	background-color: #FFFFFF;
	float: left;
	cursor: pointer;
	position: relative;
	opacity: 1;
	
	-webkit-transition: box-shadow 300ms, opacity 300ms;
	-moz-transition: box-shadow 300ms, opacity 300ms;
	-o-transition: box-shadow 300ms, opacity 300ms;
	transition: box-shadow 300ms, opacity 300ms;
}
#history_orders_page .search_date_field.selected {
	-webkit-box-shadow: 0 0 4px 1px #2574A9;
	-moz-box-shadow: 0 0 4px 1px #2574A9;
	-o-box-shadow: 0 0 4px 1px #2574A9;
	box-shadow: 0 0 4px 1px #2574A9;
}
#history_orders_page .search_date_field.disabled { opacity: 0.5; cursor: default; }



#history_orders_page .search_date_field .date_default_msg {
	font-size: 1.4em;
	line-height: 33px;
	text-align: center;
	color: #757575;
}

#history_orders_page .search_date_field .date_user_value { 
	font-size: 1.4em;
	line-height: 33px;
	text-align: center;
	display: none; 
}

#history_orders_page .datepicker {
	display: none;
	position: absolute;
	bottom: 50px;
	left: -40%;
	
	-webkit-box-shadow: 0 0 12px -3px #CCC;
	-moz-box-shadow: 0 0 12px -3px #CCC;
	-o-box-shadow: 0 0 12px -3px #CCC;
	box-shadow: 0 0 12px -3px #CCC;
}



#history_orders_page 
.search_date_separator {
	width: 34px;
	height: 34px;
	margin-top: 10px;
	float: left;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -372px -179px; 
}

#history_orders_page
a.btn_medium[data-type="search_date_btn"] {
	width: 90px;
	margin: 10px 0 0 14px;
	float: left;
}


/*
	TRICK TO MAKE CORRECT DIV WITH PHASE TEXT VISIBLE
	hides all text divs by default, data-attr manages the div's visibility
*/
#history_orders_page .orders_listing .info[data-type="delivery_date"] .msg { display: none; }
#history_orders_page .orders_listing .info[data-type="delivery_date"][data-content="0"] .msg[data-content="0"] { display: block; }
#history_orders_page .orders_listing .info[data-type="delivery_date"][data-content="1"] .msg[data-content="1"] { display: block; }

#history_orders_page .orders_listing .info[data-type="worker"] .msg { display: none; }
#history_orders_page .orders_listing .info[data-type="worker"][data-content="0"] .msg[data-content="0"] { display: block; }
#history_orders_page .orders_listing .info[data-type="worker"][data-content="1"] .msg[data-content="1"] { display: block; }



/*
	SEARCH RESULTS 
*/
ul#search_results {
	display: none;
	clear: both;
}

ul#search_results .loader_white {
	width: 60px;
	height: 60px;
	margin: 120px auto;
	display: none;
	background-image: url('../img/loader_60x60_white.gif');
	background-repeat: no-repeat;
}

ul#search_results .search_no_results {
	width: 100%;
	height: 40px;
	margin: 120px auto;
	color: #868686;
	font-size: 1.6em;
	line-height: 40px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	display: none;
}

ul#search_results .order_item {
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}

















/*
///////////////////////////////////////////////////////////////////////

	ORDERS

	'DELETED ORDERS' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#deleted_orders_page {}

#deleted_orders_page 
a.btn_medium[data-type="delete_selection"] {
	width: 130px;
	font-size: 1.2em !important;
	float: left;
	margin-right: 20px;
	display: none;
	opacity: 1;
	
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}

#deleted_orders_page 
a.btn_medium[data-type="recover_selection"] {
	width: 130px;
	font-size: 1.2em !important;
	float: left;
	display: none;
	opacity: 1;
	
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}


/* FILTERS AREA */
#deleted_orders_page 
.filter_wrapper {
	height: 103px !important;
}

/* INPUT SEARCH */ 
#deleted_orders_page 
.search_input {
	width: 233px;
	height: 17px;
	border: 1px solid #FFF;
	padding: 8px 10px;
	margin-top: 10px;
	float: left;
	opacity: 1;
	
	-webkit-transition: box-shadow 300ms, opacity 300ms;
	-moz-transition: box-shadow 300ms, opacity 300ms;
	-o-transition: box-shadow 300ms, opacity 300ms;
	transition: box-shadow 300ms, opacity 300ms;
}
#deleted_orders_page .search_input.disabled { opacity: 0.5; }

#deleted_orders_page  
a.btn_medium[data-type="input_search_btn"] {
	width: 90px;
	margin-top: 10px;
	float: left;
}

/* DATE SEARCH */
#deleted_orders_page 
.search_date_field {
	width: 108px;
	height: 33px;
	border: 1px solid #FFF;
	margin-top: 10px;
	background-color: #FFFFFF;
	float: left;
	cursor: pointer;
	position: relative;
	opacity: 1;
	
	-webkit-transition: box-shadow 300ms, opacity 300ms;
	-moz-transition: box-shadow 300ms, opacity 300ms;
	-o-transition: box-shadow 300ms, opacity 300ms;
	transition: box-shadow 300ms, opacity 300ms;
}
#deleted_orders_page .search_date_field.selected {
	-webkit-box-shadow: 0 0 4px 1px #2574A9;
	-moz-box-shadow: 0 0 4px 1px #2574A9;
	-o-box-shadow: 0 0 4px 1px #2574A9;
	box-shadow: 0 0 4px 1px #2574A9;
}
#deleted_orders_page .search_date_field.disabled { opacity: 0.5; cursor: default; }



#deleted_orders_page .search_date_field .date_default_msg {
	font-size: 1.4em;
	line-height: 33px;
	text-align: center;
	color: #757575;
}

#deleted_orders_page .search_date_field .date_user_value { 
	font-size: 1.4em;
	line-height: 33px;
	text-align: center;
	display: none; 
}

#deleted_orders_page .datepicker {
	display: none;
	position: absolute;
	bottom: 50px;
	left: -40%;
	
	-webkit-box-shadow: 0 0 12px -3px #CCC;
	-moz-box-shadow: 0 0 12px -3px #CCC;
	-o-box-shadow: 0 0 12px -3px #CCC;
	box-shadow: 0 0 12px -3px #CCC;
}



#deleted_orders_page 
.search_date_separator {
	width: 34px;
	height: 34px;
	margin-top: 10px;
	float: left;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -372px -179px; 
}

#deleted_orders_page
a.btn_medium[data-type="search_date_btn"] {
	width: 90px;
	margin: 10px 0 0 14px;
	float: left;
}


/*
	TRICK TO MAKE CORRECT DIV WITH PHASE TEXT VISIBLE
	hides all text divs by default, data-attr manages the div's visibility
*/
#deleted_orders_page .orders_listing .info[data-type="delivery_date"] .msg { display: none; }
#deleted_orders_page .orders_listing .info[data-type="delivery_date"][data-content="0"] .msg[data-content="0"] { display: block; }
#deleted_orders_page .orders_listing .info[data-type="delivery_date"][data-content="1"] .msg[data-content="1"] { display: block; }

#deleted_orders_page .orders_listing .info[data-type="worker"] .msg { display: none; }
#deleted_orders_page .orders_listing .info[data-type="worker"][data-content="0"] .msg[data-content="0"] { display: block; }
#deleted_orders_page .orders_listing .info[data-type="worker"][data-content="1"] .msg[data-content="1"] { display: block; }


























/*
///////////////////////////////////////////////////////////////////////

	ORDERS

	'DETAILED ORDER' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#details_orders_page {}

/* ORDER HEADER AREA*/
#order_header {
	width: inherit;
	height: auto;
	position: relative;
	overflow: hidden;
}

/* ORDER HEADER BUTTONS */
#order_header 
.order_header_btns {
	width: auto;
	height: auto;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}

#order_header .order_header_btns 
a.btn_medium {
	width: 140px;
	font-size: 1.2em !important;
	margin-right: 20px;
}


/* ORDER TITLE */
#order_header 
.order_title {
	font-weight: 300;
    text-align: center;
    margin-top: 70px;
}

#order_header 
.order_title span { font-weight: 700; }



/* ORDER DATES */
#order_header 
.order_dates {
	width: 200px;
	height: auto;
	overflow: hidden;
	margin: 15px auto 0 auto;
}

#order_header .order_dates 
.creation_date {
	float: left;	
}

#order_header .order_dates 
.separator {
	width: 40px;
	height: 30px;
	float: left;
	background-image: url("../img/date_separator.png");
	background-repeat: no-repeat;
	background-position: 13px 3px;
}

#order_header .order_dates 
.delivery_date {
	float: left;
}

#order_header .order_dates 
.creation_date .title,
#order_header .order_dates 
.delivery_date .title {
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 4px;
} 

#order_header .order_dates 
.creation_date .text,
#order_header .order_dates 
.delivery_date .text {
	font-size: 1.4em;
	height: 20px;
	font-weight: 700;
} 


/* ORDER STATUS */
#order_header 
.order_status {
	width: 180px;
	height: 60px;
	margin: 30px auto 40px auto;
}

#order_header 
.order_status .status {
	width: 80px;
	height: inherit;
	float: left;
	margin-right: 20px;
}
#order_header .order_status .status.last { margin-right: 0; }

#order_header 
.order_status .status .ico {
	width: 40px;
	height: 40px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	margin: auto;
}

#order_header 
.order_status .status .text {
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 5px;
	text-align: center;
}

#order_header .order_status .urgent.status[data-status="0"] .ico { background-position: -93px -232px; }
#order_header .order_status .urgent.status[data-status="0"] .text { color: #CCCCCC; }
#order_header .order_status .urgent.status[data-status="1"] .ico { background-position: -26px -232px; }
#order_header .order_status .urgent.status[data-status="1"] .text { color: #C0392B; }


/*
	TRICK TO MAKE CORRECT DIV WITH PHASE TEXT VISIBLE
	hides all text divs by default, data-attr manages the div's visibility
*/
#order_header .order_status .phase .text { display: none; }

#order_header .order_status .phase.status[data-phase="1"] .ico { background-position: -163px -234px; }
#order_header .order_status .phase.status[data-phase="1"] .text[data-phase="1"] { color: #3399CC; display: block; }
#order_header .order_status .phase.status[data-phase="2"] .ico { background-position: -230px -234px; }
#order_header .order_status .phase.status[data-phase="2"] .text[data-phase="2"] { color: #FFCC00; display: block; }
#order_header .order_status .phase.status[data-phase="3"] .ico { background-position: -298px -234px; }
#order_header .order_status .phase.status[data-phase="3"] .text[data-phase="3"] { color: #339966; display: block; }
#order_header .order_status .phase.status[data-phase="4"] .ico { background-position: -364px -233px; }
#order_header .order_status .phase.status[data-phase="4"] .text[data-phase="4"] { color: #663399; display: block; }

#order_header .order_dates .delivery_date .text { display: none; }
#order_header .order_dates .delivery_date[data-content="0"] .text[data-content="0"] { display: block; }
#order_header .order_dates .delivery_date[data-content="1"] .text[data-content="1"] { display: block; }



#details_orders_page 
.border_dots {
	width: inherit;
	height: 4px; 
	background-image: url("../img/dots_border.png");
	background-repeat: repeat-x;
}


/* ORDER GENERAL INFO AREA */
#order_general_info {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#order_general_info 
.block_1_col {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

#order_general_info 
.block_2_col {
	width: 47%;
	height: auto;
	margin-right: 6%;
	float: left;
	position: relative;
}

#order_general_info 
.block_2_col.last {
	margin-right: 0;
}

#order_general_info 
.info_panel {
	width: 100%;
	height: auto;
	background-color: #e1e1e1;
	overflow: hidden;
	position: relative;
}

#order_general_info .info_panel 
a.btn_big {
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
}
#order_general_info .info_panel a.btn_big .absoluteCenter { width: 60px; height: 40px; }

#order_general_info .info_panel 
a.btn_big .ico {
	width: 20px;
	height: 20px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -425px -186px;
	margin: 0 auto 8px auto;
}


#order_general_info 
ul {
	width: 260px;
	height: auto;
	overflow: hidden;
	margin: 20px;
}

#order_general_info 
ul li {
	width: auto;
	height: auto;
	margin-bottom: 15px;
}
#order_general_info ul li:last-child { margin-bottom: 0; }

#order_general_info ul 
.title {
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 4px;
}

#order_general_info ul 
.text {
	font-size: 1.4em;
	font-weight: 700;
	height: 20px;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul#order_data li {
	width: 50%;
	float: left;
}

ul#client_data li {
	width: 100%;
}


/*
	TRICK TO MAKE CORRECT DIV WITH PHASE TEXT VISIBLE
	hides all text divs by default, data-attr manages the div's visibility
*/
#order_data li[data-type="phase"] .text { display: none; }
#order_data li[data-type="phase"][data-phase="1"] .text[data-phase="1"] { display: block; }
#order_data li[data-type="phase"][data-phase="2"] .text[data-phase="2"] { display: block; }
#order_data li[data-type="phase"][data-phase="3"] .text[data-phase="3"] { display: block; }
#order_data li[data-type="phase"][data-phase="4"] .text[data-phase="4"] { display: block; }

#order_data li[data-type="urgent"] .text { display: none; }
#order_data li[data-type="urgent"][data-urgent="0"] .text[data-urgent="0"] { display: block; }
#order_data li[data-type="urgent"][data-urgent="1"] .text[data-urgent="1"] { display: block; }

#order_data li[data-type="delivery_date"] .text { display: none; }
#order_data li[data-type="delivery_date"][data-content="0"] .text[data-content="0"] { display: block; }
#order_data li[data-type="delivery_date"][data-content="1"] .text[data-content="1"] { display: block; }

#order_data li[data-type="worker"] .text { display: none; }
#order_data li[data-type="worker"][data-content="0"] .text[data-content="0"] { display: block; }
#order_data li[data-type="worker"][data-content="1"] .text[data-content="1"] { display: block; }

#client_data li[data-type="email"] .text { display: none; }
#client_data li[data-type="email"][data-content="0"] .text[data-content="0"] { display: block; }
#client_data li[data-type="email"][data-content="1"] .text[data-content="1"] { display: block; }

#client_data li[data-type="phone"] .text { display: none; }
#client_data li[data-type="phone"][data-content="0"] .text[data-content="0"] { display: block; }
#client_data li[data-type="phone"][data-content="1"] .text[data-content="1"] { display: block; }

#order_notes .notes_wrapper { display: none; }
#order_notes .empty_notes { display: none; }
#order_notes[data-content="1"] .notes_wrapper { display:block; }
#order_notes[data-content="0"] .empty_notes { display:block; }




#order_general_info 
.notes_wrapper {
	width: 665px;
	height: auto;
	min-height: 150px;
	margin: 20px;
	float: left;
	font-size: 1.4em;
	line-height: 1.5em;
}

#order_general_info 
.empty_notes {
	width: 665px;
	height: auto;
	min-height: 150px;
	margin: 20px;
	float: left;
	font-size: 1.4em;
	line-height: 10.5em;
	text-align: center;
}



/* ORDER ITEMS AREA */
#order_items {}

#order_items h2[data-type="total_price"] {
	background-color: #EDEDED;
	clear: both;
    font-size: 1.8em;
    line-height: 1.6em;
    margin: 10px 0 20px 0;
    padding: 5px 25px;
}

ul#order_items_list {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

ul#order_items_list .order_item {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background-color: #e1e1e1;
	margin-bottom: 40px;
	
	-webkit-transition: height 600ms;
	-moz-transition: height 600ms;
	-o-transition: height 600ms;
	transition: height 600ms;
}

ul#order_items_list .order_item:last-child { margin-bottom: 0; }


ul#order_items_list 
.product_type {
	width: 130px;
	height: 130px;
	background-color: #EDEDED;
	float: left;
}

ul#order_items_list .product_type 
.ready_marker {
	width: 40px;
	height: 40px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	position: absolute;
	margin: 10px;
	z-index: 2;
}
ul#order_items_list .product_type .ready_marker[data-status="0"] { background-position: -286px -342px; }
ul#order_items_list .product_type .ready_marker[data-status="1"] { background-position: -222px -344px; }

ul#order_items_list .product_type 
.image_wrap {
	width: 80px;
	height: 80px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	margin: 15px auto 10px auto;
}

ul#order_items_list .product_type 
.text {
	width: inherit;
	height: 20px;
	font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


ul#order_items_list 
.order_item_info {
	width: 595px;
	height: 90px;
	padding: 20px;
	float: left;
}

ul#order_items_list 
.order_item_info .order_item_title {
	width: auto;
	height: 30px;
	float: left;
	font-size: 1.8em;
	line-height: 1.7em;
	font-weight: 700;
	text-transform: uppercase;
	border-right: 1px solid #999;
	padding-right: 10px;
}

ul#order_items_list 
.order_item_info .item_status_marker {
	float: left;
	margin: 6px 0 0 12px;
}

ul#order_items_list 
.order_item_info .item_status_marker .checkbox {
	float: left;
}

ul#order_items_list 
.order_item_info .item_status_marker .text {
	font-size: 1.1em;
	text-transform: uppercase;
	float: left;
	margin: 4px 0 0 6px;
}

/* CHECKBOX DISABLED */
ul#order_items_list .order_item_info .item_status_marker.disabled .checkbox { background-color: #BABABA !important; cursor: default; }
ul#order_items_list .order_item_info .item_status_marker.disabled .checkbox[data-checked="1"] { background-image: none !important; }
ul#order_items_list .order_item_info .item_status_marker.disabled .text { color: #BABABA !important; }


/* ITEM DETAILS */
ul.order_item_details {
	width: 595px;
	height: auto;
	overflow: hidden;
	margin-top: 24px;
	float: left;
	position: relative;
}

ul.order_item_details li {
	width: 100px;
	float: left;
	margin-right: 5px;
	position: relative;
}

ul.order_item_details li 
.title {
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 4px;
}

ul.order_item_details li 
.text {
	font-size: 1.3em;
    font-weight: 700;
    height: 20px;
    text-transform: uppercase;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* EXPAND BTN */
ul#order_items_list 
.order_item_expandBtn {
    width: 60px;
    height: 40px;
    margin: 45px 5px 0 0;
    float: right;
    position: absolute;
	top: 0;
	right: 20px;
}

ul#order_items_list 
.order_item_expandBtn > .ico {
	width: 25px;
	height: 25px;
	margin: 9px auto 0 auto;
	background: url('../img/sprite_misc.png') no-repeat top left;
}
ul#order_items_list 
.order_item_expandBtn[data-status="opened"] > .ico   { background-position: -210px -120px; }

ul#order_items_list 
.order_item_expandBtn[data-status="closed"] > .ico { background-position: -265px -120px; }


/* ORDER ITEMS MOCKUPS */
#details_orders_page 
.item_mockup {
	width: 715px;
	height: 240px;
	float: left;
	margin: 0 25px;
	background-color: white;
	position: relative;
}

#details_orders_page 
.item_mockup .fadebar {
	width: 455px;
	height: 40px;
	position: absolute;
	background-repeat: repeat-x;
	right: 20px;
}
#details_orders_page .item_mockup .fadebar.top { background-image: url("../img/fade_bar_top.png"); top: 0; }
#details_orders_page .item_mockup .fadebar.bottom { background-image: url("../img/fade_bar_bottom.png"); bottom: 0; }


#details_orders_page 
.mockup_preview {
	width: 240px;
	height: inherit;
	background-color: #EDEDED;
	float: left;
	position: relative;
}

#details_orders_page .mockup_preview 
.side_label {
	width: 100px;
	height: 30px;
	font-size: 1.4em;
	line-height: 2em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	background-color: #FFF;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 2;
}

#details_orders_page .mockup_preview 
.image {
	width: 100%;
	height: 100%;
	position: absolute;
}
#details_orders_page .mockup_preview 
.image > img {
	width: 50% !important; /* adicionei para nao ficar grande demais, mas parece-me que o .center_horizontal tá mal feito. */
}

#details_orders_page .mockup_preview 
.btn_medium {
	position: absolute;
	bottom: 0;
}


#details_orders_page 
.mockup_elements {
	width: 435px;
	height: 200px;
	padding: 20px;
	float: left;
	position: relative;
	overflow-y: auto;
}

#details_orders_page .mockup_elements 
.empty_mockup {
	width: inherit;
	height: 20px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	color: #D8D8D8;
	font-size: 1.6em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

#details_orders_page .mockup_elements 
.elements_wrap {
	width: inherit;
	height: auto;
	overflow: hidden;
	margin-bottom: 30px;
}

#details_orders_page .elements_wrap 
.title {
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#details_orders_page .elements_wrap 
ul.mockup_elements_list {
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
}

#details_orders_page .elements_wrap 
ul.mockup_elements_list li {
	width: inherit;
	height: 20px;
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
}
#details_orders_page .elements_wrap ul.mockup_elements_list li:last-child { margin-bottom: 0; }

#details_orders_page ul.mockup_elements_list 
.elem_desc {
	width: 350px;
	height: 20px;
	font-size: 1.3em;
	line-height: 1.4em;
	float: left;
	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#details_orders_page ul.mockup_elements_list 
.btn_small {
	width: 80px;
	float: right;
}

















/*
///////////////////////////////////////////////////////////////////////

	ORDERS

	'DETAILED ORDER' PAGE :: MOCKUP FULLSCREEN LAYER

///////////////////////////////////////////////////////////////////////
*/
#mockup_fullscreen {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: #EDEDED;
	display: none;
}

#black_screen {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #000;
	top: 0;
	left: 0;
	z-index: 99999999;
}

#mockup_fullscreen 
.preview_fullscreen {
	width: 90%; 
	height: 100%; 
	margin: auto; 
	position: relative; 
	z-index: 0;
}

#mockup_fullscreen 
.preview_fullscreen > img {
	height: 90% !important; /* adicionei para nao ficar grande demais, mas parece-me que o .center_horizontal tá mal feito. */
	width: auto !important;
}

#mockup_fullscreen 
.mockup_fs_btn {
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	background-color: #D8D8D8;
	background: url('../img/sprite_misc.png') no-repeat top left;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
#mockup_fullscreen .mockup_fs_btn:link    { background-color: #D8D8D8; }
#mockup_fullscreen .mockup_fs_btn:visited { background-color: #D8D8D8; }
#mockup_fullscreen .mockup_fs_btn:hover   { background-color: #1D5C7F; }
#mockup_fullscreen .mockup_fs_btn:active  { background-color: #2574A9; }

#mockup_fullscreen .mockup_fs_btn[data-type="close"]:link    { background-position: -28px -292px; }
#mockup_fullscreen .mockup_fs_btn[data-type="close"]:visited { background-position: -28px -292px; }
#mockup_fullscreen .mockup_fs_btn[data-type="close"]:hover   { background-position: -94px -292px; }
#mockup_fullscreen .mockup_fs_btn[data-type="close"]:active  { background-position: -94px -292px; }

#mockup_fullscreen .mockup_fs_btn[data-type="switch_sides"]:link    { background-position: -164px -292px; }
#mockup_fullscreen .mockup_fs_btn[data-type="switch_sides"]:visited { background-position: -164px -292px; }
#mockup_fullscreen .mockup_fs_btn[data-type="switch_sides"]:hover   { background-position: -223px -292px; }
#mockup_fullscreen .mockup_fs_btn[data-type="switch_sides"]:active  { background-position: -223px -292px; }

#mockup_fullscreen .mockup_fs_btn[data-type="sidebar_expand"]:link    { background-position: -274px -291px; }
#mockup_fullscreen .mockup_fs_btn[data-type="sidebar_expand"]:visited { background-position: -274px -291px; }
#mockup_fullscreen .mockup_fs_btn[data-type="sidebar_expand"]:hover   { background-position: -326px -293px; }
#mockup_fullscreen .mockup_fs_btn[data-type="sidebar_expand"]:active  { background-position: -326px -293px; }

#mockup_fullscreen .sidebar.hidden .mockup_fs_btn[data-type="sidebar_expand"]:link    { background-position: -384px -295px; }
#mockup_fullscreen .sidebar.hidden .mockup_fs_btn[data-type="sidebar_expand"]:visited { background-position: -384px -295px; }
#mockup_fullscreen .sidebar.hidden .mockup_fs_btn[data-type="sidebar_expand"]:hover   { background-position: -440px -295px; }
#mockup_fullscreen .sidebar.hidden .mockup_fs_btn[data-type="sidebar_expand"]:active  { background-position: -440px -295px; }


#mockup_fullscreen .mockup_fs_btn[data-type="close"] {
	position: absolute;
	top: 20px;
	left: 0;
}

#mockup_fullscreen .mockup_fs_btn[data-type="sidebar_expand"] {
	width: 35px !important;
	height: 50px !important;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	margin-left: -37px;
}


#mockup_fullscreen 
.options {
	width: 200px;
	height: 50px;
	position: absolute;
	top: 80px;
	left: 0;
}

#mockup_fullscreen 
.options .side_title {
	width: 150px;
	height: 40px;
	background-color: #FFF;
	font-size: 1.6em;
	line-height: 2.6em;
	text-transform: uppercase;
	text-align: center;
	float: left;
}


/* SIDEBAR */
#mockup_fullscreen 
.sidebar {
	width: 250px;
	height: 100%;
	border-left: 2px solid #D8D8D8;
	background-color: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	
	-webkit-transition: border-color 300ms, right 400ms;
	-moz-transition: border-color 300ms, right 400ms;
	-o-transition: border-color 300ms, right 400ms;
	transition: border-color 300ms, right 400ms;
}
#mockup_fullscreen .sidebar.hover { border-left: 2px solid #1D5C7F; }
#mockup_fullscreen .sidebar.hidden { right: -250px; }
#mockup_fullscreen .sidebar.hidden.peak { right: -240px; }

#mockup_fullscreen 
.sidebar_content {
	width: inherit;
	height: 100%;
	overflow-y: auto;
}

#mockup_fullscreen .sidebar_content 
.content_wrap {
	width: inherit;
	height: auto;
	overflow: hidden;
	display: none;
}

#mockup_fullscreen .content_wrap 
.title {
	width: inherit;
	height: 60px;
	padding: 10px 0;
	background-color: #404040;
} 

#mockup_fullscreen .content_wrap 
.title .ico {
	background: url('../img/sprite_misc.png') no-repeat top left;
	width: 40px;
	height: 40px;
	margin: auto;
}
#mockup_fullscreen .content_wrap[data-type="images"] .ico { background-position: -27px -342px; }
#mockup_fullscreen .content_wrap[data-type="texts"] .ico { background-position: -90px -342px; }
#mockup_fullscreen .content_wrap[data-type="uploads"] .ico { background-position: -158px -343px; }

#mockup_fullscreen .content_wrap 
.title .text {
	font-size: 1.4em;
	color: #FFF;
	text-align: center;
} 

#mockup_fullscreen .sidebar_content 
ul.sidebar_list_items {
	width: inherit;
	height: auto;
	overflow: hidden;
	position: relative;
}

#mockup_fullscreen .sidebar_content 
ul.sidebar_list_items li {
	width: auto;
	height: auto;
	padding: 10px 20px;
	border-bottom: 1px solid #d8d8d8;
	background-color: #FFFFFF;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
#mockup_fullscreen .sidebar_content ul.sidebar_list_items li:hover { background-color: #D8D8D8; }

#mockup_fullscreen .sidebar_content ul.sidebar_list_items 
.fields {
	margin-bottom: 10px;
}
#mockup_fullscreen .sidebar_content ul.sidebar_list_items .fields:last-child { margin-bottom: 0; }

#mockup_fullscreen .sidebar_content ul.sidebar_list_items 
.field_title {
	font-size: 1.1em;
	text-transform: uppercase;
}

#mockup_fullscreen .sidebar_content ul.sidebar_list_items 
.field_content {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: 700;
}

























/*
///////////////////////////////////////////////////////////////////////

	CONTENTS

	'PRODUCTS' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#products_contents_page {}


/* ORDER ITEMS BUTTON */
#products_contents_page .area_title 
.btn_medium {
	width: 150px;
	height: 30px;
	line-height: 30px;
	float: right;
}


/* cena teste */
#products_contents_page .area_title { margin-bottom: 10px; }
#products_contents_page .content_list_item { margin-bottom: 30px; }




/* CONTENT LIST :: LEFT BLOCK */
#products_contents_page 
.leftBlock .switch_btn {
	margin: 10px auto;
}

#products_contents_page 
.leftBlock .wrapper {
	margin: 70px auto;
}



/* CONTENT LIST :: RIGHT BLOCK */
#products_contents_page 
ul.expandBox_container li.default_model {
	cursor: default;
}

#products_contents_page 
ul.expandBox_container li.item_wrapper.disabled {
	opacity: 0.5;
}

#products_contents_page 
li.item_wrapper .image {
	width: 90px;
	height: 68px;
	padding: 10px;
	position: relative;
	overflow: hidden;
}

#products_contents_page 
li.item_wrapper .title {
	height: 34px;
	font-size: 1em;
    line-height: 1.4em;
    text-align: center;
    margin: 0 10px;
    padding-top: 5px;
    border-top: 1px solid #ccc;
}



























/*
///////////////////////////////////////////////////////////////////////

	CONTENTS	

	'IMAGES' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#images_contents_page {}

/* ORDER ITEMS BUTTON */
#images_contents_page .area_title 
.btn_medium {
	width: 150px;
	height: 30px;
	line-height: 30px;
	float: right;
}


/* cena teste */
#images_contents_page .area_title { margin-bottom: 10px; }
#images_contents_page .content_list_item { margin-bottom: 30px; }


/* CONTENT LIST :: LEFT BLOCK */
#images_contents_page 
.leftBlock .wrapper {
	/* margin: 70px auto; */
	margin: 67px auto;
}

#images_contents_page 
.leftBlock .switch_btn {
	margin: 10px auto;
}

#images_contents_page 
.leftBlock .premium_cat[data-status="1"] {
	width: 60px;
	height: 20px;
	background: url('../img/premium_ico.png') no-repeat top left;
	margin: 7px auto 12px;
}

#images_contents_page 
.leftBlock .btn_medium {
	bottom: 0;
    position: absolute;
}


/* CONTENT LIST :: RIGHT BLOCK */
#images_contents_page 
li.item_wrapper .image {
	width: 90px;
	height: 68px;
	padding: 10px;
	position: relative;
	overflow: hidden;
	margin: auto;
}

#images_contents_page 
li.item_wrapper .title { 
	height: 15px;
	font-size: 1em;
    line-height: 1.4em;
    margin: 0 10px;
    padding-top: 5px;
    border-top: 1px solid #ccc;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#images_contents_page 
li.item_wrapper .author {
	height: 15px;
	font-size: 1em;
    line-height: 1.4em;
    margin: 0 10px 4px 10px;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#images_contents_page 
.dashed_btn[data-type="add_category"] {
	height: 60px;
}

























/*
///////////////////////////////////////////////////////////////////////

	CONTENTS

	'FONTS' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#fonts_contents_page {}

/* ORDER ITEMS BUTTON */
#fonts_contents_page .area_title 
.btn_medium {
	width: 150px;
	height: 30px;
	line-height: 30px;
	float: right;
}


/* cena teste */
#fonts_contents_page .area_title { margin-bottom: 10px; }
#fonts_contents_page .content_list_item { margin-bottom: 30px; }



/* CONTENT LIST :: LEFT BLOCK */
#fonts_contents_page 
.leftBlock .wrapper {
	margin: 40px auto;
}

#fonts_contents_page 
.leftBlock .switch_btn {
	margin: 10px auto;
}


/* CONTENT LIST :: RIGHT BLOCK */
#fonts_contents_page 
.rightBlock {
	height: 74px;
	padding: 34px 20px;
}

#fonts_contents_page 
.rightBlock .font_weight {
	width: auto;
	height: 15px;
	margin-bottom: 10px;
	color: #3C3C3C;
	font-size: 1.2em;
}

#fonts_contents_page 
.rightBlock .font_sample {
	color: #3C3C3C;
	font-size: 1.8em;
}




















/*
///////////////////////////////////////////////////////////////////////

	CONTENTS				

	'COLORS' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#colors_contents_page {}


/*
	EXPAND BOX OVERRIDES
*/
#colors_contents_page 
.content_list_item { margin-bottom: 0; }

#colors_contents_page 
.expandBox_wrapper.lockedHeight { height: 93px; }

#colors_contents_page 
.content_list_item .expandBox_wrapper .expandBtn { margin: 27px 5px 0 0; }

#colors_contents_page 
.content_list_item .leftBlock .wrapper { position: relative; }

#colors_contents_page 
.content_list_item .leftBlock .product_ico { 
	width: 90px;
	height: 85px;
	margin: 20px auto 10px auto;
	position: relative; 
}

#colors_contents_page 
.content_list_item .leftBlock .product_ico img { height: 100%; display: block; margin: auto; }

#colors_contents_page 
.content_list_item .leftBlock .product_name {
	width: inherit;
	font-size: 1.4em;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	position: relative;
}

/* END OF EXPAND BOX OVERRIDES */






#colors_contents_page 
ul.colors_list {
	width: 745px;
	height: auto;
	padding: 10px 10px;
	background-color: #D8D8D8;
	float: left;
	overflow: hidden;
}


#colors_contents_page 
ul.colors_list li {
	float: left;
	margin: 10px;
}

#colors_contents_page 
li.color_item .color {
	width: 104px;
	height: 70px;
}


#colors_contents_page 
li .color .ico {
	width: 35px;
	height: 35px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -116px -176px;
	position: absolute;
	margin: 18px 35px;
	display: none;
}

#colors_contents_page 
li .color[data-status="0"] .ico { display: block; }




#colors_contents_page 
li.color_item .btn_small .ico {
	width: 12px;
	height: 12px;
	background: url('../img/sprite_misc.png') no-repeat top left;
	background-position: -320px -120px;
	margin: auto;
}

#colors_contents_page 
.dashed_btn {
	width: 100px;
	height: 88px;
	float: left;
}

#colors_contents_page 
a.btn_medium[data-type="update_products"] {
	width: 250px;
	margin-top: 10px;
}

#colors_contents_page 
a.btn_medium[data-type="update_print"] {
	width: 250px;
	margin-top: 10px;
}

#colors_contents_page 
.form_info {
	width: 300px;
	height: auto;
	padding: 2px 0;
	clear: both;
	color: #7e7e7e;
	float: left;
	font-size: 1.2em;
	line-height: 1.2em;
}
#colors_contents_page .form_info[data-type="products"] { margin: 0; }
#colors_contents_page .form_info[data-type="print"] { margin: 40px 0 0; }


















/*
///////////////////////////////////////////////////////////////////////

	SETTINGS		

	'APPS' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#apps_settings_page {}

/* APP LAYOUT */
#apps_settings_page 
.app_scheme {
	display: block;
}

#apps_settings_page .app_layout_modules {
    height: 80px;
    margin-bottom: 60px;
    width: inherit;
}

#apps_settings_page .app_layout_modules .module_item {
    background-color: #429ed1;
    float: left;
    height: inherit;
    margin-right: 2px;
    width: 151px;
}

#apps_settings_page .app_layout_modules .module_item .text {
    color: #fff;
    font-size: 1.4em;
    font-weight: 700;
    height: 40px;
    line-height: 1.2em;
    margin: 25px auto 0;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
}




/* CONTENT LIST :: LEFT BLOCK */
#apps_settings_page 
.leftBlock .wrapper {
	margin: 55px auto 0 auto;
    width: 130px;
}

#apps_settings_page 
.leftBlock .ico {
	width: 70px;
	height: 50px;
	margin: 0 auto 10px auto;
	background: url('../img/app_ico.png') no-repeat top left;
}

#apps_settings_page 
.leftBlock .btn_medium {
	bottom: 0;
	position: absolute;
}


/* CONTENT LIST :: RIGHT BLOCK */
#apps_settings_page 
.rightBlock .item_wrapper .title {
	height: 10px;
	margin: 20px 10px 5px 10px;
	color: #7f7f7f;
	text-transform: uppercase;
}
#apps_settings_page 
.rightBlock .item_wrapper .title span { text-transform: uppercase; }

#apps_settings_page 
.rightBlock .item_wrapper .subtitle {
	font-weight: 700;
	margin: 0 10px;
	font-size: 1.2em;
	height: 26px;
	text-transform: uppercase;
}

#apps_settings_page 
.rightBlock .item_wrapper .default_product {
	height: 20px;
	width: inherit;
	margin-top: 10px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1.8em;
}

#apps_settings_page 
.rightBlock .item_wrapper .switch_btn {
	margin: 45px auto 20px auto;
}
















/*
///////////////////////////////////////////////////////////////////////

	SETTINGS	

	'PRICES' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#prices_settings_page {}

#prices_settings_page .col_2 {
	width: 372px;
	height: auto;
	margin-right: 20px;
	float: left;
}
#prices_settings_page .col_2:last-child { margin-right: 0; }

#prices_settings_page 
.price_options {
	width: inherit;
	height: auto;
}

#prices_settings_page 
.price_options > .option {
	width: 332px;
	height: 85px;
	padding: 20px;
	background-color: #e1e1e1;
	margin-bottom: 2px;
	position: relative;
	
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}

#prices_settings_page .option 
.title {
	font-size: 1.4em;
	margin-bottom: 20px;
	opacity: 1;
	
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}

#prices_settings_page .option 
.ico {
	background: url('../img/sprite_prices.png') no-repeat top left;
	float: left;
	opacity: 1;
	
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}

#prices_settings_page .option[data-type="one_side"]  .ico { background-position: -30px -30px; width: 130px; height: 50px; }
#prices_settings_page .option[data-type="two_sides"] .ico { background-position: -190px -30px; width: 130px; height: 50px; }
#prices_settings_page .option[data-type="elements"]  .ico { background-position: -350px -30px; width: 70px; height: 50px; }
#prices_settings_page .option[data-type="colors"] 	 .ico { background-position: -30px -110px; width: 70px; height: 50px; }
#prices_settings_page .option[data-type="premium"] 	 .ico { background-position: -130px -110px; width: 70px; height: 50px; }



#prices_settings_page .option 
.switch_btn {
	top: 20px;
	right: 20px;
	position: absolute;
	display: block;
}

#prices_settings_page .option 
input {
	width: 50px;
	float: right;
	padding: 15px 10px;
	text-align: center;
	border: 1px solid #e2e2e2;
}


/* DISABLED ELEMENTS */
#prices_settings_page 
.price_options > .option.disabled { background-color: #F1F0F0; }

#prices_settings_page 
.price_options > .option.disabled .title { opacity: 0.5; }

#prices_settings_page 
.price_options > .option.disabled .ico { opacity: 0.5; }

#prices_settings_page 
.price_options > .option.disabled .currency_ico { opacity: 0.5; }



#prices_settings_page 
a.btn_submit {
	width: 372px;
}

#prices_settings_page 
.side_note {
	width: inherit;
	height: 46px;
	border-left: 1px solid #7E7E7E;
	color: #7E7E7E;
	font-size: 1.2em;
	line-height: 1.2em;
	float: left;
	padding: 2px 10px;
}


#prices_settings_page 
.currency_ico {
	width: 15px;
	height: 20px;
	font-size: 1.8em;
	line-height: 20px;
	text-align: center;
	position: relative;
	overflow: hidden;
	color: #4d4d4d;
	margin: 15px 0 0 10px;
	float: right;
}





















/*
///////////////////////////////////////////////////////////////////////

	SETTINGS

	'ACCOUNTS' PAGE cena

///////////////////////////////////////////////////////////////////////
*/

main#accounts_settings_page {}

#accounts_settings_page .area_title {
	margin-bottom: 30px;
}

main#accounts_settings_page 
.update_wrapper {
	width: 100%;
	height: auto;
	margin-bottom: 70px;
	margin-left: 2px;
	float: left;
}

main#accounts_settings_page 
form {
	float: left;
	width: 50%;
}

#accounts_settings_page 
label {
	float: none;
}

main#accounts_settings_page 
label span { font-weight: 700; }

main#accounts_settings_page 
label span.error_msg { color: red; }

main#accounts_settings_page 
form input {
	width: 268px;
	height: 28px;
	padding: 10px 10px 10px 50px;
	border: 1px solid #E2E2E2;
}

main#accounts_settings_page  
.input_wrapper {
	float: left;
	clear: both;
	margin-bottom: 10px;
}

main#accounts_settings_page 
.input_wrapper .ico {
	background: url('../img/sprite_login.png') no-repeat top left;
	width: 30px;
	height: 30px;
	position: absolute;
	margin: 10px 12px 12px 12px;
}

main#accounts_settings_page 
.input_wrapper .ico[data-type="password"] { background-position: 0 -95px; }

main#accounts_settings_page 
.input_wrapper .ico[data-type="username"] { background-position: 0 -175px; }


main#accounts_settings_page 
.form_info {
	width: 300px;
	height: 46px;
	border-left: 1px solid #7E7E7E;
	color: #7E7E7E;
	font-size: 1.2em;
	line-height: 1.2em;
	float: left;
	padding: 2px 10px;
	margin: 0 0 0 10px;
}




#accounts_settings_page 
.submit_new_pw_btn {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}




/*
	SUBMIT BUTTON
*/
#accounts_settings_page .submit_btn {
	width: 330px;
	height: 50px;
	background-color: #2574A9;
	color: #FFF;
	font-size: 1.4em;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: 60px 0 0 0;
}

#accounts_settings_page .submit_btn .text {
	display: none;
	position: relative;
}

#accounts_settings_page .submit_btn .ico {
	width: 50px;
	height: 50px;
	margin: auto;
	background-repeat: no-repeat;
	display: none;
}

/* NORMAL STATE */
#accounts_settings_page .submit_btn[data-status="normal"]			{ cursor: pointer; }
#accounts_settings_page .submit_btn[data-status="normal"] .text 	{ display:block; }
#accounts_settings_page .submit_btn[data-status="normal"]:hover 	{ color: #FFF; background-color: #1D5C7F; }
#accounts_settings_page .submit_btn[data-status="normal"]:active 	{ color: #FFF; background-color: #1D5C7F; }


/* DISABLED STATE */
#accounts_settings_page .submit_btn[data-status="disabled"] 		 { background-color: #919191; }
#accounts_settings_page .submit_btn[data-status="disabled"] .text    { display: block; }


/* LOADER STATE */
#accounts_settings_page .submit_btn[data-status="loader"] 						   { background-color: #BABABA; }
#accounts_settings_page .submit_btn[data-status="loader"] .ico[data-type="loader"] { background-image: url("../img/loader_30x30.gif"); background-position: 10px 10px; display: block; }


/* SUCCESS STATE */
#accounts_settings_page .submit_btn[data-status="success"] 						     { background-color: #27ae60; }
#accounts_settings_page .submit_btn[data-status="success"] .ico[data-type="success"] { background-image: url("../img/sprite_btn_submit.png"); background-position: 0 -47px; display: block; }


/* ERROR STATE */
#accounts_settings_page .submit_btn[data-status="error"] 						 { background-color: #c1272d; }
#accounts_settings_page .submit_btn[data-status="error"] .ico[data-type="error"] { background-image: url("../img/sprite_btn_submit.png"); background-position: 0px 5px; display: block; }







/* 
	PASSWORD-CONFIRM-HELPER OVERRIDES 
*/
#accounts_settings_page .pw_confirm_helper_wrapper {
	width: 50%;
	float: left;
	display: none;
}

#accounts_settings_page .password_content_wrap {
	margin: 0;
}

#accounts_settings_page .password_helpers_wrap {
	margin: -50px 0 0 0;
}

#accounts_settings_page .submit_new_pw_btn {
	width: 332px;
	margin: 0;
}

#accounts_settings_page .pw_input_wrapper input {
	border: 1px solid #e2e2e2;
	width: 270px;
}

#accounts_settings_page .password_helpers_wrap {
	width: 282px;
}

#accounts_settings_page .password_helpers_wrap .arrow_up {
	border-bottom: 15px solid #EDEDED;
}

#accounts_settings_page .password_helpers_wrap {
	background-color: #EDEDED;
}

























/*
///////////////////////////////////////////////////////////////////////

	SETTINGS

	'LICENSE' PAGE

///////////////////////////////////////////////////////////////////////
*/

main#license_settings_page {}

.easter_egg {
	background-color: #ffdd00;
    background-image: url("../img/camarada.jpg");
    background-position: -180px -17px;
    background-repeat: no-repeat;
    background-size: 220% auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 300px;
    margin: auto;
    width: 300px;
}

























/*
///////////////////////////////////////////////////////////////////////

	'HELP' PAGE FOR:

	'ORDERS', 'CONTENTS' AND 'SETTINGS'

///////////////////////////////////////////////////////////////////////
*/

main#help_page {}

main#help_page 
dl.faq {
	width: auto;
	height: auto;
}

main#help_page 
dl.faq dt {
	font-size: 1.6em;
	font-weight: bold;
	cursor: pointer;
	display: block;
	width: auto;
	float: left;
	clear: both;
	padding: 10px 0;
	
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
main#help_page dl.faq dt:hover { color: #2574A9; }
main#help_page dl.faq dt.active { color: #2574A9; }

main#help_page dl.faq dd {
	width: auto;
	height: auto;
	clear: both;
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 0 20px 20px 20px;
	display: none;
}





















/*
///////////////////////////////////////////////////////////////////////

	MAINTENANCE PAGE

///////////////////////////////////////////////////////////////////////
*/

main#maintenance_page {
	margin-top: 5%;
}

#maintenance_page .maintenance_wrap {
	width: 550px;
	height: 460px;
	position: relative;
	margin: auto;
}

#maintenance_page .gears_wrapper {
	width: 280px;
	height: 240px;
	margin: 0 auto 30px auto;
	position: relative;
}

#maintenance_page .gear {
	background-image: url('../img/warning_pages/gears_icos.png');
	background-repeat: no-repeat;
	background-size: 260% auto;
	position: absolute;
}

#gear1 { 
	width: 110px; 
	height: 110px; 
	
	top: 70px;
	left: 0px;
	
	background-position: -17px -20px; 
	
	-webkit-animation: clockwise_spin 4s linear infinite;
    -moz-animation: clockwise_spin 4s linear infinite;
    animation: clockwise_spin 4s linear infinite;
}
#gear2 { 
	width: 100px; 
	height: 100px; 
	
	top: 130px;
	left: 80px;
	
	background-position: -143px -13px; 
	
	-webkit-animation: counterclockwise_spin 4s linear infinite;
    -moz-animation: counterclockwise_spin 4s linear infinite;
    animation: counterclockwise_spin 4s linear infinite;
}
#gear3 { 
	width: 100px; 
	height: 100px; 
	
	top: 93px;
	left: 160px;
	
	background-position: -16px -147px; 
	
	-webkit-animation: clockwise_spin 4s linear infinite;
    -moz-animation: clockwise_spin 4s linear infinite;
    animation: clockwise_spin 4s linear infinite;
}
#gear4 { 
	width: 60px; 
	height: 60px; 
	
	top: 61px;
	left: 227px;
	
	background-size: 380% auto !important;
	background-position: -145px -149px; 
	
	-webkit-animation: counterclockwise_spin 4s linear infinite;
    -moz-animation: counterclockwise_spin 4s linear infinite;
    animation: counterclockwise_spin 4s linear infinite;
}

@-moz-keyframes clockwise_spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes clockwise_spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes clockwise_spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


@-moz-keyframes counterclockwise_spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes counterclockwise_spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes counterclockwise_spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }


#maintenance_page h1 {
	color: #2d2d2d;
    font-size: 3.4em;
    font-weight: 700;
    text-align: center;
}

#maintenance_page p {
	color: #7d7d7d;
    font-size: 1.5em;
    line-height: 1.4em;
    margin: 10px auto;
    width: 400px;
    text-align: center;
}



























/*
///////////////////////////////////////////////////////////////////////

	WARNING PAGES

	'404', 'CONNECTION', 'BROWSER' PAGES

///////////////////////////////////////////////////////////////////////
*/

main#warning_page {}

#warning_message_wrap {
	width: 650px;
	height: auto;
	margin: 130px auto;
	overflow: hidden;
}

#warning_message_wrap > .ico {
	width: 140px;
	height: 140px;
	float: left;
	margin-right: 15px;
	background: url('../img/sprite_warningPages.png') no-repeat top left;
}
#warning_message_wrap > .ico.pageNotFound { background-position: 0 0; }
#warning_message_wrap > .ico.connection	{ background-position: 0 -380px; }
#warning_message_wrap > .ico.browser		{ background-position: 0 -190px; }



#warning_message_wrap > h1 {
	font-size: 2.6em;
	line-height: 1.5em;
	font-weight: 700;
	margin-top: 30px;
	display: block;
	width: auto;
	height: auto;
	overflow: hidden;
}

#warning_message_wrap > p {
	font-size: 1.4em;
	margin: 0 0 0 0;
	display: block;
	width: auto;
	height: auto;
	overflow: hidden;
}


/* 'BROWSER' PAGE LINKS */
#browsers_wrap {
	width: 600px;
	height: 140px;
	margin: 0 auto 80px auto;
}

#browsers_wrap
.browser_ico {
	float: left;
	width: 150px;
	height: 140px;
	text-align: center;
}

#browsers_wrap 
.browser_ico a {
	padding: 20px 0;
	display: block;
}

#browsers_wrap .browser_ico a:hover { background-color: #2574A9; color: white; }

#browsers_wrap 
.browser_ico img {
	display: inline;
}

#browsers_wrap 
.browser_ico a span {
	display: block;
	margin-top: 10px;
	width: 100%;
	height: 16px;
	font-size: 1.4em;
	line-height: 1.2em;
}