/* CSS version 0.5.7 */

body {
  font-family: "Lato", sans-serif;
  /* Fixed nav css for Bootstrap */
  /* min-height: 75rem; */
  padding-top: 4.5rem;
}

/* adds bottom margin when Bootstrap columns stack */
@media (max-width: 992px) {

  [class*="col-md-"] {
      margin-bottom: 15px;
  }

}

/* use for table cells with action buttons so they don't stretch*/
td.action-buttons {
  padding: .5rem !important;
  text-align: right;
}
td.action-buttons button.btn-sm {
  width: 32px;
}

/* fixes for bootstrap-select beta */
.bootstrap-select .dropdown-toggle, .show>.btn-light.dropdown-toggle {
  border-color: #ced4da;
  background-color: #ffffff;
  color: #495057;
}

/* stop bootstrap-select from going behind navbar */
div.dropdown-menu.show[x-placement=top-start] {
  margin-top: 56px !important;
}

/* recolour tooltips */
.tooltip {  opacity: 1 !important;}
.tooltip-inner {background-color: #17a2b8;}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {border-top-color: #17a2b8;}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {border-right-color: #17a2b8;}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {border-bottom-color: #17a2b8;}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {border-left-color: #17a2b8;}

select.selectpicker {
  display: block !important;
  float: left;
  overflow: hidden;
  height: 34px;
  width: 0;
  border: 0;
  padding: 0;
  box-shadow: none;
  color: white;
}

/* Makes timesheet tables convert to a single column when viewed on mobile */
@media all and (max-width:768px) {
  .timesheet-table tr { display: table;  width:100%; margin-bottom: 15px; }
  .timesheet-table td {
    display: table-row;
    border-style: solid;
    border-color: transparent;
    border-width: 2px 5px;
  }
  .timesheet-table th { display: none; }
  .timesheet-table button { margin-right: 5px; margin-bottom: 5px; }
  .mobile-label { font-weight: bold; }
}

@media all and (min-width:769px) {
  .mobile-label { display: none; }
}

/* Accordion heading arrows */
.panel-heading  h4:before, .panel-heading  h5:before {
   content: "▾";
   float: right;
   transition: all 0.5s;
}
.panel-heading.active h4:before, .panel-heading.active h5:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
/* Accordion iOS fix */
.accordion-header {
    cursor: pointer;
}

.big-checkbox {width: 25px; height: 25px;}

/* Bootstrap modal fix */
.modal-content {
  width:100%;
}

.modal-dialog-centered {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:calc(100% - (.5rem * 2));
}

@media (min-width: 576px) {
  .modal-dialog-centered {
    min-height:calc(100% - (1.75rem * 2));
  }
}