:root {
	--p-color-text: #1f2124;
	--p-interactive: rgba(44,110,203,1);
	--p-icon: rgba(92,95,98,1);
	--p-ltgrey: #cccccc;
	--p-red: #841717;
	--p-text: rgba(32,34,35,1);
	--p-text-subdued: rgba(109,113,117,1);
	--p-border: rgba(140, 145, 150, 1);
	--p-icon-success: rgba(0,127,95,1);
	--p-surface: rgba(255,255,255,1);
	--p-surface-neutral: rgba(228, 229, 231, 1);
	--p-surface-success: rgba(174, 233, 209, 1);
	--p-surface-warning: rgba(255, 215, 157, 1);
	
	--p-surface-highlight: rgba( 164, 232, 242, 1);
	
	--p-surface-attention: #ffea8a;
	--p-badge-font-weight: 400;
	--bs-body-font-weight: 300;
	
	
	--p-border-neutral-subdued: rgba(186, 191, 195, 1);
	--p-border-radius-base: 0.25rem; 
}

.hide {
	display: none !important;
}

.table {
	--bs-table-striped-color: rgba(32, 34, 35, 1);
}

*::-webkit-input-placeholder {
    color: red;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: var(--p-ltgrey) !important;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: var(--p-ltgrey) !important;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--p-ltgrey) !important;
}
*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--p-ltgrey) !important;
}
*::placeholder {
    color: var(--p-ltgrey) !important;
}

.text-subdued {
	color: var(--p-text-subdued);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.badge-tip {
	background-color: var(--p-icon);
	color: #ffffff;
	font-size: 0.6rem;
	vertical-align: middle;
	border-radius: 50% !important;
}

.form-label {
	margin-bottom: 0.2rem;
	font-weight: 400;
}

.form-label span.required {
	color: #dc2626 !important;
}

input.invalid,
input.invalid:focus {
	border-color: var(--p-red);
}

.btn.btn-plain {
	margin: -.7rem -.8rem;
	padding-left: .8rem;
	padding-right: .8rem;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: var(--p-interactive);
	font-weight: 400;	
}

.btn.btn-plain:hover {
	text-decoration: underline;
}

.btn-primary {
	color: #fff;
	background-color: #022e49;
	border-color: #022e49;
}

.btn-outline-primary {
	color: #022e49;
	background-color: transparent;
	border-color: #022e49;
	
}

.table {
	color: rgba(32, 34, 35, 1);
	font-size: 12px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	color: var(--bs-table-striped-color);
}

.select2-container {
    width: 100% !important;
}

/*---- Order table styles ----*/
	
#table-filter input.searchinput {
	width: 400px;
}

#orders-table tr.canceled td.text {
	text-decoration: line-through;
}

#orders-table tr.closed td.text {
	color: var(--p-text-subdued);
}

#orders-table a.order-link {
	font-weight: 500;
	color: var(--p-text);
	text-decoration: none;
}

#orders-table tbody tr {
	cursor: pointer;
}

#orders-table tr.closed a.order-link {
	color: var(--p-text-subdued);
	font-weight: 400;
}

input.qty-input {
	width: 6em;
}



#newContentMenu {
	background-color: #FFF;
	border-radius: 1px;
	box-shadow: 1px 3px 18px rgba(0,0,0,.35);
	font-size: 13px;
	margin-bottom: 46px;
	padding: 0;
	position: absolute;
	width: 160px;
	z-index: 2000;
}

#newContentMenu ul {
	margin: 0;
	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding-left: 0;
	padding-bottom: 4px;
}

#newContentMenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	border-top: 1px dotted rgba(255,255,255,.2);
}

#newContentMenu li:first-child {
	border-top: 0;
}

#newContentMenu li.delete, #newContentMenu li.view {
	border-top: 1px solid #E8E8E8;
}

#newContentMenu li > a {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 3px 12px;
	line-height: 24px;
	color: #999;
}

#newContentMenu li > a i {
	font-size: 14px;
	margin-right: 3px;
	min-width: 18px;
	position: relative;
}


#side-overlay.cart {
	max-width: 480px;
	width: 100%;
}

#side-overlay.cart .col-image {
	width: 120px;
}

#side-overlay.cart .cart-image-wrap {
	display: block;
	width: 100%;
}

#side-overlay.cart .title,
#checkout-cart .title {
	font-weight: 500;
}

#side-overlay.cart .meta,
#checkout-cart .meta {
	color: #797979;
	font-size: 12px;
}
@media (min-width: 992px) {
	#page-container.side-scroll #side-overlay.cart .content-header, 
	#page-container.side-scroll #side-overlay.cart .content-side {
		width: 480px !important;
	}
}