/* ----------- SFC Cart Administration styles V11.1 (day theme) ----------- */
a, a:visited {
	color: var(--links-color);
}
a:hover {
	color: var(--links-color);
}
a:active {
	color: red;
}
.logo {
	content: url(../img/logo.png);
}
.logosmall {
	content: url(../img/logo.png);
}
.UpdatesPanel {
	background-color: #E8F2FF;
	box-shadow: 0px 0px 7px 4px rgb(192 224 278);
	color: black;
}
.good {
	color: #009900; 
	/*text-shadow: 0 0 7px #00ff00;*/
	font-weight: 700;

}
.goodBright {
    color: #00e81d;
    text-shadow: 1px 2px #000000; 
}
.bad {
	color: #ee0000;
	/*text-shadow: 0 0 7px #FF0000;*/
}
.sfc
{
	color: BLACK;
}
.sfcsmall
{
	font-weight: normal;
	font-size: 8px;
	color: BLACK;
}
.flag {
	box-shadow: -3px 3px 4px grey;
}

/* Forms */
INPUT.sfc:focus, INPUT.sfcbig:focus
{
	color: black;
	background-color: #DFC
}
input.brightcyan {
	border-radius: 10px;
	border: 1px solid #04d4fd;
	color: #000000d6;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	padding: 3px 7px !important;
    background: #0cd8fb;
    box-shadow: inset -5px 5px 10px rgb(0 255 208);
}
INPUT.sfcadd, INPUT.sfcbigadd, SELECT.sfcadd, SELECT.sfcbigadd, TEXTAREA.sfcadd, TEXTAREA.sfcbigadd
{
    box-shadow: inset -5px 5px 10px rgb(235 255 247);
    background: #66dce173;
	color: #000000d6;
	border: 1px solid #04f2fdc2;
	border-radius: 10px;
}
INPUT.sfc, INPUT.sfcbig, SELECT.sfc, SELECT.sfcbig, TEXTAREA.sfc, TEXTAREA.sfcbig {
	border: 0;
}
INPUT.sfc, INPUT.sfcbig, SELECT.sfc, SELECT.sfcbig, TEXTAREA.sfc, TEXTAREA.sfcbig, 
INPUT.sfcadd:hover, INPUT.sfcbigadd:hover, SELECT.sfcadd:hover, SELECT.sfcbigadd:hover, TEXTAREA.sfcadd:hover, TEXTAREA.sfcbigadd:hover {
	color: #000220;
	background: rgb(166 209 247);
	box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.5);
}
INPUT.sfcadd:hover, INPUT.sfcbigadd:hover, SELECT.sfcadd:hover, SELECT.sfcbigadd:hover, TEXTAREA.sfcadd:hover, TEXTAREA.sfcbigadd:hover {
	border: 1px solid #04f2fdc2;
	box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.5);
}
INPUT.sfcadd:focus, INPUT.sfcbigadd:focus, SELECT.sfcadd:focus, SELECT.sfcbigadd:focus, TEXTAREA.sfcadd:focus, TEXTAREA.sfcbigadd:focus {
	background: #dfc;
	box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.5);
}
INPUT.sfc::placeholder, INPUT.sfcbig::placeholder, TEXTAREA.sfc::placeholder, TEXTAREA.sfcbig::placeholder
{
	color: #ddd;
}
INPUT.sfc:focus::placeholder, INPUT.sfcbig:focus::placeholder, TEXTAREA.sfc:focus::placeholder, TEXTAREA.sfcbig:focus::placeholder
{
	color: #666;
}
SELECT.sfc:hover, SELECT.sfcbig:hover, TEXTAREA.sfc:hover, TEXTAREA.sfcbig:hover,
SELECT.sfc:focus, SELECT.sfcbig:focus, INPUT.sfc:focus, INPUT.sfcbig:focus, TEXTAREA.sfc:focus, SELECT.TEXTAREA:focus,
SELECT.sfc:focus-visible, SELECT.sfcbig:focus-visible, INPUT.sfc:focus-visible, INPUT.sfcbig:focus-visible, TEXTAREA.sfc:focus-visible, TEXTAREA.sfcbig:focus-visible,
INPUT.sfc:hover, INPUT.sfcbig:hover, SELECT.sfc:hover, SELECT.sfcbig:hover, TEXTAREA.sfc:hover, TEXTAREA.sfcbig:hover
{
	border: 0;
	background-color: #c6e5ff;
	color: #000;
}
SELECT.sfcsmall {
	color: #fff;
	background: rgb(85 87 241);
	padding: 0px 5px !important;
	border-radius: 0;
	border: 1px solid #190067;
	cursor: pointer;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}
INPUT.sfcbig.shipping, SELECT.sfcbig.shipping
{
	border-right: rgb(163, 226, 255) thin solid;
	border-top: rgb(163, 226, 255) thin solid;
	border-left: rgb(221, 254, 255) thin solid;
	border-bottom: rgb(221, 254, 255) thin solid;
	color: black;
	background-color: #d7f1ff;
}
.CustCol1, .CustCol3, .CustCol4 {color:#4a4a4a}
.CustCol2 {color:black}
.sfc-border
{
	background-color: #aabbdd;
}
.sfc-summary {
	font-weight: normal;
	font-size: 14px;
	color: black;
	background-color: #E8F2FF;
}
.sfc-colhdr {
	border:1px solid var(--borders-color);
	border-top: 0;
	border-bottom: 0;
	background-color: var(--colhdrbg);
	color:var(--colhdrtx) ;
}
.sfc-colhdr a:active {
	color: #FF0;
}
.sfc-colhdr a:link, .sfc-colhdr a:visited, .sfc-menu a:visited {
	color:var(--colhdrtx) ;
}
.sfc-colhdr a:hover {
	color: red;
}
.sfc-menu {
	color: black;
	background-color: var(--filtersback-color);
	border-color: var(--borders-color);
	border-radius: 0;
}
.sfc-menu a:link {
	font-weight: bold;
	text-decoration: none;
}
.sfc-menu a:active {
	color: #FF0;
}
.sfc-menu a:hover {
	color: red;
}
.sfc-tblhdr {
	color: black;
	background-color: #E8F2FF;
	border:1px solid #009dc7;
}
.sfc-warning, .success-message {
	color: #ff002b;
	font-weight: bold;
	cursor: hand;
}
INPUT.sfc-warning {
	border-right: #ff002b 1px solid;
	border-top: #ff002b thin solid;
	border-left: #600000 thin solid;
	border-bottom: #600000 thin solid;
	color: #ff002b;
	font-weight: normal;
	cursor: hand;
	background-color: #EEEEFF
}
B.up {
	color: #090;
}
B.down {
	color: #D00;
}
TD.sfc-barchart
{
	font-weight: normal;
	font-size: 16px;
	color: black;
}
.sfc A:link {
	color: #0000aa;
}
.sfc A:visited {
	color: #0000aa;
}
.sfc A:active {
	color: #ffff00;
}
.sfc A:hover {
	color: BLACK;
}
.listings A:link {
	color: #0000aa;
}
.listings A:visited {
	color: #0000aa;
}
.listings A:active {
	color: #ffff00;
}
.listings A:hover {
	color: BLACK;
}
TD.pages {
	font-weight: bold;
	font-size: 12px;
	color: WHITE;
}
.pages A:link {
	color: #0000ff;
	text-decoration: none
}
.pages A:visited {
	color: #0000ff;
	text-decoration: none
}
.pages A:active {
	color: #ff0000;
	text-decoration: none
}
.pages A:hover {
	color: #ff00ff;
	text-decoration: underline
}
.Message {
	font-weight: normal;
	font-size: 10pt;
	color: #c60;
}
i.ushuldno {
	color:#06F;
}
.sfc-footer {font-size:12px;color:#000;text-align:center}
.sfc-footer a:link {color:#006}
.sfc-footer a:hover {color:#f00}
.sfc-footer a:active {color:#ff0}
.sfc-footer a:visited {color:#006}
.sfc-footer a:visited:hover {color:#f00}
A.x {
	color: #F00;
	font-size:12px;
	font-weight: bold;
	text-decoration: none
}
.disabled1
{
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	background-color: #F9F9F9;
}
.disabled2
{
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	background-color: #eee;
}
.disabled1 A:link {
	color: #666666;
	text-decoration: none;
}
.disabled1 A:visited {
	color: #666666;
	text-decoration: none;
}
.disabled2 A:link {
	color: #666666;
	text-decoration: none;
}
.disabled2 A:visited {
	color: #666666;
	text-decoration: none;
}
a.Save, .Save input, a.Send, .Send input, .Send, a.Send:visited {
	background-color: #FFCC33;
	border: 1px solid #FFFF33;
	border-radius: 25px;
	box-shadow: inset -5px 5px 10px rgb(255 255 0);
	color: #990000 !important;
	cursor: hand;
	text-decoration: none;
}
a.Add {
	background-color: var(--titlesbuttonsback-color);
	border-left: #003 thin solid;
	border-bottom: #003 thin solid;
	border-right: #00aaff thin solid;
	border-radius: 25px;
	border-top: #00aaff thin solid;
	color: #ddeeff !important;
	cursor: hand;
	text-decoration: none;
}
a.Add:hover, a.Save:hover, .Save input:hover, a.Send:hover, .Send input:hover, input.Send:hover
{
    background-color: #ff0000;
    border-left: #C09090 thin solid;
    border-bottom: #C09090 thin solid;
    border-right: #00000040 thin solid;
    border-top: #0000004f thin solid;
    color: #ffffff !important;
    text-decoration: none;
}
.sfc-lineitem1
{
	font-weight: normal;
	font-size: 12px;
	color: #000;
	background-color: #e3e8ff;
	text-align:left;
}
.sfc-lineitem1:hover
{
	color: #00f;
	background-color: #FD9;
}
.sfc-lineitem2:hover, .sfc-lineitem1:hover
{
	color: #fff;
	background-color: rgb(0, 0, 0);
}
.sfc-lineitem1:hover a:link
{
	color: #ff0;
}
.sfc-lineitem2:hover a:link
{
	color: #ff0;
}
.sfc-lineitem1:hover a:visited
{
	color: #fa0;
}
.sfc-lineitem2:hover a:visited
{
	color: #fa0;
}
.sfc-lineitem1:hover a:active
{
	color: #f00;
}
.sfc-lineitem2:hover a:active
{
	color: #f00;
}
.sfc-lineitem2
{
	font-weight: normal;
	font-size: 12px;
	color: #000;
	background-color: var(--row2back);
	text-align:left;
}
.sfc-lineitem
{
	color: #000;
	background-color: var(--row1back);
}
.sfc-lineitem:nth-child(odd)
{
	background-color: var(--row2back);
}
.sfc-lineitem:hover
{
	color: var(--links-color);
	background-color: #FD9;
}
.sfc-lineitem:hover a:active
{
	color: #f00;
}
.sfc-lineitem span.SKU {
	color: #333333;
}
.sfc-ordertotals
{
	color: #000;
	background-color: var(--row2back);
}
.sfc-ordertotals:nth-child(odd)
{
	background-color: var(--row1back);
}
.Exchange {
	background-color: var(--exchangeback) !important;
}
.Exchanged {
	background-color: #d7d7d7 !important;
}
.sfc-tab {
	color: #000;
}
.sfc-tab:hover {
	background-color: var(--accent-color);
}
.sfc-tab a, .sfc-tab a:visited {
	color: var(--titlesbuttonsback-color);
}
.sfc-tab a:active {
	color: #f00;
}
.sfc-tab a:hover {
	color: var(--txthover-color);
}
.sfc-tabbed {
	box-shadow: inset -3px 3px 5px rgb(235 240 255 / 50%);
	background-color: var(--titlesbuttonsback-color);
}
.sfc-tabbed a, .sfc-tabbed a:visited, .sfc-tabbed a:hover {
	color: var(--txthover-color);
}

/* REPORT TITLE */
.sfc-title
{
	background: linear-gradient(3deg, rgb(0 16 255) 0%, rgb(10 209 209) 77%);
	color: #eeeeee;
}

.sfc-title a:visited, .sfc-title a:visited {
	color: #ffffff;
}
.sfc-title a:active {
	color: #ffffaa;
}
.sfc-title:hover {
	color: #eeeeee !important;
}
.sfc-title a:hover {
	color: #0f0;
}

/* REPORT FILTER */
.sfc-filter {
	border:1px solid var(--borders-color);
	background-color: var(--filtersback-color);
}
.sfc-filter A:link {
	color: #000;
	text-decoration: none
}
.sfc-filter A:visited {
	color: #000;
	text-decoration: none
}
.sfc-filter A:active {
	color: #000;
	text-decoration: none
}
.sfc-filter A:hover {
	color: var(--links-color);
	text-decoration: underline
}
.sfc-headline {
	color: black;
}
.filtermenu ul {
	background: var(--filtersback-color);
}
.filtermenu ul li a,.filtermenu ul li a:visited {
	color: var(--links-color);
}
.BigTitle {
	background: linear-gradient(3deg, rgba(0,183,255,1) 0%, rgba(0,102,204,1) 77%) !important;
}

/* date picker */
.ui-widget.ui-widget-content
{
    background: var(--filtersback-color);
}
.ui-widget-header {
	background: none !important;
	border: 0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default {
	color: var(--links-color) !important;
	padding-right: 8px !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	background: rgb(85 87 241) !important;
	color: #fff !important;
	font-weight: bold !important;
}

/* REPORT ROWS */
.sfc-row {
	color: #000;
	background-color: #F9F9F9;
	border-color: var(--borders-color);
}
.sfc-row:nth-child(even) {
	background-color: #eee;
}
.sfc-row:hover {
	color: var(--links-color);
	background-color: #FD9;
}
.sfc-row:nth-child(even):hover {
	background-color: #FC6;
}

.sfc-row1 {
	color: #000;
	background-color: #F9F9F9;
	border:1px solid var(--borders-color);
}
.filters {
	color:black;
}
#Report, .Report {
	border:1px solid var(--borders-color);
}
#Report tr:hover, .Report tr:hover {
	background-color: #FD9;
	color: var(--links-color);
}
#Report th, .Report th td {
	background-color: var(--filtersback-color);
	color: black;
}
/*
#Report tr, .Report tr td {
	background-color: #F9F9F9;
	color: #000;
}
#Report tr:nth-child(even), .Report tr:nth-child(even) {
	background-color: #f6f6f6;
}
#Report tr:nth-child(odd), .Report tr:nth-child(odd) {
	background-color: #eee;
}*/
#Report tr:nth-child(odd):hover, .Report tr:nth-child(odd):hover {
	background-color: #FC6;
	color: var(--links-color);
}
.ReportTotals {
	background-color: #d7f0ff !important;
}
.ListView li:last-child {
	border-bottom:1px;
}
.FullPageMenu li, .ListView li, .OrdersView li, .ProductSelector li {
	color: #000;
	background-color: #F9F9F9;
}
.FullPageMenu li:nth-child(odd):hover, .ListView li:nth-child(odd):hover, .OrdersView li:nth-child(odd):hover, .ProductSelector li:nth-child(odd):hover {
	color: var(--links-color);
	background-color: #FC6;
}
.FullPageMenu li:nth-child(odd), .ListView li:nth-child(odd), .OrdersView li:nth-child(odd), .ProductSelector li:nth-child(odd) {
	color: #000;
	background-color: #eee;
}
ul.FullPageMenu {
	border-left: 1px solid var(--borders-color);
	border-right: 1px solid var(--borders-color);
	border-bottom: 1px solid var(--borders-color);
	border-radius: 0 0 10px 10px;
}
ul.OrdersView {
	border:1px solid var(--borders-color);
}
.sfc-row1:hover {
	color: var(--links-color);
	background-color: #FD9;
}
.sfc-row1 a:link, li a:link {
	font-weight: normal;
	color: var(--links-color);
	text-decoration: none
}
.sfc-row1 a:visited, li a:visited {
	color: var(--links-color);
	text-decoration: none
}
.sfc-row1 a:active, li a:active {
	color: #ffff00;
	text-decoration: none
}
.sfc-row1 a:hover, li a:hover {
	color: BLACK;
}
.sfc-row1s {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	background-color: #F9F9F9;
	text-align:left;
}
.sfc-row2 {
	color: #000;
	background-color: #eee;
	border:1px solid var(--borders-color);
}
.sfc-row2:hover {
	background-color: #FC6;
	color: #004;
}

ul>li:first-child:hover, .hover-effect {
	background-color: #FC6 !important;
	color: var(--links-color);
	border-radius: 10px 10px 0 0;
}
ul>li:hover {
	background-color: #FC6;
    color: var(--links-color);
}
ul>li:last-of-type:hover {
	border-radius: 0 0 10px 10px;
}
ul>li:only-child:hover {
	border-radius: 10px 10px 10px 10px;
}
.sfc-row2:nth-child(even):hover {
	background-color: #FC6;
	color: var(--links-color);
}
.sfc-row2 a:link, li a:link {
	font-weight: normal;
	color: var(--links-color);
	text-decoration: none
}
.sfc-row2 a:visited, li a:visited {
	color: var(--links-color);
	text-decoration: none
}
.sfc-row2 a:active, li a:active {
	color: #ffff00;
	text-decoration: none
}
.sfc-row2 a:hover, li a:hover {
	color: BLACK;
}
.sfc-row2s {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	background-color: #eee;
	text-align:left;
}
.sfc-row3 {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	background-color: #ddd;
	text-align:left;
	border:1px solid var(--borders-color);
	border-top-width: 0px;
	border-bottom-width: 0px;
	margin: auto;
	box-sizing: border-box;
	padding: 2px;
	line-height: 24px;
}
.sfc-row3:hover {
	color: #00f;
	background-color: #FD9;
}
.sfc-row3 A:link {
	font-weight: normal;
	color: #0000aa;
	text-decoration: none
}
.sfc-row3 A:visited {
	color: #0000aa;
	text-decoration: none
}
.sfc-row3 A:active {
	color: #ffff00;
	text-decoration: none
}
.sfc-row3 A:hover {
	color:black;
	text-decoration: underline
}

/**************** Sales Reports Menu *********************/
.bar1, .bar2, .bar3 {
	background-color: #333;
}

/* REPORT TOTALS */
.sfc-totals {
	border:1px solid var(--borders-color);
	border-top-width: 0px;
	background-color: #90c0f0;
	color:black;
}
 /* The Modal (background) */
 .modal {
	background-color: rgba(0, 0, 0, 0.8); /* black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
	background-color: rgba(255, 255, 255, 0.7); /* white w/ opacity */
	border: 1px solid #888;
	color: black;
}
.modalbox-content {
	background-color: var(--panelback);; /* white w/ opacity */
	border: 1px solid #2196f3;
}

.summary {
	background-color: #f2fbff;
}
.rTableSummary	{
	border-top-width: 0px;
	color:black;
}
.rTableHeadline	{
	border-bottom-width: 0px;
	color:black;
}
.Access {
	color: #111;
}
#PieBox {
	background-color: #eee;
	border: 1px solid #64b3ff;
	color:black;
}
#PieBigBox {
	background-color: #eee;
	border: 1px solid #64b3ff;
	color:black;
}
.FilterBox {
	background-color: var(--headersfooters-color);
	border:1px solid var(--borders-color);
	color:black;
}
.Loading {
	font-family: 'Work Sans', sans-serif;
	color: #0000ff;
	text-align: center;
}
.MenuValue {
	color: #003a3a;
	border: 1px solid #04d4fd;
	background: var(--filterunset-color);
}
.MenuValue:hover {
	/*background: rgb(85 87 241);*/
	border: 1px solid #190067;
	color: #f9f9f9;
}
.TransactionResponse {
	border: 4px solid #01bd01;
	background-color: #eee;
	color: #000000;
}
.Warning {
	background-color: #eee;
	border: 2px solid #FF0000;
	box-shadow: 1px 1px 13px 3px rgb(255 0 0 / 12%);
	color: #000000;
}
#UserPanel {
	color:black;
}
.Clock
{
	font-weight: normal;
	font-size: 10pt;
	color:black;
	font-family: tahoma, arial;
	background-color: #fff;
	border-style: none
}
.agentstatus1>.sfc-row {
	background-color: #ccc;
	border-bottom:0;
	border-top:0;
}
.dibs {
	color:#3690ff;
}
nav li {
	background-color: #00b2ff;
}
nav li a:hover {color:red}
.Section {
	background: linear-gradient(3deg, rgb(0 16 255) 0%, rgb(10 209 209) 77%);
}
.sfc-subtableheader {
	background-color: #adadad;
	color: white;
}
.progressBarGood {
	border: 1px solid #000;
	background-color: #000;
}
.progressBarBad {
	border: 1px solid #000;
	background-color: #000;
}
.time {
	color:blue;
}
.sfc-paging {
	color: #111;
	border:1px solid var(--borders-color);
	border-top: 0;
	background-color: #fff;
}
.ReportFooter {
	background-color: var(--headersfooters-color);
	border:1px solid var(--borders-color);
	color: #000;
	box-sizing: border-box;
	border-top:0;
}
footer {
	color:black;
}
.overlay {
	background: white;
}
.Notes, .Notes .time {
	background-color: unset !important;
	color: #666 !important;
}
@-webkit-keyframes glowing {
	from {
		box-shadow: 0 0 1px #fff, 0 0 4px #ffbc03, 0 0 6px #ffd620, 0 0 8px #e6e200, 0 0 10px #f8f540, 0 0 12px #fffec0, 0 0 14px #fffed6;
	}
	to {
		box-shadow: 0 0 4px #fff, 0 0 5px #ff7403, 0 0 6px #ff8724, 0 0 7px #ff9d4d, 0 0 8px #fcbf8d, 0 0 9px #fad8bc, 0 0 10px #fdeddf;
	}
}
@keyframes glowing {
	from {
		box-shadow: 0 0 1px #fff, 0 0 4px #ffbc03, 0 0 6px #ffd620, 0 0 8px #e6e200, 0 0 10px #f8f540, 0 0 12px #fffec0, 0 0 14px #fffed6;
	}
	to {
		box-shadow: 0 0 4px #fff, 0 0 5px #ff7403, 0 0 6px #ff8724, 0 0 7px #ff9d4d, 0 0 8px #fcbf8d, 0 0 9px #fad8bc, 0 0 10px #fdeddf;
	}
}
.Leaderboard {
	background-color: var(--row1back);
	border: 1px solid var(--borders-color);
	border-bottom: 0;
	border-top: 1px solid #ddd;
	color: #121;
}
#Report tr.Selected {
	background-color: rgba(43, 255, 0, 0.336);
}

/* AJAX */
@keyframes flashBackground {
	0% { background-color: #ffffff; }
	50% { background-color: rgb(0, 255, 213); } /* Flash color */
	100% { background-color: #ffffff; }
}

.status-Pending, .status-Declined {color:#888}
.status-Refunded {color:#640000}
.selected {background-color: #FC6;}
.selected a {color:#000d46 !important}
.ButtonSelected:hover {
	background-color: #ffd900 !important;
	border: 1px solid #fffbe2 !important;
	color: #121;
}
#tips {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	border-radius: 10px;
}
#transtype {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: rgb(166 209 247) url("data:image/svg+xml;utf8,<svg fill='white' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 10px center/16px 16px;
	padding-right: 32px;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.5);
}