:root { font-family: 'Inter', sans-serif; }
       @supports (font-variation-settings: normal) {
         :root { font-family: 'Inter var', sans-serif; }
       }

body {
    padding: 0;
}

a, body, html, table {
    font-family: 'Inter', sans-serif;
    font-weight:400;
    font-size:15px;
}

.admininfosmall{
	font-size:11px;
	font-weight:300;
}

.admininfosmall a{
	font-size:11px;
	font-weight:700;
	text-decoration:none;
	color:#12274C;
}

.admininfosmall a:hover{
	font-size:11px;
	font-weight:700;
	text-decoration:underline;
	color:#E47B3A;
}

#topright{
	position:relative;
}

#help {
	position:absolute;
	right:5px;
	top:5px;	
	z-index:99999999;
	
}

.helpicon{
	width:30px;
	height:30px;
	float:right;
	
}

.logout a{
	font-weight:700;
	font-size:14px;
	color:#E47B3A;
	text-decoration:underline;
	margin:10px 5px 0 0;
}

.logout a:hover{
	font-weight:700;
	font-size:14px;
	color:#12274C;
	text-decoration:underline;
}

.back-to-top {
  background: none; 
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 1em;
  z-index: 100;
  width:20px;
  height:20px;
}

.backtotopicon{
color:#E47B3A;
}

.backtotopicon :hover{
color:#12274C;

}

.messageStackAlert{
	font-size:12px;
}

#imagepreview img{
  max-width: 300px;
  height: auto;
}

.pageHeading, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #000000;
    font-weight: 700;
}

.pageHeading, h1, .h1 {
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing:0.6px;     
    
    margin: 4px 0 8px 4px;
}

h2, .h2 {
    font-size: 16px;
}

h3, .h3 {
    font-size: 15px;
}

h4, .h4 {
    font-size: 14px;
}

h5, .h5 {
    font-size: 13px;
}

h6, .h6 {
    font-size: 12px;
}

a {
    color: #12274C;
    text-decoration: none;
}

.table th.shrink, td.shrink { /*shrink column to minimum width*/
    white-space: nowrap;
    width: 1%;
}
/* Keep action buttons together and centered in TD */
.table-condensed td.actions,
.table td.actions {
    white-space: nowrap;
    vertical-align: middle;
}
/* Fix hyperlink underline on hover */
.table td.actions a[role=button] {
    display: inline-block;
    user-select: none;
}
a[role=button] .fa-inverse {
    color: var(--fa-inverse,#eee);
}

td, th {
    padding: 1px;
}

.main table td {
    padding: 5px;
}

td.main {
    padding: 5px 2px;
}

a:hover {
    color: #0000ff;
    text-decoration: underline;
}

a.headerLink:link {
    color: #ffffff;
    font-weight: 300;
    text-decoration: none;
    margin-right:30px;
}

a.headerLink:visited {
    color: #ffffff;
    font-weight: 300;
    text-decoration: none;
}

a.headerLink:hover {
    color: #ffffff;
    font-weight: 300;
    text-decoration: underline;
}

a.headerLink:active {
    color: #ffffff;
    font-weight: 300;
    text-decoration: none;
}

a.menuBoxContentLink:link {
    color: #096286;
    text-decoration: none;
}

a.menuBoxContentLink:visited {
    color: #096286;
    text-decoration: none;
}

a.menuBoxContentLink:hover {
    color: #E26E26;
    text-decoration: underline;
}

a.menuBoxContentLink:active {
    color: #0000ff;
    text-decoration: none;
}

a.menuBoxHeadingLink:link {
    color: #096286;
    font-weight: bold;
    text-decoration: none;
}

a.menuBoxHeadingLink:visited {
    color: #096286;
    font-weight: bold;
    text-decoration: none;
}

a.menuBoxHeadingLink:hover {
    color: #E26E26;
    font-weight: bold;
    text-decoration: none;
}

a.menuBoxHeadingLink:active {
    color: #0000ff;
    font-weight: bold;
    text-decoration: none;
}

a.splitPageLink:link {
 background-color: #096286;
 border:6px solid #096286;
    color: #FFFFFF;
    text-decoration: none;
    font-size:13px;
}

a.splitPageLink:visited {
background-color: #096286;
 border:6px solid #096286;
    color: #FFFFFF;
    text-decoration: none;
    font-size:13px;
}

a.splitPageLink:hover {
    background-color: #577994;
    border:6px solid #577994;
    color: #FFFFFF;
    text-decoration: underline;
    font-size:13px;
}

a.splitPageLink:active {
    color: #0000ff;
    text-decoration: none;
    font-size:13px;
}

a.splitPageLinkCurrent {
    font-weight: bold;
    border: 1px solid #0000FF;
    padding: 2px;
    font-size:13px;
}

.row select{
	font-size:13px;
}

body {
    background-color: #ffffff;
    color: #000000;
}

.clearBoth {
    clear: both;
}

input, select, textarea {
    font-size: 11px;
}

.infoBoxContent input {
    margin: 1px 2px;
}

input.cfgInput {
    width: 99%;
}

textarea {
    width: 80%;
}

/* to handle textareas for browsers which don't like % widths */
textarea.sqlpatchKeyedQuery, TEXTAREA#file_contents {
    width: auto;
}

form {
    display: inline;
}

span.dataTableHeadingContentWhois {
    color: #ff6600;
    font-weight: 700;
}

span.normalprice {
    text-decoration: line-through;
}

span.productPriceDiscount, .inputRequirement {
    color: #ff0000;
}

span.productSpecialPrice, span.productSalePrice, .stockWarning, span.coming {
    color: #ff0000;
}

span.productSpecialPriceSale {
    color: #ff0000;
    text-decoration: line-through;
}

span.SortOrderHeader {
    color: #ff6600;
    font-weight: 700;
}

span.SortOrderHeaderLink {
    color: #FCFCFC;
    font-weight: 300;
}

td.alert:not(.messageStackAlert), span.alert:not(.messageStackAlert) {
    color: #ff0000;
    font-weight: 500;
}

td.attributeBoxContent {
    background-color: #dcdbd1;
    color: #333333;
}

td.ot-subtotal-Amount, td.ot-cod-fee-Amount, td.ot-group-pricing-Amount, td.ot-gv-Amount, td.ot-loworderfee-Amount, td.ot-shipping-Amount, td.ot-subtotal-Amount, td.ot-tax-Amount, td.ot-coupon-Amount {
}

td.ot-subtotal-Text, td.ot-cod-fee-Text, td.ot-total-Text, td.ot-group-pricing-Text, td.ot-gv-Text, td.ot-loworderfee-Text, td.ot-shipping-Text, td.ot-subtotal-Text, td.ot-tax-Text, td.ot-coupon-Text {
    font-weight: 700;
}

td.ot-total-Amount {
    border-top: 1px solid #9a9a9a;
    font-weight: 700;
}

tr.attributeBoxContent {
    background-color: #dcdbd1;
    color: #333333;
}

.attributeBoxContent {
    background-color: #dcdbd1;
    color: #333333;
}

.attributes-even {
    background-color: #ffffff;
}

.attributes-odd {
    background-color: #f7f6ef;
}

.columnLeft {
    background-color: #f2f1ee;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
}

.row {
    margin: 0;
}

.dataTableContent {
    color: #333333;
    padding: 2px;
}

.dataTableContentBot {
    color: #333333;
}

.dataTableContentWhois {
    color: #333333;
}

.dataTableHeadingContent {
    color: #FFFFFF;
    font-weight:300;
    font-size:13px;
    background:#096286;
}

.dataTableHeadingRow th{
	 background:#096286;
}
.dataTableHeadingContent  a{
    color: #FFFFFF;
    font-weight:300;
    font-size:11px;
    
}
.dataTableHeadingContentWhois {
    color: #333333;
}

.dataTableHeadingContentWhois a:link, .dataTableHeadingContentWhois a:visited {
    color: #0000ff;
}

.dataTableHeadingContentWhois a:hover {
    color: #ffffff;
}

.dataTableHeadingRow {
    background-color: #F7F7F7;
    color:#000000;
    font-weight:300;
}

.dataTableHeadingRowWhois {
    background-color: #d7d6cc;
}

.dataTableRow {
    background-color: #f2f1ee;
}

.dataTableRowBot {
    background-color: #facbfa;
}

.dataTableRowOver {
    background-color: #ffffff;
    cursor: pointer;
}

.dataTableRowOverBot {
    background-color: #ffffff;
}

.dataTableRowOverWhois {
    background-color: #ffffff;
}

.dataTableRowSelected {
    background-color: #e7e6e0;
}

.dataTableRowSelectedBot {
    background-color: #ff93ff;
}

.dataTableRowSelectedWhois {
    background-color: #dee4e8;
}

.dataTableRowSpacer, td.dataTableRowSpacer, TR.dataTableRowSpacer {
    background-color: #d7d6cc;
    color: #ff6600;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.0;
}

.dataTableRowWhois {
    background-color: #f2f1ee;
}

.errorText {
    color: #ff0000;
}

.fieldRequired {
    color: #ff0000;
}

.formArea {
    background-color: #f4f4f4;
    border-color: #666;
    border-style: solid;
    border-width: 1px;
    padding: 15px;
}

.formAreaTitle {
   
    font-size: 14px;
    font-weight: 500;
}

.infoBoxContent .dataTableHeadingContent{
	background:#577994;
}
.infoBoxContent {
    background-color: #e7e6e0;
    color: #333;
    padding: 5px;
    word-break: break-word;
}

.infoBoxContent a img, .infoBoxContent input[type="image"] {
    margin: 4px;
}

.infoBoxContent fieldset legend {
    font-weight: 700;
    font-size: larger;
    margin-bottom: 0;
}

.infoBoxHeading {
    background-color: #333;
    color: #fff;
    padding: 0;
    text-align:center;
}

.infoBoxHeading h4 {
    color: #fff;
    text-align:center;
    font-weight:500;
}

.main a img {
    margin-bottom: 16px;
}

.menuBoxContent {
    color: #616060;
}

.menuBoxHeading {
    background-color: #ffffff;
    color: #616060;
}

.messageBox {
}

.messageStackCaution {
    background-color: #ffff00;
}

.messageStackError, .messageStackWarning {
    background-color: #ffb3b5;
}

.messageStackSuccess {
    background-color: #d4ffbd;
}

.oldPrice {
    text-decoration: line-through;
}

.SaleMakerDisabled {
    background-color: #f0f1f1;
}

.SaleMakerOver {
    background-color: #ffffff;
    cursor: pointer;
}

.SaleMakerSelected {
    background-color: #dee4e8;
    cursor: pointer;
}

div.copyrightrow {
    background: #ffffff;
    clear: both;
    font-size: 11px;
    padding: 25px;
    text-align: center;
}

div.copyrightrow a {
    color:#E26E26;
    font-size: 11px;
}
div.reportBox a {
    color: #096286;
}

.contentlink a{
	color:#096286;
}

.contentlink a:hover{
	color:#E26E26;
}

div.header {
    background-color: #096286 !important;
    color: #f5f5f5 !important;
    font-weight: 400;
    font-size:14px;
}

div.warrantyrow {
    background: #ffffff;
    clear: both;
    font-size: 11px;
    text-align: center;
}

div.warrantyrow a {
    font-size: 11px;
    color:#E26E26;
    
}

.panel-heading{

}

.smallText {
    font-size: 11px;
}

.smallText a img {
    margin-bottom: 16px;
}

.specialPrice {
    color: #ff6600;
}

.lookupAttention {
    color: #FF0000;
}

.clearBoth {
    clear: both;
}

div.clearBoth {
    clear: both;
    margin-top: 20px;
}

#loginExpiryPolicy {
    margin-top: 2em;
}

.hiddenField {
    display: none;
}

#alt_nav {
    padding: 20px;
    font-size: 110%;
    line-height: 1.8em;
}

#alt_nav h2 {
    font-size: 90%
}

#alt_nav p {
    max-width: 600px;
}

#alt_nav a {
    white-space: nowrap;
}

label.error {
    color: red;
    font-weight: 700;
}

.adminRowIcon, .adminRowIcon a {
    color: #05a5cb;
    text-decoration: none;
    cursor: pointer;
}

.adminRowIcon:hover, .adminRowIcon a:hover {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.adminRowButton {
    padding: 0;
    margin: 0;
    border: 0;
    background: inherit;
}

.adminRowIconActive, .adminRowIconInactive:hover {
    color: green;
}

.adminRowIconInactive, .adminRowIconActive:hover {
    color: red;
}

.adminRowIconRestricted, .adminRowIconRestricted:hover {
    color: yellow;
}

.adminRowIconAttributesActive i.fa-stack-1x {
    color: #f2f1ee;
}

.adminRowIconCartActive, .adminRowIconCartNoActive, .adminRowIconCartActive:hover, .adminRowIconCartNoActive:hover {
    color: green;
    text-align: right;
}

.adminRowIconCartInactive, .adminRowIconCartNoInactive, .adminRowIconCartInactive:hover, .adminRowIconCartNoInactive:hover {
    color: red;
    text-align: right;
}

.configurationColumnLeft, .configurationColumnRight {
    padding: 1px;
}

#loginFormDiv div.messageStackError {
    margin: 5px;
    padding: 5px;
}

img[alt="Cancel"], img[alt="Reset"],
img[src*="button_cancel"], img[src*="button_reset"] {
    vertical-align: top;
}

.versionCurrent {
    color: green;
}

.alertVersionNew {
    color: #ff0000;
    font-size: 14px;
    font-weight: 700;
}

.adminHeaderAlerts {
    padding: 1px;
}

#adminHeaderLogo {
    padding: 5px;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.floatButton {
    position: fixed;
    bottom: 100px;
    right: 10px;
    z-index: 100;
}

/*
.btn {
  margin: 2px;
}
*/

a.btn-edit {
  background-color: #008000;
  color: #eee;
}

a.btn-delete {
    background-color: #f00;
  color: #eee;
}

a.btn-move {
  background-color: #800080;
  color: #eee;
}

a.btn-copy {
  background-color: #00f;
  color: #eee;
}

a.btn-imagehandler {
    background-color: #fa8072;
    color: #000;
}

.btn-attributes-on {
    background-color: #87cefa;
    color: #000;
}

.btn-attributes-off, a.btn-metatags-off {
    background-color: #000;
    color: #eee;
}

a.btn-pricemanager-on {
    background-color: #32cd32;
    color: #eee;
}

a.btn-pricemanager-on-enabled {
    background-color: #006400;
    color: #eee;
}

a.btn-pricemanager-off {
    background-color: #d3d3d3;
    color: #eee;
}

.btn-metatags-on {
  background-color: #000;
  color: #ffa500;
}

.btn-status {
  background: transparent;
  padding: 0;
  border: none;
}
.btn-status:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-status:focus, .btn-status:active:focus {
  outline: none;
  outline-offset: 0;
}

/* Ensure FontAwesome glyphs for statuses occupy space so Bootstrap tooltip doesn't glitch. */
i.fa-square[data-toggle=tooltip] {
    line-height: 1em;
}

.fa-folder, .fa-folder-open {color: #deb887;}
.folder, .folder:hover {
  text-decoration: none;
  color: #000;
}
.folder:hover .fa-folder:before {
  content: "\f07c";
}
.txt-status-off{
  color: #d9534f;
}
.txt-status-on{
  color: #398439;
}
.txt-linked{
  color: #f0ad4e;
}
.txt-light {
  opacity: 0.3;
}
.tt {
    font-family: "Lucida Console", "Menlo", "Monaco", "Courier", monospace;
}

/* Date Picker */
.ui-widget {
  font-size: 16px;
}
.ui-widget a{
  font-size: inherit;
}

/* bof Footer */
#footer {
clear:both;
    text-align: center;
    width: 100%;
    margin-top:20px;
    padding:10px;
    background:#373737;
    color:#FFFFFF;
    font-size: 12px;
    font-weight:200;
    height:100%;    
}

footer {
    text-align: center;
    width: 100%;
    
    background:#FFFFFF;
    
}

 #footer a {
    font-size: 1em;
     color:#FFFFFF;
     font-weight:200;
     text-decoration:none;
}

#footer a:hover{
   text-decoration:underline !important; 
   color:#E47B3A;
}

/*
footer.homeFooter, .bottom footer {
    position: fixed;
    bottom: 0;
}

@media screen {
    body.indexDashboard {
        height: 111%;
    }
}
*/
/* eof Footer */

/* This imageless css button is based on the button that was generated initially by CSSButtonGenerator.com */
.buttonRow a {
    text-decoration: none;
}

.button, input.button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding: 3px 8px;
    text-decoration: none;
}

input.button a, a input.button {
    color: #404040;
}

input.submit {
    background-color: #fee8b9; /* Submit button background color */
    border: 1px solid #638263; /* Submit button border color */
}

input.submit:hover {
    background-color: #ffdc9c; /* Hover color for the submit buttons */
    border: 1px solid #638263; /* Submit button border color */
    cursor: pointer;
}

input.faint {
    font-weight: normal;
    font-size: 0.9em;
}

/* help button placement */
.navbar {
  margin-bottom: 8px;
}
.btn-help {
  margin-right: 4px;
  margin-bottom: 8px;
  background-color: #337ab7;
  color: white;
}

/* End of css buttons */

/* Print-specific styles */
@media print {
    .header-area, .footer-area, .noprint,
    .report-button {
        display: none;
    }

    a[href]:after {
        content: none
    }

    footer, #footer {
        /*position: fixed;*/
        /*bottom: 0;*/
    }
}

/* end of print-specific styles */

.orderProductsPopover {
    color: #333;
}

.control-label {/*for multiple inputs*/
    font-weight: 500;
}

.txt-black {
  color:#000;
}
.txt-yellow {
  color: #ff0;
}
.txt-orange {
  color: #ffa500
}
.txt-lime {
  color:#5ce400
}
.txt-red {
  color:#f00;
}
.txt-navy {
  color: #000080;
}
.txt-blue {
  color: #00f;
}
.txt-white {
  color:#fff;
}
.txt-pink {
  color: #ffbaba;
}
.txt-gold {
  color: gold;
}
.star-shadow {
  text-shadow: 1px 1px 2px grey;
}
.txt-transparent {
  color: transparent;
}
.opacity-25 {
  opacity: 25%;
}
/* The classes below are copied from Bootstrap 4 and 5 */
.font-weight-bold {
  font-weight: 700;
}
.align-middle {
  vertical-align: middle;
}
.align-top {
  vertical-align: top;
}
tbody>tr>td.align-bottom {
  vertical-align: bottom;
}
.upperMenu a {
	font-size:13px !important;
}

.nav-pills a{
font-size:13px !important;
}

#usefuladminlinks{
float:left;
margin-left:30px;

}
#langswitch{
	float:right;
	width:200px;
	height:40px;
	padding:8px 5px 5px 0;
	z-index:99999999;
	font-size:12px !important;
}