body{ font-family: Arial; }
.navbar, .dropdown-menu{ padding:15px; background-color:#910027 !important; }
.dev, .dev .navbar-brand{ background-color:#000000 !important; color:white !important; }
.navbar-brand{ font-weight:900; color :#fff600 !important ; }
.nav-item{ padding:15px 25px; }
.nav-item a:link, .nav-item a:active, .nav-item a:visited{  color:white; cursor:pointer;}
.nav-item:hover {padding:15px 25px; background-color:white; color:black !important; text-decoration: none;  }
.nav-item:hover a{ color:black !important; cursor:pointer; }
.nav-item a i{ margin-right:15px; }

.active{ background-color:#deb207; }


footer{ margin-top:80px; padding:0 20px; }

#searchBox{ display:none; }

.infoHolder{ border:solid 1px #e8e8e8; height: 100%; }
.infoTitle{ padding:10px; background-color:#e8e8e8; }
.infoData{ padding:10px 25px; }
.infoData label{ font-size:.8rem;  }

a.dropdown-item{ color:white; }

.stickyRow{
    position: sticky;
    top:84px;
    z-index:999;
    padding:10px 0;
    background-color:white;
    border-bottom:solid 1px black;
}

.loading-overlay{ display: table; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color:rgba(0,0,0,.6); z-index: 1000; width:100%; height: 100%; }
.loading-overlay .overlay{ display: table-cell; vertical-align: middle; color:white; text-align:center; }

.tempAlert{ border:solid 2px red; }

.ui-autocomplete{ background:white; box-shadow:1px 1px 3px black; height:100%; max-height:200px; overflow: scroll; list-style: none; margin:0px; padding:5px; max-width:600px; width:100%; z-index:99999999; }
.ui-autocomplete li:hover{ background-color:aqua; cursor: pointer; }

.searchField:before{ font-family: FontAwesome; content:"\f002"; color:#0c5460; }
.searchField{ border: 1px solid #bee5eb;border-radius: 0.25rem;background:#d1ecf1;padding:10px; }
.searchField input{ display: inline-block; width:78%; border:none;background:none; }

.searchCustomer:before{ font-family: FontAwesome; content:"\f002"; color:#343a40; }
.searchCustomer{ border: 1px solid #f6f3f3;border-radius: 0.25rem;background:#fbfbfb;padding:2px; display:inline-block; width:250px; }
.searchCustomer input{ display: inline-block; width:90%; border:none;background:none; }

@media only screen and (min-width: 769px) and (max-width: 1300px)  {
    body, .btn, .form-control{ font-size:.9rem; }
    h1, h2, h3, h4, h5, h6{ font-size:1rem; }
    .stickyRow{top:50px;}
    .navbar{ padding:5px; }
    .nav-item{ padding:0 25px; }
    .nav-item:hover{ padding:0px 25px; }
    .nav-item a{ text-align:center; font-size:.9rem; }
    /* .nav-item a i{ display: block; margin:0; } */
}
@media only screen and (max-width: 768px) {
    .nav-item a:link, .nav-item a:active, .nav-item a:visited{ display:block; }
    footer{ text-align:center; }
    .stickyRow{ top:70px; }
    .btn span{ display:none; }
    .hideMobile{ display:none; }
    .stickyRow h3{ font-size:1.4rem; }
    .invoiceHead{ display:none; }
    #invoiceItems tr, #invoiceItems tr td{ display:block; }
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{ display:block; }
}

/* invoice line items */
.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 5px 15px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  width: 400px;
    height:200px;
  overflow: scroll;
  border: 1px solid #ddd;
  z-index: 1000;
}
.dropdown-content .form-control{ position: fixed; width:400px; }

.dropdown-content ul{
    list-style:none;
    margin:0;
    padding:40px 0 0 0;
}

.dropdown-content ul li {
  color: black;
  font-size: 10pt;
  text-decoration: none;
  display: block;
  padding:2px 4px;
}

.dropdown ul li:hover {background-color: #ddd;}

.show {display: block;}

.form-group{ margin-bottom:0 !important; }

#adjustersTable tr td{ padding:0 !important; }
#invoiceItems tr td{ padding:0.05rem !important; }