body.login-page, body.register-page
{
	background: url('/img/backgrounds/login.jpg');
	background-repeat: no-repeat;
    background-size: cover;
}

body.login-page .login-box > .card, body.register-page .register-box > .card
{
	background-color: rgba(255,255,255,0.8);
}

.language-choice a
{
	display: inline-block;
}

.brand-link .brand-image
{
	max-height:35px;
	max-width: 210px
}

body.sidebar-collapse .brand-image-expanded
{
	display:none;
}

body:not(.sidebar-collapse) .brand-image-collapsed
{
	display:none;
}

.payment_method img
{
	max-width:100%;
}

.payment_method
{
	cursor: pointer;
	max-width: 200px;
	margin: auto;
	border:2px solid transparent;
	border-radius:10px;
}

.payment_method:hover
{
	border:2px solid #f7f7f7;
}

.payment_method.selected
{
	border:2px solid #e9e9e9;
}

@media(max-width:575px)
{
	.payment_method
	{
		max-width:150px;
	}
}



.stripe_form
{
  max-width:320px;
  margin:auto;
  border:1px solid #eeeeee;
  padding:10px;
}

.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#cardholder-name
{
width:100%;
margin-bottom:10px;
box-sizing: border-box;
height: 40px;
padding: 10px 12px;
border: 1px solid transparent;
border-radius: 4px;
background-color: white;
box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
color: #32325d;
font-size: 16px;
font-family: Arial;
}

#cardholder-name::placeholder
{
  color:#ccc;

}

#cardholder-name:focus {
  outline: none;
}

.stripe_form img
{
	max-width:100%;
}

.loading_icon
{
	font-size:40px;
	margin-top:50px;
	margin-bottom:50px;
}

#paypal-button-container
{
	max-width:360px;
	margin:auto;
}

table#autotopups_list.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
    line-height: calc(1.5em + .75rem);
}

table#autotopups_list .balance_thresold
{
	max-width:100px;
}

.card-ourservice img
{
	max-width:100%;
}

.card-ourservice
{
	cursor:pointer;
}

.card-ourservice h3.card-title
{
	text-align:center;
	float:none;
	font-weight:400;
	height:36px;
	font-size:16px;
	line-height:18px;
	overflow-y: hidden;
}

.nav-tabs-ourservices a
{
	color: #dc3545;
}

.service-description
{
	display:none;
}

.service-description.active
{
	display:block;
}

#services_list .sorting_1
{
	text-align: center;
}

table#services_list.table-bordered.dataTable tbody td
{
	padding-top:25px;
}

table#services_list.table-bordered.dataTable tbody td:first-of-type
{
	padding-top:15px;
	background-color: white !important;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview
{
	font-size:0.9em;
	transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
}

body:not(.sidebar-collapse) [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview
{
	margin-left:10px;
	
}

#merchantlogoimg img
{
	max-width:100%;
}

#shippingrules {
    overflow-x: scroll;
    background-color: white;
    border: 1px solid lightgray;
    color: black;
    padding: 10px;
}

#shippingrules .shippingzone {
    height: 50px;
    line-height: 15px;
}

#shippingrules .rule {
    display: inline-block;
    width: 130px;
    margin-right: 5px;
}

#shippingrules .rule .shippingzonetitle {
    text-align: center;
}

#shippingrules .shippingzonetitle {
    font-weight: bold;
    height: 50px;
    line-height: 50px;
}

#shippingrules .shippingzone {
    height: 50px;
    line-height: 50px;
}

#shippingrules .rule .shippingzonetitle input.range {
    width: 55px;
    display: inline-block;
    padding: 8px;
}

div.shippingrangedelete
{
	cursor:pointer;
}

#shippingrules td.pricingzonename
{
	min-width:200px;
	vertical-align: baseline;
	margin-right:15px;
}

#shippingconfig label, #basic .cattree label
{
	font-weight:400;
}

#terms div.note-editing-area
{
	min-height:250px;
}

#basic .langfield, #configstore .langfield
{
	display:none;
}

#basic .langfield div.note-editing-area, #configstore .langfield div.note-editing-area
{
	min-height:250px;
}

#basic .langfield label, #combinations label, #configstore .langfield label
{
	font-weight:400;
}

#basic .input-group-prepend .input-group-text
{
min-width:100px;
}

#basic .input-group-append .input-group-text
{
min-width:45px;
text-align: center;
}

a.product_list
{
	margin:0;
}

.productimagewrapper
{
	display:inline-block;
	text-align: center;
}

#productimages
{
	text-align: center;
}

#productimages .productimage
{
	border:3px solid lightgray;
	cursor:pointer;
	margin-right:15px;
}

#productimages .productimage.cover
{
	border:3px solid #007bff;

}

#combinations .addattribute
{
	cursor: pointer;
}

#combinations .attributevalues
{
	padding:10px;
	border: 1px solid lightgray;
	border-radius:5px;
	margin-top:10px;
}

#combinations .addattributevalue
{
	margin-top:10px;
	display: none;
}

#combinations .attributevalue-color
{
	float:right;
	display: inline-block;
    width: 22px;
    height: 22px;
	border-radius: 11px;
    border-width: 4px;
    border-style: solid;
}

#combinationsgen .deletecomb
{
	cursor: pointer;
}

#products_list td
{
	vertical-align: middle;
}

#products_list td.image
{
	padding:0;
	text-align: center;
}

#products_list .productactive, #products_list .productlive
{
	cursor:pointer;
}

#coupons_list .couponactive
{
	cursor: pointer;
}

#couponform
{
	text-align: justify;
}

#couponform label
{
	font-weight: 400;
}

.ps_combination_record
{
	padding: 3px 0;
    margin: 0;
    line-height: 1rem;
}

#facebook_posts .postactive
{
	cursor:pointer;
}

#facebook_watchers .watcheractive
{
	cursor:pointer;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar])
{
	background-color: white;
}

#collections_list .collectionactive, #employees_list .employeeactive
{
	cursor:pointer;
}

.td-value-ok
{
	color: green;
}

.td-value-error
{
	color: red;
}

span.orderstate
{
	display: inline-block;
    width: 100%;
	text-align: center;
}

span.state-paid
{
	background-color: lightblue;
}

span.state-toprint
{
	background-color: darkturquoise;
}

span.state-labeled
{
	background-color: lightgreen;
}

span.state-shipped
{
	background-color: limegreen;
}

span.state-delivered
{
	background-color: forestgreen;
}

span.state-cancelled
{
	background-color: lightcoral;
}

span.state-refund
{
	background-color: orchid;
}

span.state-clickcollect
{
	background-color: bisque;
}

td.td_checkbox
{
    padding-top: 20px;
}

span.action_order_details, span.invoicepaid
{
	cursor: pointer;
}

div.modal-dialog.modal-xxl
{
	max-width:1600px;
}

div.action-tracking-save, div.action-amount_refunded-save
{
	cursor: pointer;
}

.action-edit-comment, .action-edit-note
{
	cursor: pointer;
	text-decoration: underline;
}

.action-edit-delivery
{
	cursor: pointer;
	text-decoration: underline;
}

#orderstatefilter .orderstatefilter
{
	display: inline-block;
	padding:5px 15px;
	cursor: pointer;
	margin-left:5px;
	margin-right:5px;
}

#orders_list .tag-yellow
{
	background-color: cornsilk !important;
}

#orderdetailsdata span.comment_payplug
{
	font-weight: bold;
	color:red;
	margin-left:30px;
}

#orders_list .action_order_weight_edit, #orders_list .action_order_comment_edit
{
	cursor:pointer;
}


.link-myinvoices
{
	overflow-y: hidden;
}

.configshipping_coutrylist
{
	column-count: 5;
}

@media(max-width:1800px)
{
	.configshipping_coutrylist
	{
		column-count: 4;
	}	
}

@media(max-width:1400px)
{
	.configshipping_coutrylist
	{
		column-count: 3;
	}	
}

@media(max-width:1200px)
{
	.configshipping_coutrylist
	{
		column-count: 2;
	}	
}

@media(max-width:768px)
{
	.configshipping_coutrylist
	{
		column-count: 1;
	}	
}

label.paypal_options
{
	vertical-align: text-top;
	margin-left:5px;
	font-weight: 500 !important;
}

.design_color_example
{
	display: inline-block;
	width:38px;
	height:38px;
	border: 2px solid black;
	margin-left:5px;
	margin-right:5px;
	border-radius: 10px;
	cursor: pointer;
}

#table_filter_in_use_warning
{
	cursor: pointer;
}

.order_actions_dropdown .dropdown-item i
{
	min-width:25px;
}

.sidebar-collapse #help_connect_hint
{
	display:none;
}

div.savlist
{
	max-height:1000px;
	min-height:1000px;
	overflow-y: scroll;
}

#tickets_list tr
{
	cursor: pointer;
}

#details_template .callout
{
	display: none;
}

#details_template .callout.active
{
	display: block;
}

#details_template .callout h6
{
	cursor:pointer;
}

#saleshistory .btn-group
{
	border: 1px solid lightgray;
	overflow-y: scroll;
}