body, html {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	background-color: #fff;
	min-height: 100%;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

table td {
	padding: 0;
}

a,
a:visited,
.gwt-Anchor,
.gwt-Anchor:visited {
	text-decoration: none;
	color: #04a2ca;
	cursor: pointer;
	transition: color .1s linear;
}

a:hover,
.gwt-Anchor:hover {
	color: #006995;
}

a:active,
.gwt-Anchor:active {
	color: #54bfd6;
}

.normalized .form-control {
	display: table;
}

/* Main Ecwid popups */
.ecwid-popup {
	background-color: #fff;
	width: 380px;
	border-radius: 3px;
}

.ecwid-overlay {
	background-color: #000;
	opacity: .6;
}

.ecwid-popup .ecwid-SpacerImage {
	width: 10px !important;
	height: 10px !important;
}

/* The close button in the right upper corner of Ecwid popup */
.ecwid-popup-closeButton {
	cursor: pointer;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' d='M15.6,15.5c-0.53,0.53-1.38,0.53-1.91,0L8.05,9.87L2.31,15.6c-0.53,0.53-1.38,0.53-1.91,0c-0.53-0.53-0.53-1.38,0-1.9l5.65-5.64L0.4,2.4c-0.53-0.53-0.53-1.38,0-1.91c0.53-0.53,1.38-0.53,1.91,0l5.64,5.63l5.74-5.73c0.53-0.53,1.38-0.53,1.91,0c0.53,0.53,0.53,1.38,0,1.91L9.94,7.94l5.66,5.65C16.12,14.12,16.12,14.97,15.6,15.5z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
	background-size: contain;
	border: none;
	width: 16px;
	height: 16px;
	margin: 15px 15px 0 0;
	padding: 0;
	opacity: .3;
}

.ecwid-popup-closeButton:hover {
	opacity: .8;
}

.ecwid-popup-container,
.ecwid-popup-contentPanel,
.ecwid-fieldEnvelope {
	width: 100%;
}

.ecwid-popup-headLabel {
	font-size: 22px;
	margin: -24px 0 12px;
}

.ecwid-MessageBox-paidFeature-panel {
	background-color: #000;
	opacity: .7;
}

.ecwid-MessageBox-paidFeature .ecwid-MessageBox-msg {
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 180%;
	padding: 20px 50px 10px 0;
	width: 384px;
}

.ControlPanel {
	width: 100%;
}

.header {
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #ccc;
}

.header > tbody > tr:last-child {
	display: none;
}

.header > tbody > tr > td > table {
	width: 100%;
}

.header > tbody > tr > td > table > tbody > tr > td:nth-child(2) {
	width: 100%;
}

.header-logo {
	display: block;
	width: 44px;
	height: 44px;
	margin: 13px 20px;
	background: url(icons/ecwid-logo.svg) 0 0 no-repeat;
	background-size: contain;
}

.header-StoreName {
	font-size: 22px;
	line-height: 68px;
	font-weight: 600;
	white-space: nowrap;
}

.header-text {
	font-weight: normal;
	font-size: 14px;
	color: #999;
	white-space: nowrap;
}

.header-externalLinks {
	width: auto;
	font-size: 14px;
	margin: 10px 20px;
	white-space: nowrap;
}

.header-externalLinks a {
	padding-left: 20px;
}

.header-login {
	float: right;
	margin-right: 20px;
}

.header-login a {
	display: block;
	padding-left: 20px;
	font-size: 14px;
}

.footer {
	border-top: 1px solid #ccc;
	width: 100%;
	height: 50px;
	font-size: 12px;
	color: #999;
	line-height: 50px;
}

.footer-text {
	font-weight: normal;
	padding-left: 20px;
}

.footer .gwt-Anchor {
	padding-left: 20px;
}

.table {
	border-collapse: collapse;
}

.tableOdd td,
.tableEven td {
	border-top: 1px solid #ccc;
}

.tableOdd td td,
.tableEven td td {
	border: none;
}

.tableHeader td {
	font-size: 14px;
	height: 32px;
	padding: 3px;
}

.tableHeader td td {
	border: none;
	padding: 0;
}

.table .cell {
	padding: 5px;
}

.tableHeader {
	background-color: #92a8b1;
	color: #fff;
	text-align: center;
}

.tableSubheader td {
	text-align: center;
	padding: 12px 5px;
}

.tableSubheader {
	background-color: #eaf3fa;
	font-size: 12px;
	font-weight: 600;
	color: #224466;
}

.table td:first-child {
	padding-left: 10px;
}

.table td:last-child {
	padding-right: 10px;
}

.table-positioner {
	z-index: 1;
	margin-top: -2px;
	height: 6px;
	background: transparent url(icons/del_hor.gif) no-repeat left;
}

.table-positioner div {
	z-index: 1;
	margin: 0;
	height: 6px;
	width: 100%;
	background: transparent url(icons/del_hor.gif) no-repeat right;
}

.table .dragdrop-selected, .table .dragdrop-dragging, .table .dragdrop-proxy {
	opacity: 1;
}

.content-panel {
	padding: 20px;
	min-height: calc(100vh - 122px);
	box-sizing: border-box;
}

.content-panel table {
	width: 100%;
}

.PagingBar {
	background-color: #eaf3fa;
	padding: 10px;
}

.PagingBar table {
	width: auto;
}

.PagingBar td {
	white-space: nowrap;
}

.PagingBar-text {
	font-size: 12px;
	color: #333;
	padding-right: 6px;
	line-height: 30px;
}

.PagingBar .gwt-Anchor {
	font-size: 12px;
	line-height: 30px;
}

.PagingBar-text-number {
	font-weight: bold;
	color: #333;
}

.PagingBar .gwt-Anchor-disabled {
	cursor: default;
	color: #999;
	text-decoration: none;
}

.PagingBar-PageTextBox {
	width: 25px;
	margin: 0 3px;
	padding: 4px;
	text-align: center;
}

.Title {
	font-size: 30px;
}

.Title .backend-EcwidTip {
	display: inline;
}

/* Form popups */
.ecwid-popup-content {
	padding: 5px 20px 20px 20px;
}

.ecwid-FormPopup-fieldWrapper-space {
	margin-top: 10px;
}

/* Ecwid forms */
.ecwid-note {
	font-size: 11px;
	color: #1e2c38;
	display: block;
	text-align: right;
}

.fieldLabel,
.ecwid-fieldLabel {
	font-size: 12px;
	color: #999;
	display: block;
	margin-bottom: 2px;
}

.ecwid-fieldWrapper {
	padding-bottom: 2px;
}

/* Field envelope to display error messages */
.ecwid-fieldEnvelope-label {
	padding-top: 4px;
	font-size: 12px;
	color: #b80000;
}

.ecwid-fieldEnvelope-around,
.backend-MyEcwidCom-SigninBlock .btn {
	width: 100%;
}

.ecwid-fieldEnvelope-error .ecwid-fieldEnvelope-around {
	color: #b80000;
}

/* The message box popup */
.ecwid-MessageBox {
	background-color: #fff;
	z-index: 1001;
	border-radius: 3px;
}

.ecwid-MessageBox-msg {
	font-size: 15px;
	color: #333;
	width: 360px;
	padding: 0 50px 0 30px;
	overflow: hidden;
	text-align: justify;
}

.ecwid-MessageBox-msg-info {
	background: transparent url(icons/msg_info.gif) no-repeat 0 0;
	margin-left: 30px;
	width: 33px;
	height: 33px;
}

.ecwid-MessageBox-msg-question {
	background: transparent url(icons/msg_quest.gif) no-repeat 0 0;
	margin-left: 30px;
	width: 33px;
	height: 33px;
}

.ecwid-MessageBox-msg-warning {
	background: transparent url(icons/msg_warning.gif) no-repeat 0 0;
	margin-left: 30px;
	width: 33px;
	height: 33px;
}

.ecwid-MessageBox-msg-error {
	background: transparent url(icons/msg_error.gif) no-repeat 0 0;
	margin-left: 30px;
	width: 33px;
	height: 33px;
}

.summary-first-column {
	text-align: left;
}

.summary-second-column {
	text-align: right;
}

/* The box to choose a range of dates */
.ecwid-DateRangeBox {
	border: solid 1px #eee;
	border-collapse: collapse
}
.ecwid-DateRangeBox-range {
	font-size: 14px;
	color: #333;
	padding: 3px 6px;
	width: 100%;
}
td.ecwid-DateRangeBox-range-disabled{
    background-color: #eeeeee;
    cursor: not-allowed;
}
.ecwid-DateRangeBox-icon {
	border-left: solid 1px #eee;
	background: #f7f7f7 url(icons/arrow-south.gif) no-repeat center center;
	width: 20px;
}

/* The popup window to choose a range of dates in a date range box */
.ecwid-DateRangePopup {
	background-color: #f7f7f7;
	border: solid 1px #aaa;
	padding: 15px 20px;
	z-index: 1001;
}

.ecwid-DateRangePopup input.gwt-DateBox {
	font-size: 10px;
	width: 100px;
}

.ecwid-DateRangePopup .gwt-Button {
	margin: 0 10px;
}

.ecwid-DateRangePopup-calendarIcon {
	background: url(icons/calendar.png) no-repeat center center;
	width: 16px;
	height: 15px;
	margin-left: 3px;
	vertical-align: middle;
}

.ecwid-DateRangePopup-DateRangeLabel {
	font-size: 13px;
	white-space: nowrap;
	padding-right: 15px;
}

.ecwid-DateRangePopup-dash {
	font-size: 13px;
	padding: 0 10px;
}

.ecwid-DateRangePopup-PresetsPanel {
	margin: 15px 0;
}

.ecwid-DateRangePopup-PresetsPanel a,
.ecwid-DateRangePopup-PresetsPanel a:visited,
.ecwid-DateRangePopup-PresetsPanel a:active {
	display: block;
	color: #1e7ec8;
	margin: 0 0 5px 30px;
	cursor: pointer;
}

/* Popup windows with calendar */
.dateBoxPopup {
	background-color: #f7f7f7;
	border: solid 1px #aaa;
	padding: 10px 10px 0 10px;
	z-index: 10000001;
}

.dateBoxPopup .gwt-DatePicker {
	cursor: default;
}

.dateBoxPopup .ecwid-MonthSelector {
	background-color: #ddd;
	padding: 2px;
	font-size: 12px;
	color: #333;
}

.dateBoxPopup .ecwid-MonthSelector-monthPrev,
.dateBoxPopup .ecwid-MonthSelector-monthNext {
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.dateBoxPopup .ecwid-MonthSelector-monthPrev {
	background: url(icons/month_prev.gif) no-repeat center center;
}

.dateBoxPopup .ecwid-MonthSelector-monthNext {
	background: url(icons/month_next.gif) no-repeat center center;
}

.dateBoxPopup .ecwid-MonthSelector-yearPrev,
.dateBoxPopup .ecwid-MonthSelector-yearNext {
	width: 5px;
	height: 3px;
	padding: 2px;
	cursor: pointer;
}

.dateBoxPopup .ecwid-MonthSelector-mouseover .ecwid-MonthSelector-yearPrev {
	background: url(icons/year_prev.gif) no-repeat center center;
}

.dateBoxPopup .ecwid-MonthSelector-mouseover .ecwid-MonthSelector-yearNext {
	background: url(icons/year_next.gif) no-repeat center center;
}

.dateBoxPopup .ecwid-MonthSelector-mouseover .ecwid-MonthSelector-inversable {
	background-color: #1c2273;
	color: #fff;
}

.dateBoxPopup .datePickerDays {
	border-collapse: collapse;
	font-size: 10px;
	color: #333;
}

.dateBoxPopup .datePickerWeekdayLabel, .dateBoxPopup .datePickerWeekendLabel {
	border: solid 1px #ccc;
	font-weight: bold;
	padding: 1px 2px;
	text-align: center;
}

.dateBoxPopup .datePickerDay {
	padding: 5px;
	margin: 1px;
	text-align: center;
	cursor: pointer;
	background-color: rgba(0, 0, 0, .05);
}

.dateBoxPopup .datePickerDayIsToday {
	background-color: #54bfd6;
}

.dateBoxPopup .datePickerDayIsValue {
	background-color: #04a2ca;
	color: #fff;
}

.dateBoxPopup .datePickerDayIsHighlighted {
	background-color: #04a2ca;
	color: #fff;
}

.dateBoxPopup .datePickerDayIsFiller {
	color: #999;
}

.dateBoxPopup .ecwid-TodayLabel {
	font-size: 10px;
	color: #000;
	text-align: center;
	cursor: pointer;
	padding: 2px 0;
}

.cancelButton {
	margin-right: 10px;
}

.backend-MyEcwidCom {
	height: calc(100vh - 122px);
	margin: 0 auto;
	box-sizing: border-box;
}

.backend-MyEcwidCom > tbody > tr:first-child {
	display: none;
}

.backend-MyEcwidCom > tbody > tr > td {
	vertical-align: middle !important;
}

.backend-MyEcwidCom-Title,
.backend-MyEcwidCom-Subtitle,
.backend-MyEcwidCom-or {
	display: none;
}

.backend-MyEcwidCom-SigninBlock {
	padding: 20px 20px 80px;
	width: 300px;
}

.backend-MyEcwidCom-SigninBlock table {
	width: 100%;
}

.backend-MyEcwidCom-termsLink {
	margin-bottom: 30px;
}

.backend-MyEcwidCom-termsLink a {
	font-size: 16px;
}

.backend-MyEcwidCom-SigninBlock-image {
	display: block;
	width: 400px;
	height: 80px;
	background: url(icons/ecwid-partners-logo.svg) 0 0 no-repeat;
	background-size: contain;
}

.backend-MyEcwidCom-SigninBlock-label {
	color: #999;
	font-size: 14px;
	padding-bottom: 4px;
	padding-top: 10px;
}

.backend-MyEcwidCom-SigninBlock-TextBox {
	color: #4b4b4b;
	font-size: 14px;
	padding: 3px 6px;
	margin: 0;
	width: 215px;
	height: 24px;
}

.backend-MyEcwidCom-error {
	font-size: 24px;
	color: #446a88;
	padding: 25px 30px;
	text-align: center;
}

.tableSubheader .gwt-TextBox, .tableSubheader .gwt-ListBox {
	font-size: 12px;
	padding: 2px 1px 2px 5px;
}
td.ecwid-DropdownBox-disabled{
    background-color: #eeeeee;
    cursor: not-allowed;
}
.ecwid-DropdownBox-content, .ecwid-DateRangeBox-range {
	font-size: 12px;
	color: #333;
	background-color: #fff;
	padding: 2px 5px !important;
	border: 0 !important;
	overflow: hidden;
	white-space: nowrap;
}
.ecwid-DropdownBox, .ecwid-DateRangeBox {
	border: 1px solid #D4D0C8;
	cursor: default;
	table-layout: fixed;
	height: 24px;
}

.ecwid-DropdownBox-content, .ecwid-DateRangeBox-range {
	font-size: 12px;
	color: #333;
	background-color: #fff;
	padding: 2px 5px !important;
	border: 0 !important;
	overflow: hidden;
	white-space: nowrap;
}

.ecwid-DropdownBox-icon, .ecwid-DateRangeBox-icon {
	border: 0 !important;
	border-left: solid 1px #eee;
	background: #f7f7f7 url(icons/arrow-south.gif) no-repeat center center;
	width: 1px;
	padding: 0 10px !important;
}

.ecwid-DropdownBoxPopup {
	background-color: #f7f7f7;
	border: solid 1px #aaa;
	padding: 10px 20px;
	z-index: 1000;
}

.ecwid-DropdownBoxPopup-fieldLabel {
	font-size: 13px;
	color: #000;
	white-space: nowrap;
}

.ecwid-DropdownBoxPopup .backend-CurrencyFieldDecorator-prefix,
.ecwid-DropdownBoxPopup .backend-CurrencyFieldDecorator-postfix {
	font-size: 13px;
	color: #000;
	padding: 2px;
}

.ecwid-DropdownBoxPopup input.gwt-TextBox {
	font-size: 13px;
	color: #000;
}

.ecwid-DropdownBoxPopup .gwt-CheckBox input {
	margin-left: 5px;
	margin-right: 7px;
	margin-top: 3px;
}

.ecwid-DropdownBoxPopup-header {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 7px;
}

.ecwid-DropdownBoxPopup .gwt-Checkbox {
	font-size: 12px;
}

.ecwid-CustomListBoxPopup {
	padding: 0;
}

.ecwid-CustomListBoxPopup .gwt-MenuItem {
	padding: 2px 5px;
}

.ecwid-CustomListBox .ecwid-DropdownBox-content,
.ecwid-CustomListBoxPopup .gwt-MenuItem {
	font-size: 12px;
	color: #444;
}

.ecwid-CustomListBoxPopup .gwt-MenuItem-selected {
	color: #fff;
	background-color: #04a2ca;
}

.tableHeader .backend-SortableLabel {
	width: auto;
	margin: 0 auto;
	line-height: 14px;
}

.tableHeader td td {
	border: none;
	height: auto;
}

.backend-noItemsFoundBox {
	border: 1px solid #ccc;
	font-size: 14px;
	background-color: #f6f6f6;
	color: #333;
	text-align: center;
	padding: 20px;
}

.tableCell {
	font-size: 14px;
}

.tableHeader > td:nth-child(1) {
	width: 100px;
}

.tableHeader > td:nth-child(2) {
}

.tableHeader > td:nth-child(3) {
}

.tableHeader > td:nth-child(4) {
	width: 105px;
}

.tableHeader > td:nth-child(5) {
	width: 105px;
}

.tableHeader > td:nth-child(6) {
	width: 200px;
}

.tableHeader > td:nth-child(7) {
	width: 100px;
}

.tableHeader > td:nth-child(8) {
	width: 100px;
}

.tableHeader > td:nth-child(9) {
	width: 100px;
}

.tableCell-1 .gwt-Anchor {
	white-space: nowrap;
}

.tableCell-3,
.tableCell-6,
.tableCell-7,
.tableCell-8,
.tableCell-9{
	text-align: center;
}

.tableCell-7,
.tableCell-8{
	white-space: nowrap;
}

.tableCell-6,
.gwt-RadioButton {
	text-transform: capitalize;
}

.gwt-RadioButton {
	font-size: 14px;
}

.gwt-RadioButton input[type="radio"] {
	margin: 0 6px 0 0;
	position: relative;
	top: -2px;
}

.gwt-CheckBox input[type="checkbox"] {
	width: 20px;
	height: 20px;
}

.ecwid-loadingIndicator {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ecwid-loadingIndicator .loader {
	width: 88px;
	height: 88px;
	margin-left: -57px;
	margin-top: -57px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 30;
	padding: 13px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.ecwid-loadingIndicator .loader .spinner-ball-outer {
	background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cpath fill='none' stroke='%23068eef' stroke-linecap='round' stroke-width='3' d='M64.8 79.5C58.4 83.3 51 85.5 43 85.5 27 85.5 13 76.6 5.8 63.5M64.4 6.2C77 13.6 85.5 27.3 85.5 43 85.5 50.7 83.4 58 79.8 64.2M.5 43C.5 19.5 19.5.5 43 .5' transform='translate(1 1)'/%3E%3C/svg%3E") center center no-repeat;
	background-size: contain;
	width: 88px;
	height: 88px;
	animation: spinright .8s infinite linear;
}

.ecwid-loadingIndicator .loader .spinner-ball-inner {
	margin: 0 auto;
	background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23068eef' d='M20 39.5C9.2 39.5.5 30.8.5 20S9.2.5 20 .5 39.5 9.2 39.5 20c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5c0-9.1-7.4-16.5-16.5-16.5S3.5 10.9 3.5 20 10.9 36.5 20 36.5c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5z'/%3E%3C/svg%3E") center center no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
	animation: spinleft .5s infinite linear;
}

.ecwid-loadingIndicator .loader .loader-object {
	width: 100%;
	height: 100%;
}

.ecwid-loadingIndicator .loader-mixed .spinner-ball-inner {
	margin: -64px auto 64px;
}

@keyframes spinleft {
	0% {
		transform: rotate(360deg)
	}
	100% {
		transform: rotate(0deg)
	}
}

@keyframes spinright {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

.ecwid-support-dialog h5 {
	margin: 13px 0;
	padding: 0;
	font-weight: bold;
}

.ecwid-support-dialog p {
	font-size: 14px;
	margin: 10px 0;
	padding: 0;
}