/* Content Styles
----------------------------------------------------------------*/
/* Div - General
------------------------------------------------*/
.img-faulty-case { vertical-align: top; }
.img-frame,
.img-frame-upload {
  background-color: #fff;
  border: 1px solid #000;
  padding: 10px;
  text-align: center;
}
.img-frame { width: 200px; }
.img-frame-upload { width: 270px; }
#print {
  width: 100%;
  text-align: right;
}

/* Map
------------------------------------------------*/
#dvMap {
  margin: 0 auto;
  padding: 0;
  width: 1190px;
  height: 675px;
}
#map {
  margin: 0 auto;
  padding: 0;
  width: 570px;
  height: 265px;
}

/* Map - Info Bubble
------------------------------------------------*/
#ib_container .ib_title {
  font-size: 14px;
  width: 170px;
  height: 30px;
  padding: 6px;
  background-color: #e0ffff;
  color: black;
  text-align: center;
  border-radius: 8px 8px 0 0;
}
p.ib_p {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  padding: 0px 15px 0px 15px;
  text-align: center;
}

/* Ajax TabContainer
------------------------------------------------*/
.ajaxContainer { width: 1200px; }

/* Table
------------------------------------------------*/
.tblLicense { border: 2px solid #ccc; }

/* Table Row
------------------------------------------------*/
.tdReminderHour { padding: 0 10px; }

/* Fault Report, Checklist Caption List Table
------------------------------------------------*/
.faulty-case-email {
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  width: 530px;
  height: 240px;
}
.modalPopup {
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* QR Code Preview
------------------------------------------------*/
.qrcode-preview {
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
}
.qrcode-preview td { color: #000; }

/* Panel
-------------------------------*/
.modalBackground {
  height: 100%;
  background-color: #808080;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

/* Table Styles
----------------------------------------------------------------*/
/* Fault Report and Checklist Close Report Table
------------------------------------------------*/
table.close-report td:nth-child(2) { padding-right: 20px; }

/* Fault Report Faulty Case Table
------------------------------------------------*/
.faulty-case {
  padding: 6px 10px 10px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.faulty-case .rotate { padding-left: 8px; }
td.img-gap {
  padding: 0;
  width: 1px;
}

/* Setup List Table
------------------------------------------------*/
table.caption-list th,
table.subarea-list th,
table.template-fr-list th,
table.template-cl-list th,
table.schedule-fr-list th,
table.schedule-cl-list th,
table.equipment-info-list th,
table.delivery-order-list th,
table.delivery-order-acceptance-report-list th,
table.bill-of-material-list th {
  text-align: left;
  padding-bottom: 8px;
}
table.caption-list th,
table.caption-list td {
  padding: 8px;
}
table.caption-list tr:nth-child(odd) { background-color: #f0f8ff; }
table.caption-list td { border-bottom: 1px solid #d1d0ce; }
table.equipment-info-list th,
table.delivery-order-list th,
table.delivery-order-acceptance-report-list th { vertical-align: top; }


/* Sub Area List Table
------------------------------------------------*/
table.subarea-list th:first-child,
table.subarea-list td:first-child {
  width: 41px;
}
table.subarea-list th:nth-child(2) { width: 118px; }
table.subarea-list th:nth-child(3) { width: 384px; }
table.subarea-list th:nth-child(4) { width: 243px; }
table.subarea-list th:nth-child(5) { width: 54px; }
table.subarea-list th:nth-child(6) { width: 168px; }

/* Serial Number of Fault Report, Checklist & Equipment Info
------------------------------------------------*/
table.template-fr-list th:first-child,
table.template-fr-list td:first-child,
table.template-cl-list th:first-child,
table.template-cl-list td:first-child,
table.schedule-fr-list th:first-child,
table.schedule-fr-list td:first-child,
table.schedule-cl-list th:first-child,
table.schedule-cl-list td:first-child,
table.equipment-info-list th:first-child,
table.equipment-info-list td:first-child,
table.delivery-order-list th:first-child,
table.delivery-order-list td:first-child,
table.delivery-order-acceptance-report-list th:first-child,
table.delivery-order-acceptance-report-list td:first-child,
table.bill-of-material-list th:first-child,
table.bill-of-material-list td:first-child {
  width: 41px;
}
table.schedule-cl-list-button td:first-child,
table.equipment-info-list-button th:first-child,
table.equipment-info-list-button td:first-child,
table.maintenanceplan-button td:first-child {
  width: 46px;
}

/* Fault Master Caption List Table
------------------------------------------------*/
table.template-fr-list th:nth-child(2) { width: 385px; }
table.template-fr-list th:nth-child(3) { width: 213px; }
table.template-fr-list th:nth-child(4) { width: 208px; }
table.template-fr-list th:nth-child(5) { width: 41px; }

/* Delivery Order Caption List Table
------------------------------------------------*/
table.delivery-order-list th:nth-child(2) { width: 342px; }
table.delivery-order-list th:nth-child(3) { width: 621px; }

/* Checklist Master Caption List Table
------------------------------------------------*/
table.template-cl-list th:nth-child(2) { width: 486px; }
table.template-cl-list th:nth-child(3) { width: 118px; }
table.template-cl-list th:nth-child(4) { width: 117px; }
table.template-cl-list th:nth-child(5) { width: 56px; }
table.template-cl-list th:nth-child(6) { width: 42px; }

/* Fault List Caption List Table
------------------------------------------------*/
table.schedule-fr-list th:nth-child(2) { width: 372px; }
table.schedule-fr-list th:nth-child(3) { width: 213px; }
table.schedule-fr-list th:nth-child(4) { width: 207px; }
table.schedule-fr-list th:nth-child(5) { width: 42px; }
table.schedule-fr-list th:nth-child(6) { width: 261px; }

/* List of Checklists Caption List Table
------------------------------------------------*/
table.schedule-cl-list th:nth-child(2) { width: 481px; }
table.schedule-cl-list th:nth-child(3) { width: 118px; }
table.schedule-cl-list th:nth-child(4) { width: 97px; }
table.schedule-cl-list th:nth-child(5) { width: 57px; }
table.schedule-cl-list th:nth-child(6) { width: 41px; }
table.schedule-cl-list th:nth-child(7) { width: 289px; }

/* List of Checklists Frequency Table
------------------------------------------------*/
table.schedule-frequency { width: 100%; }
table.schedule-frequency tr:nth-child(odd) {
  background-color: #f0f8ff;
  border: 1px solid #bcc6cc;
}
table.schedule-notification { width: 100%; }
table.schedule-notification td:nth-child(odd) { border: 1px solid #bcc6cc; }

/* List of Equipment Info List Table
------------------------------------------------*/
table.equipment-info-list th:nth-child(2) { width: 118px; }
table.equipment-info-list th:nth-child(3) { width: 267px; }
table.equipment-info-list th:nth-child(4) { width: 303px; }
table.equipment-info-list th:nth-child(5) { width: 164px; }
table.equipment-info-list th:nth-child(6) { width: 163px; }
table.equipment-info-list th:nth-child(7) { width: 81px; }

/* List of Bill of Material List Table
------------------------------------------------*/
table.bill-of-material-list th:nth-child(2) { width: 386px; }
table.bill-of-material-list th:nth-child(3) { width: 318px; }
table.bill-of-material-list th:nth-child(4) { width: 118px; }

/* Tracking Table
------------------------------------------------*/
table.tracking td:first-child { padding-top: 19px; }
table.tracking td:nth-child(3) { padding-top: 19px; }
table.tracking td:nth-child(4) { padding-top: 12px; }
table.tracking td:nth-child(5) { padding-top: 16px; }
table.tracking td:nth-child(6) { padding-top: 11px; }

/* Role Table
------------------------------------------------*/
table.role td:first-child { width: 84px; }
table.role-button td:first-child { width: 89px; }

/* Licensing Info Table
------------------------------------------------*/
table.license,
table.license-profile,
table.license-package,
table.license-operating-hour {
  width: 100%;
}
table td.license-profile-left,
table td.license-profile-right {
  width: 45%;
  vertical-align: top;
}
table.license-profile tr:nth-child(odd),
table.license-package tr:nth-child(odd) {
  background-color: #f0f8ff;
}
table.license-profile td:first-child { width: 100px; }
table.license-profile td:first-child:after { content: ' :'; }
table.license-package td:first-child { width: 165px; }
table.license-package td:first-child:not(:last-child):after { content: ' :'; }
table.license-operating-hour td:first-child { width: 65px; }

/* Role Table
------------------------------------------------*/
table.scheduler td:first-child { width: 136px; }
table.scheduler td:nth-child(2) { width: 100px; }
table.scheduler td:nth-child(3) { width: 138px; }

/* Delivery Order & Acceptance Report Caption List Table
------------------------------------------------*/
table.delivery-order-acceptance-report-list th:nth-child(2) { width: 1000px; }

/* Input Styles
----------------------------------------------------------------*/
/* Text Area
-------------------------------*/
textarea { font-family: arial, helvetica, sans-serif; }

/* Miscellaneous
----------------------------------------------------------------*/
/* Labelling
--------------------------------*/
.input-label:after { content: ' :'; }
.required,
.monthly-hint,
.error {
  color: #f06;
}
.required:before { content: ' *'; }
.caption-hint,
.monthly-hint {
  font-size: 1.2em;
  font-style: italic;
}

/* jQuery Scroll To Top
--------------------------------*/
a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}
.scrollToTop {
  width: 96px;
  height: 96px;
  position: fixed;
  bottom: 2em;
  right: 2em;
  display: none;
  background: url(../images/arrow_up.png);
}

/* Fault Report Close Modal Pop Up
----------------------------------------------------------------*/
.table-modal td {
  text-align: center !important;
  padding: 6px !important;
}