/* Specifics for admin sites */

#content a:not(.button):hover,.flashes a:not(.button):hover
{
	text-decoration:none;
}

.searchContainer
{
	white-space:nowrap;
}

#header .searchContainer > input.search,#navigation .searchContainer > input.search,#content .searchContainer > input.search,#footer .searchContainer > input.search
{
	border-top-right-radius:0px !important;
	border-bottom-right-radius:0px !important;
	width:150px;
}

.searchContainer > button.reset
{
	border-top-left-radius:0px !important;
	border-bottom-left-radius:0px !important;
	border-left:none !important;
}

.userStatusIcon
{
	vertical-align:baseline;
}

/* Flashes */

.flash.normal
{
	background-color:#fbf4a1;
	color:black;
}

.flashes .flash
{
	padding-left:10px !important;
	font-weight:400;
}
	
.flashes .flash
{
	border-bottom:1px solid rgba(0,0,0,0.12);
}

/* Container */

#container
{
	display:flex;
	flex-direction:column;
	height:100%;
}

/* Header */

#header
{
	flex-shrink:0;
	padding:15px 30px 5px 30px;
	min-height:35px;
}

#header .logo
{
	float:right;
	margin:0px 0px 5px 30px;
}

/* Event log */

#eventLog
{
	clear:both;
	margin:0px -30px;
	padding:10px 30px 5px 30px;
}

#eventLog p
{
	margin-bottom:5px;
}

#eventLog p:last-child
{
	margin-bottom:0px;
}

/* Body */

#body
{
	flex-grow:1;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
}

/* Footer */

#footer
{
	flex-shrink:0;
	padding:15px 30px;
	font-size:9pt;
}

#footer .userName,#footer .userStatus
{
	margin-right:10px;
}

#footer .cwcmsLogin
{
	float:right;
	margin-left:20px;
}

#footer .toTop
{
	float:left;
	margin-right:10px;
}

/* Content */

#content
{
	padding:20px 30px 0px 30px;
}

#content .fullWidth
{
	margin:0px -30px 20px -30px;
}

#content .fullWidth.boxes
{
	padding:20px 0px 0px 30px;
}

#content table.fullWidth tr:not(.subRow) th:not(.subRow):first-child,#content table.fullWidth tr:not(.subRow) td:not(.subRow):first-child,#content table.fullWidth tr:not(.subRow) th:not(.subRow).firstChild,#content table.fullWidth tr:not(.subRow) td:not(.subRow).firstChild
{
	padding-left:30px;
}

#content table.fullWidth tr:not(.subRow) th:not(.subRow):last-child,#content table.fullWidth tr:not(.subRow) td:not(.subRow):last-child,#content table.fullWidth tr:not(.subRow) th:not(.subRow).lastChild,#content table.fullWidth tr:not(.subRow) td:not(.subRow).lastChild
{
	padding-right:30px;
}

.boxes:not(.tight) .box.top,.boxes:not(.tight) .box.middle,.boxes:not(.tight) .box.baseline,.boxes:not(.tight) .box.bottom
{
	margin:0px 30px 20px 0px;
}

.boxes.tight:not(.very) .box.top,.boxes.tight:not(.very) .box.middle,.boxes.tight:not(.very) .box.baseline,.boxes.tight:not(.very) .box.bottom
{
	margin:0px 10px 10px 0px;
}

.boxes.tight.very .box.top,.boxes.tight.very .box.middle,.boxes.tight.very .box.baseline,.boxes.tight.very .box.bottom
{
	margin:0px 5px 5px 0px;
}

.box.panel
{
	padding:15px 20px;
}

table.sortable tbody tr
{
	background-color:white;
}

.box.panel > table.sortable th:first-child,.box.panel > table.sortable td:first-child
{
	padding-left:5px !important;
}

.box.panel > table.sortable th:last-child,.box.panel > table.sortable td:last-child
{
	padding-right:5px !important;
}

table.sortable tbody tr.ui-sortable-placeholder
{
	visibility:visible !important;
	background-color:black;
	opacity:0.1;
}

table.sortable tbody tr.ui-sortable-helper
{
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.15);
}

table.sortable tbody tr.ui-sortable-helper td
{
	border:none;
}

.handleContainer
{
	cursor:all-scroll;
}

.handleContainer .handle
{
	padding-right:10px;
	font-size:16pt;
}

.deleteContainer
{
	text-align:right;
}

.deleteContainer .delete
{
	cursor:pointer;
	margin-top:-5px;
	font-size:20pt;
}

table > tbody > tr > td.deleted
{
	opacity:0.5;
}

.ui-autocomplete
{
	max-height:200px;
	overflow-y:auto;
	overflow-x:hidden;
}

.rule
{
	margin:20px -30px;
}

th .rule,td .rule
{
	margin:10px 0px;
}

.panel
{
	padding:15px 15px 0px 15px;
}

.floatLeft
{
	margin:0px 30px 10px 0px;
}

.floatRight
{
	margin:0px 0px 10px 30px;
}

.passwordReminder
{
	font-family:monospace;
	font-size:150%;
}

/* Colours */

body.default
{
	background-color:white;
	color:black;
}

#content a:not(.button):not(.lightbox):not(.icon),#content a.iframe,.flashes a
{
	border-bottom:1px dotted black;
}

#content a:not(.button):not(.lightbox):not(.icon):hover,#content a.iframe:hover,.flashes a:hover
{
	border-bottom:1px solid #666666;
}

#content .light a:not(.button):not(.lightbox):not(.icon),#content .light a.iframe,a.light
{
	border-bottom:1px dotted #666666;
}

#content .lighter a:not(.button):not(.lightbox):not(.icon),#content .lighter a.iframe,a.lighter
{
	border-bottom:1px dotted #888888;
}

a,#header
{
	color:black;
}

a:hover
{
	color:#666666;
}

th,#footer,#footer a:not(.button),.handleContainer .handle,.deleteContainer .delete
{
	color:#999999;
}

tr.sticky th
{
	background-color:white;
}

#content table:not(.form) thead:not(.notSticky) th,#content table:not(.form) thead:not(.notSticky) td,#content table:not(.form) tfoot:not(.notSticky) th,#content table:not(.form) tfoot:not(.notSticky) td,tr.sticky th
{
	position:-webkit-sticky;
	position:-moz-sticky;
	position:-ms-sticky;
	position:-o-sticky;
	position:sticky;
	z-index:1000;
}

#content table:not(.form) thead:not(.notSticky) th,#content table:not(.form) thead:not(.notSticky) td,tr.sticky th
{
	top:0px;
}

#content table:not(.form) tfoot:not(.notSticky) th,#content table:not(.form) tfoot:not(.notSticky) td
{
	bottom:0px;
}

#content table:not(.fullWidth) tr.neutral:not(.subRow) th:not(.subRow):first-child,#content table:not(.fullWidth) tr.positive:not(.subRow) th:not(.subRow):first-child,#content table:not(.fullWidth) tr.negative:not(.subRow) th:not(.subRow):first-child,#content table:not(.fullWidth) tr.neutral:not(.subRow) td:not(.subRow):first-child,#content table:not(.fullWidth) tr.positive:not(.subRow) td:not(.subRow):first-child,#content table:not(.fullWidth) tr.negative:not(.subRow) td:not(.subRow):first-child
{
	padding-left:10px;
}

#content table:not(.fullWidth) tr.neutral:not(.subRow) th:not(.subRow):last-child,#content table:not(.fullWidth) tr.positive:not(.subRow) th:not(.subRow):last-child,#content table:not(.fullWidth) tr.negative:not(.subRow) th:not(.subRow):last-child,#content table:not(.fullWidth) tr.neutral:not(.subRow) td:not(.subRow):last-child,#content table:not(.fullWidth) tr.positive:not(.subRow) td:not(.subRow):last-child,#content table:not(.fullWidth) tr.negative:not(.subRow) td:not(.subRow):last-child
{
	padding-right:10px;
}

div.checkboxes.buttonised div.checkbox.checked,div.checkbox.buttonised.checked
{
	border-color:rgba(0,0,0,0.1);
	box-shadow:0px 0px 4px 2px rgba(0,0,0,0.25);
}

#content table.form label:not(.checkbox),#content p label,#content table:not(.form) label:not(.checkbox)
{
	color:rgb(0,0,0,0.5);
}

.light
{
	opacity:0.7;
}

.lighter
{
	opacity:0.5;
}

.cross:not(.positive):not(.negative)
{
	color:rgba(0,0,0,0.25);
}

.chat.initiator > .message.responder > .content,.chat.responder > .message.initiator > .content
{
	border:1px solid #a8a8a8;
}

.chat.initiator > .message.initiator > .content,.chat.responder > .message.responder > .content
{
	border:1px solid #dfdfdf;
}

label.required,tr.required label,td.required label
{
	color:rgb(0,0,0,0.7) !important;
	font-weight:400;
}

input:read-only,textarea:read-only
{
	background-color:#eeeeee !important;
}

#header
{
	border-bottom:1px solid #dddddd;
}

#eventLog,#footer
{
	border-top:1px solid #dddddd;
}

#header,#footer
{
	background-color:#eeeeee;
}

#header,#footer,.stickToHeader
{
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.15);
}

.stickToFooter
{
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.15);
}

.stickToHeader,.stickToFooter
{
	position:-webkit-sticky;
	position:-moz-sticky;
	position:-ms-sticky;
	position:-o-sticky;
	position:sticky;
	z-index:1000;
	background-color:white;
}

.stickToHeader
{
	top:0px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	margin:-20px -30px 20px -30px;
	padding:20px 30px 0px 30px;
}

.stickToFooter
{
	bottom:0px;
	border-top:1px solid rgba(0,0,0,0.1);
	margin:20px -30px 0px -30px;
	padding:20px 30px 10px 30px;
}

.navigation li.active > a
{
	font-weight:400;
}

.navigation > ul > li > ul
{
	background-color:#f6f6f6;
	border:1px solid #dddddd;
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.15);
}

.rule
{
	border-top:1px solid rgba(0,0,0,0.1);
}

.panel
{
	background-color:rgba(0,0,0,0.02);
	border-radius:5px;
	border:1px solid rgba(0,0,0,0.1);
}

.flashes .button,div.checkboxes.buttonised div.checkbox,div.checkbox.buttonised,#header button,#header .button,#content button,#content .button,#footer button,#footer .button
{
	border:1px solid rgba(0,0,0,0.15);
	color:black;
}

.flashes .button,#header button,#header .button,#content button,#content .button,#footer button,#footer .button
{
	background-color:rgba(0,0,0,0.08);
}

.flashes .button:hover,div.checkboxes.buttonised div.checkbox:hover,div.checkbox.buttonised:hover,#navigation input:hover:not(:disabled),#navigation input.text:hover:not(:read-only),#navigation input.search:hover,#navigation textarea.text:hover:not(:read-only),#navigation select:hover:not(:disabled),#navigation button:hover:not(:disabled),#navigation .button:hover,#content input:hover:not(:disabled),#content input.text:hover:not(:read-only),#content input.search:hover,#content textarea.text:hover:not(:read-only),#content select:hover:not(:disabled),#content button:hover:not(:disabled),#content .button:hover,#content .listBox .item:hover,#content .cwcmsEditor.embedded:hover,#footer input:hover:not(:disabled),#footer input.text:hover:not(:read-only),#footer input.search:hover,#footer textarea.text:hover:not(:read-only),#footer select:hover:not(:disabled),#footer button:hover:not(:disabled),#footer .button:hover
{
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.25);
}

.flashes .button:hover,div.checkboxes.buttonised div.checkbox.checked,div.checkbox.buttonised.checked,#header button:not(:disabled):hover,#header .button:hover,#content button:not(:disabled):hover,#content .button:hover,#footer button:not(:disabled):hover,#footer .button:hover
{
	background-color:rgba(0,0,0,0.055);
	border:1px solid rgba(0,0,0,0.1);
}

#content input.text,#content input.search,#content textarea.text,#content .listBox,#content .cwcmsEditor.embedded
{
	background-color:white;
	border:1px solid rgba(0,0,0,0.15);
}

#content table:not(.form)
{
	box-shadow:0px -1px 0px rgba(0,0,0,0.1);
}

#content table tr:not(.noBorder) th:not(.noBorder,.invisible,.semiInvisible),#content table tr:not(.noBorder) td:not(.noBorder,.invisible,.semiInvisible),#content table tr.noBorder th.border:not(.invisible,.semiInvisible),#content table tr.noBorder td.border:not(.invisible,.semiInvisible),#content .listBox .item:not(:last-child)
{
	box-shadow:inset 0px -1px 0px rgba(0,0,0,0.1);
}

#content table tr:not(.noBorder) th.invisible:not(.noBorder),#content table tr:not(.noBorder) td.invisible:not(.noBorder),#content table tr.noBorder th.border.invisible,#content table tr.noBorder td.border.invisible
{
	box-shadow:inset 0px -1px 0px rgba(0,0,0,0.35);
}

#content table tr:not(.noBorder) th.semiInvisible:not(.noBorder),#content table tr:not(.noBorder) td.semiInvisible:not(.noBorder),#content table tr.noBorder th.border.semiInvisible,#content table tr.noBorder td.border.semiInvisible
{
	box-shadow:inset 0px -1px 0px rgba(0,0,0,0.2);
}

#content .fullWidth thead th,#content .fullWidth thead td,#content .fullWidth tbody.thead td,#content .fullWidth tfoot th,#content .fullWidth tfoot td,#content .fullWidth tbody.tfoot td,th.tfoot,td.tfoot,#content .listBox .item:hover
{
	background-color:#eeeeee;
}

input.required,textarea.required,tr.required input.text,td.required input.text,tr.required textarea.text,td.required textarea.text,tr.required .cwcmsEditor.embedded,td.required .cwcmsEditor.embedded
{
	border-color:rgba(0,0,0,0.7) !important;
}

input.text[readonly],textarea.text[readonly]
{
	background-color:#eeeeee !important;
}

.progressBar
{
	background-image:linear-gradient(rgba(0,0,0,0.12),rgba(0,0,0,0.12));
	background-repeat:repeat-y;
	border:1px solid rgba(0,0,0,0.22);
}

img.paymentMethod
{
	border-radius:1px;
	border:1px solid rgba(0,0,0,0.15);
	vertical-align:middle;
}

/* Admin home page */

#adminHomePage .icon
{
	display:block;
	width:120px;
	margin-top:30px;
	margin-right:40px;
	text-align:center;
	font-size:13pt;
}

#adminHomePage .icon .alertsCountContainer
{
	position:relative;
	margin-top:-12px;
	margin-bottom:-10px;
	width:135px;
	text-align:right;
}

#adminHomePage .icon .alertsCountContainer .alertsCount
{
	padding:1px 7px 2px 7px;
	border-radius:20px;
	border:1px solid rgba(0,0,0,0.12);
	box-shadow:1px 1px 2px rgba(0,0,0,0.25);
	font-size:14pt;
	font-weight:400;
	background-color:red;
	color:white;
}

/* Chats and e-commerce Orders, Items and Back-orders pages */

#chatsPage .chatStatus,#ecommerceBackOrdersPage .backOrderStatus,#ecommerceItemsPage .itemStatus,#ecommerceOrdersPage .orderStatus,#ecommerceReturnsPage .returnStatus
{
	padding:3px 4px;
	border-radius:3px;
	border:1px solid rgba(0,0,0,0.15);
	margin-right:3px;
	font-size:10pt;
}

#chatsPage .chatStatus div.checkbox,#chatsPage .chatStatus div.checkbox label.checkbox,#ecommerceBackOrdersPage .backOrderStatus div.checkbox,#ecommerceBackOrdersPage .backOrderStatus div.checkbox label.checkbox,#ecommerceItemsPage .itemStatus div.checkbox,#ecommerceItemsPage .itemStatus div.checkbox label.checkbox,#ecommerceOrdersPage .orderStatus div.checkbox,#ecommerceOrdersPage .orderStatus div.checkbox label.checkbox,#ecommerceReturnsPage .returnStatus div.checkbox,#ecommerceReturnsPage .returnStatus div.checkbox label.checkbox
{
	line-height:10pt;
}

@keyframes blinkButton
{
	50%
	{
		background-color:grey;
	}
}

#chatsPage #chatRespond .activityIndicator
{
	animation:1s blinkButton infinite;
}

#ecommerceBackOrdersPage .orderStatus,#chatsPage .orderStatus,#ecommerceItemsPage .backOrderStatus,#ecommerceItemsPage .orderStatus,#ecommerceMembersPage .orderStatus,#ecommerceOrdersPage .backOrderStatus,#ecommercePicksPage .orderStatus,#ecommercePacksPage .orderStatus,#ecommerceReturnsPage .orderStatus,#ecommerceShipsPage .orderStatus
{
	color:black;
	display:inline-block;
	border-radius:3px;
	border:1px solid rgba(0,0,0,0.15);
	margin-top:5px;
	padding:0px 4px 1px 4px;
	text-align:center;
	font-size:10pt;
}

#ecommerceOrdersPage #adyenContent
{
	padding:0px 30px;
}

#ecommerceOrdersPage #adyenDropinContainer
{
	width:490px;
}