/*  ============================================================================
    IMPORTS
    ========================================================================== */
@import url(reset.css);
@import url(simplegrid.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);

/*  ============================================================================
	GENERAL BASE BY Keven Ouellet
	========================================================================== */

.main 								{ width: 100%; max-width: none; padding: 0; }

html								{ font-family: 'Lato', Helvetica, sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; height: 100%; color:#444; }
body								{ font-family: 'Lato', Helvetica, sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; height: 100%; color:#444; background-color:#E8E8E8; }
body.login-page						{ background-color: #E8E8E8; }

iframe 								{ max-width: 100%; width: 100%; }

/*  ============================================================================
	ADMIN CKEDITOR ADJUSTMENT
	========================================================================== */

body.cke_editable  					{ background: none; padding: 10px; }
.cke 								{ margin-bottom: 30px !important; }

/*  ============================================================================
    Positions
    ========================================================================== */

.clear                              { display: block; clear: both; overflow: hidden; }
.align-left                         { float:left; margin-right: 20px; }
.align-right                        { float:right; margin-left: 20px; }
.align-center                       { text-align: center; }
.full                               { width:100%; }

.fixed 								{ position: fixed; }
.left 								{ text-align: left; }
.right 								{ text-align: right; }
.center 							{ text-align: center; margin-left: auto; margin-right: auto; }

.inline 							{ display: inline; }
.inline-block 						{ display: inline-block; }
.block 								{ display: block; }

/*  ============================================================================
	TYPOGRAPHY
	========================================================================== */

h1									{ font-size: 44px; line-height: 50px; margin-bottom: 10px; margin-top: 10px; font-weight: 300; }
h2									{ font-size: 28px; line-height: 34px; margin-bottom: 10px; margin-top: 10px; }
h3									{ font-size: 22px; line-height: 28px; margin-bottom: 10px; margin-top: 10px; }
h4									{ font-size: 18px; line-height: 26px; margin-bottom: 10px; margin-top: 10px; }
h5									{ font-size: 17px; line-height: 22px; margin-bottom: 10px; margin-top: 10px; }

h2.fs-title 						{ font-size:16px; color:#7C7C7C; }

::-moz-selection					{ background: #000000; color: #fff; text-shadow: none; }
::selection							{ background: #000000; color: #fff; text-shadow: none; }

i, em								{ font-style: italic; }
strong, b							{ font-weight: bold; }
	
p									{ font-size: 16px; line-height: 24px; margin-bottom: 15px; margin-top: 10px; color:#3a3a3a; }
p.spacer							{ padding: 20px; }
p.spacer-large						{ padding: 40px;  }
p.section-title						{ font-size: 20px; color:#878787; font-weight: 300; }
p.sub-section-title					{ text-transform: uppercase; border-bottom: 1px solid #eee; font-weight: 700; }

small								{ font-size: 14px; }

img									{ max-width:100%; }

sub, sup 							{ font-size: 12px; } 
sub 								{ vertical-align: sub; } 
sup 								{ vertical-align: super; }

blockquote,
cite								{ border-left: 3px solid #e7e9ec; padding: 0 0 0 16px; margin: 30px 0 30px 30px; }


/*  ============================================================================
	LISTS
	========================================================================== */

ol,
ul									{ list-style: disc; padding: 0; margin: 0 0 20px 25px; }
ul.square							{ list-style: square; }
ul ul,
ol ol 								{ margin-bottom:0; }
ol									{ list-style: decimal;  }
ul.alt 								{ margin: 0 0 20px 0; }
ul.alt li 							{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin:0 0 -1px 0; padding: 5px 5px 5px 20px; list-style: none;  }

ol.unstyled,
ul.unstyled 						{ list-style: none; padding: 0; }
ol.unstyled ul,
ul.unstyled ul 						{ list-style: none; padding: 0; }
ol.unstyled li,
ul.unstyled li 						{ list-style: none; padding: 0; }

ol.inline, ul.inline 				{ float:left; list-style: none; padding: 0; }

.inline li							{ display: inline-block;  margin: 0 15px 0 0; }

/*  ============================================================================
	LINKS & BUTTONS
	========================================================================== */

a									{ color:#444; text-decoration: underline; }
a:hover								{ color:#F26D00; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

a.read-more						 	{ padding: 5px 12px; margin: 10px 0; background-color: #333333; color:#FFF; text-decoration: none; display: inline-block; }
a.read-more:hover					{ background-color: #000000; text-decoration: none; }
a.read-more:after					{ font-family: "Font Awesome 5 Free"; content:"\f105"; padding-left: 15px; }

button.button,
a.button							{ display: inline-block; margin-bottom: 5px; min-height: 30px; padding: 10px 15px; vertical-align:middle; text-align: center; background-color: #6D6D6D; border: none; color:#FFF; text-decoration: none; font-size: 16px; line-height: 16px; cursor:pointer;  transition: 0.3s; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }

a.button.add 						{ background-color: #97cb69; border-bottom: 2px solid #6FA83A; }
a.button.add:hover 					{ background-color: #8BC159; }
a.button.add .fas 					{ margin: 0 10px 0 0; }

a.button.diffuse 					{ background-color: #97cb69; border-bottom: 2px solid #6FA83A; }
a.button.diffuse:hover 				{ background-color: #8BC159; }
a.button.diffuse .fas 				{ margin: 0 10px 0 0; }

a.button.return 					{ background-color: #5E5E5E; border-bottom: 2px solid #3D3D3D; }
a.button.return:hover 				{ background-color: #494949; }
a.button.return .fas 				{ margin: 0 10px 0 0; }

a.button.see 						{ background-color: #8E8E8E; border-bottom: 2px solid #3D3D3D; }
a.button.see:hover 					{ background-color: #636363; }
a.button.see .fas 					{ margin: 0 10px 0 0; }

a.button.delete 					{ background-color: #E50000; border-bottom: 2px solid #D30000; color:#FFF; }
a.button.delete:hover 				{ background-color: #8E0000; color:#FFF; }
a.button.delete .fas 				{ margin: 0 10px 0 0; }


button.button:hover,
a.button:hover						{ background-color: #212121;  }

button.button.primary,
a.button.primary					{ background-color: #3E80F9; transition: 0.3s; }

button.button.primary:hover,
a.button.primary:hover				{ background-color: #2062D6;  }

button.button.rounded,
a.button.rounded					{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

button.button.full,
a.button.full						{ display: block; margin-bottom: 5px; }

button.button .fa,
a.button .fa						{ padding-right: 5px; }

/*  ============================================================================
	TABLES
	========================================================================== */

table								{ width: 100%; margin-bottom: 30px; }
table tr td							{ display: table-cell; padding: 10px; vertical-align: top; }
table tr th						 	{ display: table-cell; padding: 10px; vertical-align: top; font-weight: bold; text-align: left; }

table.bordered,
table.bordered th,
table.bordered td					{ border: 1px solid #D3D3D3; }

/*  ============================================================================
	FORMS
	========================================================================== */

input[type=submit] 					{ padding: 15px; margin-bottom: 20px; width: 100%; color:#FFF; background-color: #5eb147; border:none; border-bottom: 2px solid #499631; font-weight: bold; cursor: pointer; font-size: 16px; -webkit-appearance: none; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
input[type=submit]:hover 			{ background-color: #50A337; }
input[type=file] 					{ padding: 10px; border: 1px dashed #C4C4C4; display: block; cursor: pointer; width: 100%; }
input[type=text],
input[type=email],
input[type=number],
input[type=password],
textarea							{ background-color: #fff; color:#444444; width: 100%; font-family: 'Lato', Helvetica, sans-serif; font-size: 20px; font-weight: 300; width: 100%; padding: 7px 10px; margin-bottom: 15px; border:1px solid #CCCCCC; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-appearance: none; }
input[type="radio"] 				{ width: auto !important;  } 
input:focus 						{ border: 1px solid #ec6716; }

input[type=file] 					{ margin-bottom: 20px; }
label.checkbox-label				{ display: block; padding: 6px; border: 1px dashed #D1D1D1; margin-bottom: 10px; }
label.checkbox-label:hover 			{ border: 1px solid #C1C1C1; cursor:pointer; }


textarea							{ width: 100%; min-height: 330px; resize: vertical; }
select								{ font-size: 16px; width: 100%; padding: 10px 15px; margin-bottom: 15px; border:1px solid #CCCCCC; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; -webkit-border-radius: 0; }
option								{ width: 100%; }

input.hasDatepicker 				{ width: 160px; }

label 								{ display: block; }

/*  ============================================================================
    BREADCRUMBS
    ========================================================================== */

.ariane                             { font-size: 15px; margin-bottom: 10px; }
.ariane a                           { font-size: 15px; display: inline-block; text-decoration: none; color:#FFF; }
.ariane a:after                     { font-family: "Font Awesome 5 Free"; content:"\f105"; padding: 0 8px;  }

/*  ============================================================================
    
    ========================================================================== */

.links                              { margin: 5px 0; }
.links a                            { display: inline-block; padding: 2px 13px; border:1px solid #efefef; }
.links .current_page                { display: inline-block; padding: 2px 13px; border:1px solid #efefef; background-color: #f5f5f5; }

/*  ============================================================================
    MESSAGES & ERRORS
    ========================================================================== */

.message                            { padding: 14px; margin-bottom: 10px; color: #ffffff; background-color: #AFAFAF; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.message p 							{ color:#FFF; margin: 0; }
.success,
.alert-success						{ padding: 20px; margin-bottom: 10px; color: #ffffff; background-color: #5eb147; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.alert-success .fas 				{ margin-right: 8px; }
.success p 							{ color:#FFF; }
.success p:last-of-type				{ margin: 0; }
.success p.title 					{ font-size:30px; color:#FFF; }
.error,
.alert-error,
#error 								{ padding: 14px; margin-bottom: 10px; color: #ffffff; background-color: #FF3B38; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.alert-error p 						{ color:#FFF; margin: 0; }
.alert-error .fas 					{ margin-right: 8px; }
.error-big 							{ padding: 14px; margin-bottom: 10px; color: #ffffff; background-color: #FF3B38; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.error-big .fa 						{ font-size:60px; color:#FFF; padding: 0 40px 40px 0; float:left; }

input.missing,
textarea.missing,
select.missing 						{ border: 2px solid #FF3B38; background-color: #FFCECE; }
.missing 							{ color: #FF3B38; }

.close								{ display: none; }

.warning	 						{ border: 1px solid #f00; padding: 12px; color:#F00; margin-bottom: 20px; }

p.note 								{ font-size: 14px; font-style: italic; }

/*  ============================================================================
    NAVIGATION
    ========================================================================== */

nav 								{  }
nav ul 								{  }
nav ul li 							{  }
nav ul li a							{  }
nav ul li a:hover					{  }
nav ul li a.arrow-down:after 		{  }
nav ul li a.arrow-right:after 		{  }
nav a.menu-logo 					{  }

/* level 2 */
nav ul ul  							{  }
nav ul ul li 						{  }
nav ul ul li a 						{  }
nav ul li:hover ul.level-2 			{  }

/* level 3 */
nav ul ul ul  						{  }
nav ul ul ul li 					{  }
nav ul ul li:hover ul.level-3 		{  }

/*  ============================================================================
    GENERAL
    ========================================================================== */

.tier 								{ float: left; width: 33.33%; }

.variation-box 						{ border: 1px solid #BFBFBF; padding: 20px; margin: 10px 0; display: none; }
input[type=text].input-variations-option 			{ float: left; width: 13%; margin-right: 2px; }
.var-options-head 					{ float: left; width: 13%; margin-right: 2px; }

/*  ============================================================================
    ADMIN
    ========================================================================== */

header 								{ height: 70px; background-color: #373f4a; position: fixed; top:0; width: 100%; z-index: 10; }
header .logo-vew 					{ height: 70px; width: 70px; float: left; padding: 6px; background-color: #ec6718; }
header .logout 						{ float: right; margin: 22px 22px 0 0; color:#FFF; font-weight: 300; text-decoration: none; font-size: 20px; }
header .logout:hover 				{ color:#ec6718; }

header nav ul 						{ padding: 22px 0 0 25px; margin: 0; display: inline-block; = }
header nav ul li 					{ list-style: none; display: inline-block; margin-right: 20px; position: relative; }
header nav ul li a 					{ color:#FFF; font-weight: 300; text-decoration: none; font-size: 20px; line-height: 26px; }
header nav ul li a .fas 			{ padding: 0 0 0 5px; }
header nav ul li a:hover 			{ color:#FFF; border-bottom: 2px solid #ec6718; }
header nav ul li a.current 			{ color:#FFF; border-bottom: 2px solid #ec6718; }
header nav ul ul 					{ opacity: 0; visibility: hidden; width:270px; position: absolute; top:100%; transition: 0.3s; left:0; z-index: 10; background-color: #373f4a; padding: 20px; }
header nav ul li:hover ul 			{ opacity: 1; visibility: visible; }
header nav ul ul li 				{ margin: 0; padding: 3px 0; display: block; }

#main 								{ background-color:#E8E8E8; }
#main .content-wrapper 				{  }
#main .shortcuts li					{ list-style: none; margin-bottom: 3px; display: inline-block; }
#main .shortcuts li a				{ text-decoration: none; font-weight: 300; font-size:17px; display: block; background-color: #FFF; width:220px; box-shadow: 0 1px 1px rgba(0,0,0,0.12); height: 150px; padding: 30px 10px 10px 10px; text-align: center; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
#main .shortcuts li a .fas 			{ font-size:40px; display: block; margin-bottom: 20px; }
#main .shortcuts li a:hover			{ background-color: #F26D00; color:#fff; }
#main .shortcuts li a:hover .fas 	{ color:#fff; }

.tabs-box 							{  }
ul.tabs 							{ margin: 0; }
ul.tabs li 							{ list-style: none; background-color: #FFF; color:#6D6D6D; display: inline-block; padding: 10px 20px; text-decoration: none; cursor: pointer; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
ul.tabs li.current,				
ul.tabs li:hover 					{ background-color: #b5b5b5; color:#FFFFFF; }
.tab-content 						{ display: none; }

.actions 							{ padding: 20px; background-color: #FFF; padding-top: 90px; }
.actions input[type=submit] 		{ width: auto; margin-bottom: 0; float: right; }
.panel 								{ background-color: #FFF; border:1px solid #b5b5b5; padding: 20px; margin-bottom: 30px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
.panel table tr th					{ border-bottom: 1px solid #848484; font-size: 18px; }
.panel table tr td					{ border-bottom: 1px solid #E2E2E2; font-size: 18px; font-weight: 300; padding: 15px 10px; }
.panel .action-icon 				{ display: inline-block; margin-right: 3px; text-align: center; background-color: #424242; color:#FFF; padding: 1px 8px; font-size:16px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
.panel .action-edit 				{ background-color: #5eb147; }
.panel .action-delete 				{ background-color: #FF3B38; }
.panel table 						{ min-width: 500px;  }

.login-form-box 					{ background: #ffffff; width:460px; position: absolute; top:22%; left:50%; margin-left: -230px; padding: 40px; border:1px solid #b5b5b5; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.login-form-box input[type=text],
.login-form-box input[type=password]{ font-size:24px; padding: 10px 12px 10px 50px; }
.login-form-box input[type=submit] 	{ width: 100%; }
.login-form-box .input_username 	{ position: relative; }
.login-form-box .input_username .fas{ position: absolute; top:40px; left:15px; font-size:22px; color:#B2B2B2; }
.login-form-box .input_password 	{ position: relative; }
.login-form-box .input_password .fas{ position: absolute; top:40px; left:15px; font-size:22px; color:#B2B2B2; }
.login-form-box .version 			{ font-size:13px; text-align: right; margin-top: 15px; margin-bottom: 0; }

.right-options 						{ padding-top: 25px; font-size:14px; line-height:24px; margin: 20px 0; }
a.delete 							{ color: #d60000; text-decoration: none; }
a.delete:hover						{ color: #000000; text-decoration: none; }
a.delete .fas 						{ margin: 0 5px 0 0; }
.status-online 						{ color: #27C400; }

/* MOBILE NAV BUTTON */
#button-burger  					{ display: none; color:#fff; padding: 22px 30px 20px 30px; float: left; background:none; font-size: 22px;  margin-right: 10px; cursor: pointer; border:none; }
#button-burger .fa 					{ color:#fff; font-size:24px; line-height: 50px; }

.order-by 							{ float: right; width: 200px; }
.headline 							{ float: left; }
.nbResult 							{ float: right; }

.pagination 						{ padding: 20px 0; text-align: center; }
.page-link 							{ display: inline-block; padding: 3px 10px; margin-right: 2px; text-decoration: none; border:1px solid #D3D3D3; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.page-link:hover,
.page-link.current 					{ background-color: #D3D3D3; color:#000; }

.infos 								{ font-size:13px; color:#9E9E9E; }
.infos span 						{ font-size:18px; color:#4C4C4C; }

.img-preview 						{ max-width: 150px;	}

input#submit.fixed 					{ position: fixed; bottom:0; left:0; right: 0; z-index: 9; margin-bottom: 0; }

.order-item 						{ cursor: pointer; padding: 20px; text-decoration: none; font-size:20px; padding: 20px; border:1px solid #DBDBDB;  margin-bottom: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
.order-item:hover					{ border:1px solid #A5A5A5; }
.order-item a  						{ text-decoration: none; }
.order-item-options 				{ float: right; }

.handle-options 					{ float: right; text-align: right; padding: 20px; }
.handle-options a 					{ padding: 0 8px; display: inline-block; }

.dd-item-border 					{ border: 1px solid #ccc; background: #fafafa; border-radius: 3px; margin-bottom: 3px; }

.menu-available 					{ padding: 5px 10px; border: 1px solid #ccc; margin-bottom: 2px; cursor: pointer; }
.menu-available:hover		 		{ background-color: #ccc; border: 1px solid #AFAFAF; }

/* DASHBOARD */
.dashboard h1 						{ margin-bottom: 30px; }
.dashboard 							{ margin-top: 80px; }
.dashboard a.shortcut 				{ padding: 20px; background-color: #FFF; width: 18%; min-width:250px; float:left; margin: 0 20px 20px 0; border: 1px dashed #d2d2d2; text-align: center; text-decoration: none; }
.dashboard a.shortcut:hover			{ background-color: #f0f0f0; color:#000; border: 1px dashed #c3c3c3; }
.dashboard .shortcut i				{ display:block; margin-bottom: 15px;}

.photo 								{ float: left; position: relative; width: 30%; margin: 3px; text-align: center; height: 190px; background-size: cover; background-position: center center; }
.photo.primary 						{ border:4px solid #64B731; }
.photo .see-picture 				{ position: absolute; top:0; right:0; padding: 5px 10px; background-color: #4C4C4C; color:#fff; }
.photo .delete-picture 				{ position: absolute; bottom:0; right:0; padding: 5px 10px; background-color: #DD0000; color:#fff; }
.photo .make-primary 				{ position: absolute; top:0; left:0; padding: 5px 10px; background-color: #78BC1E; color:#fff; }
.photo .edit-picture 				{ position: absolute; bottom:0; left:0; padding: 5px 10px; background-color: #ec6718; color:#fff; }

table .is_online 					{ color:#FFF; padding: 3px 10px; font-size:15px; display: inline-block; text-align: center; min-width: 88px; }
table .is_online.draft 				{ background-color: #FFA354; }
table .is_online.online 			{ background-color: #64B731; }
table .is_online.offline			{ background-color: #BA1212; }

span.is_online.offline				{ background-color: #BA1212; color:#FFF; padding: 3px 10px; font-size:15px; display: inline-block; text-align: center; min-width: 88px; } 

input#priceRegular 					{ width: 200px; }
input#priceSpecial 					{ width: 200px; }
input#inStock 						{ width: 200px; }
input#code 							{ width: 200px; }
input#weight 						{ width: 200px; }
input#min_purchase 					{ width: 200px; }
input#nb_used_max 					{ width: 200px; }
select#store_currency 				{ width: 200px; }
select#store_province 				{ width: 200px; }
select#store_country 				{ width: 200px; }

ul.tags 							{ margin: 0; padding: 0; }
ul.tags li.tag-mod 					{ cursor: pointer; list-style: none; display: block; padding: 4px 8px; }
ul.tags li.tag-mod:hover 			{ background-color: #DDDDDD; }

#copied 							{ display: none; position: fixed; font-weight: bold; bottom:30px; right:30px; padding: 30px; color:#FFF; background-color: #48BC00; }

.categ_level_1						{  }
.categ_level_2						{ margin-left: 25px; }
.categ_level_3						{ margin-left: 50px; }

.tax 								{ display: block; padding: 20px; border: 1px solid #B7B7B7; margin: 10px 0; }
.tax .tax-name 						{ font-weight: bold; }

.panel h3 							{ color:#ec6718; }

.remove-node 						{ padding: 8px 10px; color:#CC0D00; display: inline-block; cursor: pointer; }

.search 							{ clear: left; }
select.business_hours 				{ width: auto; }

.select-all 						{ font-size:14px; margin-bottom: 3px; cursor: pointer; }
.deselect-all 						{ font-size:14px; margin-bottom: 3px; cursor: pointer; }

.is_master_overwrited 				{ border: 1px solid #F00 !important; }

.filters ul							{ margin: 0; padding: 0; }
.filters ul li 						{ display: inline-block; list-style: none; margin-right: 2px; }
.filters ul li a 					{ padding: 5px 10px; background-color: #494949; color:#FFF; text-decoration: none; }
.filters ul li a:hover 				{ background-color: #212121; }
.filters ul li a.current 			{ background-color: #ec6718; }

#search 							{ margin-top: 20px; }

.selection 							{ margin-bottom: 10px; font-size:14px; }
.selection span 					{ margin-right: 20px; cursor: pointer; }
.counter 							{ float: right; font-size:14px; }

#sortable 							{ list-style-type: none; margin: 0; padding: 0; }
#sortable li 						{ cursor: move; border: 2px solid #CECECE; margin: 3px 3px 3px 0; padding: 1px; }
#sortable li.fantom 				{ border: 2px dotted #878787; height: 35px; }
#sortable p 						{ margin: 6px; }

.member-pos a 						{ float: right; }

/*  ============================================================================
    MEDIAS QUERIES
    ========================================================================== */

/* XXLARGE SCREEN */
@media only screen and (max-width : 1680px) {
	
}

/* XLARGE SCREEN */
@media only screen and (max-width : 1440px) {
	.photo 								{ height: 160px; }
}

/* LARGE SCREEN */
@media only screen and (max-width : 1280px) {
	
}

/* MEDIUM SCREEN */
@media only screen and (max-width : 1024px) {
	.photo 								{ height: 130px; }
}

/* INTER SCALE */
@media only screen and (max-width : 960px) {
	#button-burger  					{ display: block; }
	header nav 							{ display: none; background-color: #373f4a; position: fixed; z-index: 11; top:70px; width: 100%; padding: 30px; height: 100%; min-height: 100%; }
	header nav ul 						{ padding: 0; }
	header nav ul li 					{ display: block; }
	header nav ul li a 					{ display: block; padding: 10px; font-size:24px; line-height: 30px; padding: 10px 0; }
	header nav ul ul 					{ opacity: 1; display: block; visibility: visible; position: relative; }
	
	.photo 								{ height: 130px; }
}

/* SMALL SCREEN */
@media only screen and (max-width : 768px) {
	.panel 								{ overflow-x: scroll; }
	.panel table						{ margin-right: 20px; }
	
	h1 									{ font-size: 30px; line-height: 36px; }
	
	.dashboard a.shortcut				{ width: 48%; min-width: 0; margin: 1%; }
}

/* INTER SCALE */
@media only screen and (max-width : 640px) {	
	.login-form-box 					{ width:90%; top: 5%; left:5%; right: 5%; margin: 0; padding: 20px; }
	
	.order-by 							{ float: none; width: 100%; }
	.headline 							{ float: none; }
	
	.photo 								{ height: 120px; width: 48%; }
}

/* XSMALL SCREEN */
@media only screen and (max-width : 479px) {
	
}