/**
 * @package admin
 * @copyright Copyright 2003-2016 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: Author: DrByte  Sun Mar 13 2016  Modified in v1.5.5 $
 */

@import url("css/bootstrap.min.css");
/* @import url("//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"); */

@import url("menu.css");

@import url("css/font-awesome.min.css");
/* @import url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"); */

@import url("css/daterangepicker-bs3.css");


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

a, body, html, table {
    font: normal normal 11px Verdana, sans-serif;
}
body table {
  padding: 1px 3px;
  border-collapse: initial;
}
body {padding: 0 4px;}

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: bold;
    text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

a.splitPageLink:link {
    color: #0000ff;
    text-decoration: none;
}

a.splitPageLink:visited {
    color: #0000ff;
    text-decoration: none;
}

a.splitPageLink:hover {
    background-color: #ffff33;
    color: #0000ff;
    text-decoration: underline;
}

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

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

.clearBoth {
    clear: both;
}

body#login {
    margin-top: 100px;
    text-align: center;
}

body#login .button {
    cursor: pointer;
    padding: 5px 20px;
    margin-top: 10px;
    background: #fff;
    border: 0px;
    font-weight: bold;
    margin: 5px;
}

body#login .button:hover {
    color: #fff;
    background-color: #333;
}

body#login fieldset {
    margin: 0 auto;
    background-color: #05a5cb;
    padding-bottom: 30px;
}

.loginLabel {
    margin-left: 60px;
    margin-right: 5px;
    text-align: right;
    line-height: 1.5;
}

body#login legend {
    background: #333;
    border: 1px solid #333;
    color: #fff;
    padding: 0.2em 0.5em;
}

#login a {
    float: right;
    color: #fff;
    font-size: 1em;
    margin: 20px;
}

checkbox, input, radio, select, textarea, file {
    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: bold;
}

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: bold;
}

span.SortOrderHeaderLink {
    color: #0000ff;
    font-weight: bold;
}

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

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: bold;
}

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

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: 0px;
}

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

.dataTableContentBot {
    color: #333333;
}

.dataTableContentWhois {
    color: #333333;
}

.dataTableHeadingContent {
    color: #333333;
    font-weight: bold;
}

.dataTableHeadingContentWhois {
    color: #333333;
    font-weight: bold;
}

.dataTableHeadingContentWhois a:link, .dataTableHeadingContentWhois a:visited {
    color: #0000ff;
    font-weight: bold;
}

.dataTableHeadingContentWhois a:hover {
    color: #ffffff;
    font-weight: bold;
}

.dataTableHeadingRow {
    background-color: #d7d6cc;
}

.dataTableHeadingRowWhois {
    background-color: #d7d6cc;
}

.dataTableRow {
    background-color: #f2f1ee;
}

.dataTableRowBot {
    background-color: #facbfa;
}

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

.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: bold;
    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;
}

.formAreaTitle {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.infoBoxContent {
    background-color: #e7e6e0;
    color: #333333;
}

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

.infoBoxHeading {
    background-color: #333;
    color: #ffffff;
}

.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;
}

h1, .pageHeading {
    color: #333; /*727272*/
    font-size: 16px;
    font-variant: small-caps;
    font-weight: bold;
}

.SaleMakerDisabled {
    background-color: #f0f1f1;
}

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

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

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

div.header {
    clear: both;
    color: #ffffff;
    font-weight: bold;
    padding: 3px;
}

div.reportBox {
    background: #666;
    border: 1px solid #666;
    margin-top: 1em;
}

.reportBox div.row {
    background: #f7f6ef;
    clear: both;
    margin-top: 1px;
    padding: 3px;
    margin: 0px;
}

.reportBox div.row:nth-of-type(2n) {
    background-color: #ffffff;
}

.reportBox div.row span.center {
    margin-right: 30px;
}

.reportBox div.row span.left {
    float: left;
    text-align: left;
    width: 74%;
}

.reportBox div.row span.right {
    float: right;
    text-align: right;
    width: 34%;
}

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

.smallText {
    font-size: 9px;
}

.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: bold;
}

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

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

.adminRowButton {
    padding: 0px;
    margin: 0px;
    border: 0px;
    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:bold;
}
.adminHeaderAlerts{
    padding: 10px;
}
#adminHeaderLogo{
    padding: 5px;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}

/* bof Footer */
footer, #footer {
    text-align: center;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
}
footer, #footer, footer a, #footer a {
    font-size: 0.9em;
}
/*
footer.homeFooter, .bottom footer {
    position: fixed;
    bottom: 0;
}
@media screen {
    body.indexDashboard {
        height: 111%;
    }
}
*/
/* eof Footer */

#setupWizardForm INPUT[type="text"],
#setupWizardForm INPUT[type="email"],
#setupWizardForm textarea {
    width: 40%;
    max-width: 450px;
}
@media (min-width: 768px) {
    #setupWizardPage #pageWrapper{
        margin: 1em 5% 1em 25%;
    }
}



/* 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;
  font-size:13px;
  font-weight:bold;
  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;
}
/* 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 */



/* Overrides */
.modal-dialog {
       z-index: 9999;
     }
.container.header {
    background: #f3f3f3;
}

/* Colors */

.text-sherpa {
    color: #00455B;
}

.header-top,
.headerBar {
    background:#00455B;
}

.header-top {
    border-bottom:1px solid #003e51;
}


.headerBar {
    padding:4px 0;
    border-top:1px solid #19576b;
}

.header-top .brand {
    width:128px;
    padding:16px 8px;
}

.body-drip {
    border-top: 8px solid #00455B;
}
.container-fluid {
    margin-top:16px;
}
.dgorders-header .input-group .btn-default,
.dgorders-header .btn-group .btn {
    height: 48px;
}

.filter-select {
    display: inline-block;
    margin:0 8px;
}
.filters-applied {
    margin:8px 0;
}
.btn-operator {
   padding: 12px 8px;
}
.dgorders-header form .input-group input {
    height: 48px;
}

.order-count {
    font-size:3rem;
    color: #222;
}

#data-grid {
  background-color:white;
  border:1px solid #ddd;
}

#data-grid .fa.is-late {
  text-align: center;
  color:#fcaa5d;
}

#data-grid td {
  font-size:1.2rem;
  font-weight: 300;
}
#data-grid th.actions,
#data-grid td.actions  {
  text-align: right;
}
/*.table th.name {}
.table th.name {}
.table th.name {}
.table th.name {}*/
.progress__wrapper {
  position: relative;
  width: 100%;
  height: 12px;
}

#data-grid thead th {
border-bottom: 0;
vertical-align: middle;
border-right:1px solid #ddd;
}
#data-grid thead th:first-child {
text-align: center;
}
#data-grid thead th.sortable {
cursor: pointer;
*cursor: hand;
position: relative;
}
#data-grid thead th.sortable:before {
content: '\f0dc';
font-family: FontAwesome;
text-decoration: inherit;
position: absolute;
top: 8px;
right: 8px;
}
#data-grid thead th.sortable.asc:before {
content: '\f0dd';
}
#data-grid thead th.sortable.desc:before {
content: '\f0de';
}
#data-grid tbody td {
vertical-align: middle;
padding:6px 4px;
}
/*#data-grid tbody td:first-child {
text-align: left;
}*/
#data-grid tbody td.no-results {
padding: 32px 0;
vertical-align: middle;
}

#data-grid tbody td .fraud-check-true {
font-weight: bold;
color:red;
}

#data-grid tbody td .fraud-check-false {
font-weight: bold;
color:green;
}
#data-grid tbody tr {
  cursor: pointer;
}
#data-grid tbody tr:hover {
  background-color: #e3f2fd;
}
#data-grid tbody tr.order-details {
background: #fff;
text-align: left;
}

#data-grid tbody tr.order-details:hover {
background:transparent;
}

#data-grid .label-model {
background: #fff;
color:#666;
font-weight: normal;
border:1px solid #ddd;
}

#data-grid .order-comments {
padding:8px 4px;
border-top:1px solid #ddd;
}

#data-grid .order-comments:first-child {
border-top:none;
}
#data-grid .order-comments div {
  border-right:1px solid #ddd;
}

#data-grid .order-status {
    font-weight:400;
    text-align: center;
}


.progress {
position: absolute;
top: 6px;
left: 0;
right: 0;
bottom: 0;
height: 6px;
display: block;
width: 100%;
background-color: #ffeccc;
border-radius: 2px;
overflow: hidden;
}
.progress .indeterminate {
background-color: #FFA000;
}
.progress .indeterminate:before {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress .indeterminate:after {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation-delay: 1.15s;
}

@include keyframes(indeterminate) {
  0% {
      left: -35%;
      right: 100%;
  }

  60% {
      left: 100%;
      right: -90%;
  }

  100% {
      left: 100%;
      right: -90%;
  }
}
span.multiselect-native-select {
position: relative
}
span.multiselect-native-select select {
border: 0!important;
clip: rect(0 0 0 0)!important;
height: 1px!important;
margin: -1px -1px -1px -3px!important;
overflow: hidden!important;
padding: 0!important;
position: absolute!important;
width: 1px!important;
left: 50%;
top: 30px
}
.multiselect-container {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0
}
.multiselect-container .input-group {
    margin: 5px
}

.multiselect-container>li {
padding: 0
}
.multiselect-container>li>a.multiselect-all label {
font-weight: 700
}
.multiselect-container>li.multiselect-group label {
margin: 0;
padding: 3px 20px 3px 20px;
height: 100%;
font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
cursor: pointer
}
.multiselect-container>li>a {
padding: 0
}
.multiselect-container>li>a>label {
margin: 0;
height: 100%;
cursor: pointer;
font-weight: 400;
padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
margin-left: -20px;
margin-right: 0
}


.navbar-default {
  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image:      -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
  background-image:         linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}

.clickable-row {

}