/* overrides */
body { padding-top: 0; }
.page {min-height: 100%;}
.btn-primary, .btn-primary:hover { background-color: #9b5b4d; border-color: #9b5b4d; }
.btn-success, .btn-success:hover { background-color: #d4edda; color: #000; border-color: #d4edda; }
.bg-success { background-color: #d4edda !important; }
.text-primary { color: #9b5b4d !important; }
a { color: #9b5b4d; }
.page-link, .page-link:hover { color: #9b5b4d; }
.page-item.active .page-link { background-color: #9b5b4d; border-color: #9b5b4d; }
.nav-tabs .nav-link.active { background-color: #9b5b4d; border-color: #9b5b4d; }

/* nav */
.navbar { background-color: #d4edda; z-index: 9999; }
.nav .nav-item { border-left: 1px solid #f1f4f5; }

/* alerts */
.alert ul { list-style: none; padding-left: 0; }
.alert ul li { padding-left: 0; }

/* drag and drop */
.ui-draggable { cursor: pointer; }
.ui-draggable-dragging { border: 1px solid #000; padding: 5px; border-radius: 5px; color: #000; background-color: #f1f4f5; }
.ui-droppable.ui-state-active { background-color: #d4edda; border-color: #d4edda; color: #76838f; }
.ui-droppable.ui-state-active a { color: #000; }

/* tables */
.table td.min {width: 1px;white-space: nowrap;text-align: center;}
.table thead tr.table-row-sticky-top-1:nth-child(1) th { position: sticky; top: 0; background-color: #f1f4f5 }
.table thead tr.table-row-sticky-top-2:nth-child(2) th { position: sticky; top: 42px; background-color: #f1f4f5 }
.sortabletable td { cursor: move; }

/* chat */
.chat-body { margin-left: 0 !important; margin-right: 0; }
.chat-content { margin-left: 5px !important; margin-right: 5px !important; }

/* panel groups */
.panel-group .panel-title { background-color: #f1f4f5; }
.panel-group .panel-collapse .panel-body { padding: 15px 0; }
.panel-group .panel-title::before { content: "\f067"; font-family: "FontAwesome"; }
.panel-group .panel-title::after { content: "\f068"; font-family: "FontAwesome"; }

/* signature */
.signature-pad { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 10px; width: 100%; height: 300px; border: 1px solid #e8e8e8; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset; border-radius: 4px; padding: 5px;}
.signature-pad::before, .signature-pad::after { position: absolute; z-index: -1; content: ""; width: 40%; height: 10px; bottom: 10px; background: transparent; box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4); }
.signature-pad::before { left: 20px; -webkit-transform: skew(-3deg) rotate(-3deg); transform: skew(-3deg) rotate(-3deg); }
.signature-pad::after { right: 20px; -webkit-transform: skew(3deg) rotate(3deg); transform: skew(3deg) rotate(3deg); }
.signature-pad-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #f4f4f4; }
.signature-pad-body
canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; }
.signature-pad-footer { color: #C3C3C3; text-align: center; font-size: 1.2em; margin-top: 8px; }
.signature-pad-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 8px; }

/* invoice */
.page-invoice-amount { margin-bottom: 40px; padding-top: 10px; font-size: 20px; border-top: 1px solid #e4eaec; }

/* timesheet entries */
.entry td, td.entry { cursor: pointer; }

/* schedule */
.schedule-job-panel .panel-title { padding: 10px !important; font-size: 16px; }
.schedule-job-panel .panel-body { padding: 10px; }
.schedule-job-panel .panel-body table tbody tr td { border-top: 0; }

/* company/job/{job} */
#job_inner_page .labor_rates {
  display: flex;
}
#job_inner_page .labor_rates .item {
  width: 100%;
  display: flex;
  flex-flow: column;
}
#job_inner_page .labor_rates .item .value_dates {
  display: flex;
  flex-flow: column;
  width: 100%;
  margin-top: 10px;
}
#job_inner_page .labor_rates .item .value_dates .value_date {
  display: flex;
  flex-flow: row;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
}
#job_inner_page .labor_rates .item .value_dates .value_date .info {
  display: flex;
  flex-flow: column wrap;
  flex-grow: 1;
  justify-content: space-between;
}
#job_inner_page .labor_rates .item .value_dates .value_date .info.default {
  flex-flow: row wrap;
  align-items: center;
}
#job_inner_page .labor_rates .item .value_dates .value_date .info.default .value {
  margin: 0;
}
#job_inner_page .labor_rates .item .value_dates .value_date .info .value {
  margin-bottom: 10px;
}
#job_inner_page .labor_rates .item .value_dates .value_date .action {
  display: flex;
  flex-flow: column;
  padding-left: 10px;
}
#job_inner_page .labor_rates .item .value_dates .value_date .action .edit {
  margin-bottom: 10px;
}
#job_inner_page .labor_rates .item .value_dates .value_date .action .btn {
  padding: 5px !important;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .429rem 1rem;
  font-size: 1rem;
  line-height: 1.57142857;
  border-radius: .215rem;
  transition: color .15s;
  color: white;
}
#job_inner_page .labor_rates .item .value_dates .value_date .info.default {
  flex-flow: row wrap;
  align-items: center;
}
#job_inner_page .labor_rates .item .value_dates .value_date .info.default .value {
  margin: 0;
}
#job_inner_page .labor_rates .item .value_dates .value_date .action .btn.delete {
  background-color: #ce252f;
  border-color: #ce252f;
}
#job_inner_page .labor_rates .item .value_dates .value_date .action .btn.edit {
  background-color: #9b5b4d;
  border-color: #9b5b4d;
  margin-right: 5px;
}
.datepicker {
  z-index: 1600 !important; /* has to be larger than 1050 */
}

/* nearby_hotels */
#nearby_hotels .items,
#nearby_hotels .items form {
  display: flex;
  flex-flow: row wrap;
}

#nearby_hotels .items .item {
  display: flex;
  flex-flow: column;
  width: 100%; 
  flex: 0 0 calc(33.33% - 20px);
  margin: 0 10px 10px;
}

#nearby_hotels .items .item .thumbnail img {
  width: 100%;
  height: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}

#nearby_hotels .items .item .content {
  width: 100%;
  padding: 10px;
}
#nearby_hotels .items .item .content .name {
  font-size: 16px;
  font-weight: bolder;
}

#nearby_hotels .items .item .content .group_text {
  width: 100%;
  display: flex; 
  flex-flow: row;
  margin-bottom: 5px;
  align-items: flex-start;
}
#nearby_hotels .items .item .content .group_text .label {
  margin-right: 5px;
  font-weight: bold;
  font-size: 14px;
}
#nearby_hotels .items .item .content .checkbox {
  margin: 0;
  margin-right: 5px;
}
#nearby_hotels .items .item .content .checkbox_label {
  font-weight: bolder;
  font-size: 15px;
  margin: 0;
  margin-right: 5px;
}
#nearby_hotels .items .item .content  .form-group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

#nearby_hotels .panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#place_submit_button {
  display: none;
}

#nearby_hotels .panel_actions {
  display: flex;
  align-items: center;
}

.lnglat {
  margin-top: 10px;
  padding-top: 20px;
  display: flex;
}

.lnglat div:first-child {
  margin-right: 10px;
}
.lnglat input {
  cursor: default;
  caret-color: transparent;
  outline: none;
  border: 1px solid #0000003b;
  color: #76838f;
}