#calendar {
  margin: 20px auto;
  max-width: 900px;
}

#customerAutocomplete {
  max-width: 500px;
}

#loading {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
}

#script-warning {
  background: #eee;
  border-bottom: 1px solid #ddd;
  color: red;
  display: none;
  font-size: 12px;
  font-weight: 700;
  line-height: 40px;
  padding: 0 10px;
  text-align: center;
}

.clearfix {
  clear: both;
}

.bluebutton {
  background-color: #0083bf;
  border-color: #1a3b66;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 0 30px;
  cursor: pointer;
}

.bodyPoppedWindow {
  background-color: #fff;
  margin: 0;
  padding: 2px;
  text-align: left;
}

.calDayCell {
  background-color: #fff;
  border-bottom: 1px solid #0083bf;
  border-right: 1px solid #9ac3ed;
  color: #444;
  height: 20px;
  min-height: 20px;
  text-align: center;
  width: 14%;
}

.calHeaderLink {
  color: #444;
  text-decoration: none;
}

.container {
  border: 0;
  margin: 0 auto 1rem auto;
  padding: 0;
  text-align: center;
  min-width: 730px;
  width: 99%;
  max-width: 1300px;
}

.content {
  padding: 5px 5px 10px;
  text-align: left;
}

.custSearchBox {
  margin: 0;
  padding: 0;
  text-align: right;
  width: 99.5%;
}

.err {
  color: red;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.extractWarning {
  display: none;
}

.floatleft {
  float: left;
  text-align: left;
}

.floatright {
  float: right;
  text-align: right;
}

.greenbutton {
  background: #b9d88c;
  color: #3e5025;
  font-size: 12px;
  font-weight: 700;
  width: 150px;
}

.header {
  padding: 2px;
  text-align: center;
}

.header,
.header a {
  color: #fff;
  font-family: "Open Sans", "Arial Narrow", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.headerNoImage {
  color: #fff;
  font-family: "Open Sans", "Arial Narrow", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 2px;
  text-align: left;
  text-transform: uppercase;
}

.headerbar {
  background-color: #0083bf;
  margin: 4px;
  min-height: 20px;
}

.headerlink {
  background-color: #fff;
  float: right;
  margin: 0 8px;
  padding: 12px 5px 0;
}

.headerlink a {
  color: #000;
  font-family: "Open Sans", "Arial Narrow", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.historyTable {
  width: 100%;
}

.historyTable,
.historyTable tr,
.historyTable tr td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
}

.historyTable tr td:nth-child(1) {
  width: 30px;
}

.historyTable .fa {
  cursor: pointer;
}

.historyTable .fa:hover {
  color: #aaa;
}

.historyTableSelected {
  font-weight: 700;
}

.tableNoBorder {
  border: 0;
  margin: 0;
}

.addressTable tr td:nth-child(5) {
  min-width: 200px;
  max-width: 200px;
  word-wrap: break-word;
}
.addressTable tr td {
  font-size: 14px;
}

.indexTable,
.formTable,
.adminTable,
.formTableFull {
  border-collapse: collapse;
  border: 1px solid #ccc;
  margin: 0;
}

.formTable textarea {
  height: 65px;
}

.indexTable,
.adminTable {
  width: 100%;
}

.formTableFull,
.formTable {
  width: 100%;
}

.indexTable .indexTitleRow {
  background-color: #fff !important;
  position: relative;
}

.transfer-all-btn {
  background-color: #fff;
  float: right;
  vertical-align: baseline;
  margin-left: 10px;
  border-width: 1px;
}
.transfer-all-btn .scIcon {
  font-size: 16px;
}

.indexTitleRow,
.titleRow td {
  padding-top: 15px !important;
  /*font-weight:700 !important;
    text-transform:uppercase;
    border-color:#0083bf !important;
    background-color:#0083bf;*/
  background-color: #efefef;
  color: #000;
  font-family: "Open Sans", "Arial Narrow", Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.indexColTitleRow td {
  vertical-align: bottom;
  font-weight: 700;
  text-transform: uppercase;
}

.indexTable tr td:last-child {
  word-wrap: break-word;
}

.adminTable tr td,
.formTable tr td,
.indexTable tr td,
.formTableFull tr td {
  word-wrap: break-word;
  vertical-align: top;
  border: 1px solid #ccc;
  border-collapse: collapse;
  padding: 3px;
  margin: 0;
}

.adminTable tr td input,
.formTable tr td input,
.indexTable tr td input,
.adminTable tr td textarea,
.formTable tr td textarea,
.indexTable tr td textarea,
.adminTable tr td select,
.formTable tr td select,
.indexTable tr td select {
  width: 99%;
}

.formTableFull tr td input {
  /* width: 308px; */
  width: 99%;
}
.formTableFull tr td #elfinder input {
  width: 160px;
}

table.adminTable.dupe-table tr td:nth-child(-n + 3) {
  width: auto;
}

input[type="checkbox"],
input[type="radio"] {
  width: auto !important;
}

.merge-tool-wrap,
.cust-info-wrap {
  width: 100%;
  position: relative;
}

#mergeErrorMsg {
  font-size: 18px;
  color: #000;
  background-color: #ffb5a3;
  padding: 3px;
}

.cust-info-wrap {
  margin-top: 30px;
}

.cust-info-wrap > div > div {
  padding-bottom: 10px;
}

.hidden {
  display: none;
}

#keepCustInfo > *,
#dupeCustInfo > * {
  padding-left: 10px;
}

#keepCustInfo,
.keeprow {
  background-color: #d3ffd3;
}

#dupeCustInfo,
.duperow {
  background-color: #ffd3d3;
}

.cust-info-wrap > div:first-child,
.merge-tool-wrap > div:first-child {
  padding-right: 1%;
}

.merge-tool-wrap > div,
.cust-info-wrap > div {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding-right: 0;
}

.repgen {
  font-weight: normal;
  float: right;
}

.formTable tr td:first-child,
.tableNoBorder tr td:first-child,
.formTableFull tr td:first-child {
  /*padding-right:40px;*/
  font-weight: 700;
  vertical-align: top;
  width: 130px;
}

.assetTable select,
.assetTable textarea,
.assetTable input {
  width: 98% !important;
}

.assetTable tr td textarea {
  height: 40px;
}

.adminTable tr td:first-child {
  width: 15%;
}

.assetTable tr td:first-child {
  font-weight: normal;
}

.assetTable tr:first-child td {
  font-weight: 700;
}

.full-width-textarea {
  height: 90px;
  width: 97% !important;
}

.asset-notes {
  font-style: italic;
}

.asset-notes div {
  display: table;
  width: 99%;
}

.asset-notes div div {
  display: table-cell;
  vertical-align: middle;
}

.asset-notes div div:first-child {
  width: 20%;
}

.asset-notes div div textarea {
  height: 40px;
  width: 99%;
}

.bottombuttons {
  width: 100%;
  text-align: center;
  padding-top: 10px;
}

.innercontainer {
  background-color: #fff;
  border-collapse: collapse;
  border: 1px solid #ccc;
  text-align: left;
  width: 100%;
}

.innerheadIcon {
  margin: 0;
  padding: 0 5px 0 0;
}

.innerheader {
  height: 50px;
  min-height: 50px;
}

.inputNoBorder {
  border: 0;
  font-size: 12px;
}

.invoice {
  color: #000;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 8px;
}

.loginbox {
  margin: 20px auto;
  text-align: center;
  width: 200px;
}

.loginwrapper {
  border-collapse: collapse;
  border: 1px solid #999;
  margin: 20px auto 50px;
  padding: 15px;
  text-align: center;
  width: 729px;
}

.logo {
  background-color: #fff;
  padding-left: 5px;
  padding-right: 20px;
}

.navheader {
  background-color: #fff;
  background-image: url(/images/line.gif);
  background-position: center;
  background-repeat: repeat-x;
  border: 0;
  height: 45px;
  margin-bottom: 5px;
  margin-top: 2px;
  min-height: 45px;
  text-align: right;
  width: 100%;
}

.scIcon {
  border: 0;
  color: #333;
  padding: 5px 1px;
  font-size: 22px;
}

.scIcon:hover {
  color: #aaa;
}

.serviceTitleRow {
  border-collapse: collapse;
  border-color: #efefef;
  border-style: solid;
  border-width: 1px 0 0;
  font-weight: 700;
  padding-bottom: 3px;
  padding-top: 3px;
  text-align: center;
}

.tblTCell {
  font-weight: 700;
  vertical-align: top;
  width: 120px;
}

.el-wrapper {
  max-width: 696px;
}

.left50 {
  float: left;
  width: 49.5%;
}

.left50 + .left50 {
  float: right;
}

a {
  color: #0083bf;
}

a:hover,
li {
  color: #9ac3ed;
}

body {
  color: #000;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

textarea,
input,
select {
  border-collapse: collapse;
  border: 1px solid #000;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
}

td {
  vertical-align: top;
}

.ui-autocomplete {
  max-height: 250px;
  overflow-y: scroll;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  color: #0083bf !important;
}

.ui-menu-item {
  color: #000;
  text-align: left;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/

* html .ui-autocomplete {
  height: 100px;
  overflow-y: scroll;
}

.summaryReportTable {
  width: 100%;
  border: 1px solid #ccc;
}
@media print {
  .summaryReportTable {
    width: 98%;
  } 
}
.summaryReportTable td, .summaryReportTable th {
  border: 1px solid #ccc;
  width: 50px;
  max-width: 50px;
  height: 60px;
  text-align: center;
}
.summaryReportTable td:first-child, .summaryReportTable th:first-child {
  width: 150px;
  max-width: 150px;
  
}
.summaryReportTable td:first-child{
  text-align: left;
}

.summaryReportTable td:last-child, .summaryReportTable th:last-child {
  max-width: none;
  width: auto;
}