body {
   padding-top: 50px;
   font-family: "Roboto", sans-serif;
}

body.amt {
   background-color: white;
   color: black;
}

body.researcher {
   background-color: white;
   color: black;
}

.starter-template {
   padding: 40px 15px;
   text-align: center;
}

/* overriding underline style from Bootstrap5 */
a {
   text-decoration: none;
}

a.navbar-brand {
   padding: 0;
   border: 0;
   margin: 0;
}

.form-group-sm .control-label {
   font-size: smaller;
}

.tt-menu {
   width: 422px;
   margin: 0 0;
   padding: 1px 6px;
   background-color: #fff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 8px;
   box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.scrollable-typeahead-menu .tt-menu {
   max-height: 200px;
   overflow-y: auto;
}

.tt-suggestion {
   padding: 3px 3px;
   line-height: 24px;
}

.tt-suggestion:hover {
   cursor: pointer;
   color: #fff;
   background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
   color: #fff;
   background-color: #0097cf;
}

.tt-suggestion p {
   margin: 0;
}

/* get typeahead controls to align properly */
.form-inline .form-control,.twitter-typeahead {
   vertical-align: middle !important;
}

/* safe? needed so that typeahead spans stretch */
form:not(.form-inline) .twitter-typeahead {
   width: 100% !important;
}

.item-label {
   font-weight: bolder;
}

/* adds indicator to collapsing panel headings, note custom heading classname
   so don't have to use it for panels with collapse */

.collapsing-panel-heading .accordion-toggle:after {
   /* symbol for "opening" panels */
   font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
   content: "\e113";    /* adjust as needed, taken from bootstrap.css */
   color: grey;         /* adjust as needed */
}

.collapsing-panel-heading .accordion-toggle.collapsed:after {
   /* symbol for "collapsed" panels */
   content: "\e114";    /* adjust as needed, taken from bootstrap.css */
}

.collapsing-panel-heading a.accordion-toggle {
   text-decoration: none;
}

.fixed-panel {
   max-height: 40em;
   overflow-y: scroll;
   overflow-x: hidden;
}

/* for debugging grids */
.dbgb {
   border: solid 1px grey;
   background-color: lightgrey;
}

.hoverPointer:hover {
   cursor: pointer;
}

.pagination_vertical {
   width: 40px !important;
}

.pagination_vertical li a {
   width:40px;
   max-width:40px;
   padding-left: 0 !important;
   padding-right: 0 !important;
   text-align: center !important;
}

.pagination_vertical > li:first-child > a,
.pagination_vertical > li:first-child > span {
   margin-left: -1px !important;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   border-bottom-left-radius: 0 !important;
}
.pagination_vertical > li:last-child > a,
.pagination_vertical > li:last-child > span {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   border-top-right-radius: 0 !important;
}

/* TODO specific colour styles - are these used? */

.colorBcgLightCyan{
   background-color: lightcyan;
}

.colorBcgLightGreenBlue {
   background-color: #e4ebd6 !important;
}

.colorBcgLightGreenYellow {
   background-color: #d6ebe3 !important;
}

/*Fix for modal header covering round border of its parent*/
.bg_modal_fix {
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
}

.btn_no_border {
   background-color: inherit !important;
   border: none !important;
}

.btn-file {
   position: relative;
   overflow: hidden;
}

.btn-file input[type=file] {
   position: absolute;
   top: 0;
   right: 0;
   min-width: 100%;
   min-height: 100%;
   font-size: 100px;
   text-align: right;
   filter: alpha(opacity=0);
   opacity: 0;
   outline: none;
   background: white;
   cursor: inherit;
   display: block;
}

.error_field {
   background-color: hsl(0,80%,97%) !important;
   border-color: red !important;
   -webkit-box-shadow: inset 0 1px 1px hsla(0,100%,10%,.075), 0 0 8px hsla(0,100%,50%, .6) !important;
   box-shadow: inset 0 1px 1px hsla(0,100%,10%,.075), 0 0 8px hsla(0,100%,50%, .6) !important;
}

.warning_field {
   background-color: hsl(50,82%,90%) !important;
   border-color: #eac715 !important;
   -webkit-box-shadow: inset 0 1px 1px hsla(50,82%,10%,.075), 0 0 8px hsla(50,82%,60%, .6) !important;
   box-shadow: inset 0 1px 1px hsla(50,82%,10%,.075), 0 0 8px hsla(50,82%,60%, .6) !important;
}

.warning_cell {
   background-color: hsl(46,100%,85%) !important;
   border-left: solid 5px #f0ad4e !important;
}

.message {
   background-color: #cec;
   border: solid 2px black;
   padding: 1em;
   margin-bottom: 1em;
   text-align: center;
   font-weight: bold;
}

.messageError {
   background-color: #ecc;
   border: solid 2px black;
   padding: 1em;
   margin-bottom: 1em;
   text-align: center;
   font-weight: bold;
}

.messageWarning {
   background-color: #fb6;
   border: solid 2px black;
   padding: 1em;
   margin-bottom: 1em;
   text-align: center;
   font-weight: bold;
}

.clickable { cursor: pointer; }

.checkbox_size_fix{
   width: 27px !important;
}

.validationList {
   list-style-type: none;
}

.pad_t_1em{
   padding-top: 1em;
}

.pad_t_05em{
   padding-top: 0.5em;
}

.pad_b_1em{
   padding-bottom: 1em;
}

.pad_b_05em{
   padding-bottom: 0.5em;
}

.mg_t_1em {
   margin-top: 1em;
}

.mg_t_2em {
   margin-top: 2em;
}

.mg_b_1em {
   margin-bottom: 1em;
}

.mg_h_1em {
   margin-left: 1em;
   margin-right: 1em;
}

table.longText {
   table-layout:fixed;
}

td.longText {
   word-wrap:break-word;
}

.tooltip-inner {
   word-wrap:break-word;
}

#tableQuoteCreate td {
   border: 1px black solid;
}

/* Don't print link hrefs - override Bootstrap style */
@media print {
   a[href]:after {
      content: none
   }
}

.greyed {
   color: grey
}

/* See pw-reveal.js */
/*.pr-toggle::before {
    font-family: "Glyphicons Halflings";
    content: "\e105";
}

.pr-toggle.pr-hide::before {
    font-family: "Glyphicons Halflings";
    content: "\e106";
}*/

/* Callouts adapted from bs-docs */

/* Common styles for all types */
.bs-callout {
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #eee;
}

.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

.bs-callout p:last-child {
  margin-bottom: 0;
}

/* Variations */
.bs-callout-danger {
  background-color: #fdf7f7;
  border-color: #eed3d7;
}

.bs-callout-danger h4 {
  color: #b94a48;
}

.bs-callout-warning {
  background-color: #faf8f0;
  border-color: #faebcc;
}

.bs-callout-warning h4 {
  color: #8a6d3b;
}

.bs-callout-info {
  background-color: #f4f8fa;
  border-color: #bce8f1;
}

.bs-callout-info h4 {
  color: #34789a;
}


.overflow-auto{
   overflow: auto;
}

.width-100{
   width: 100%;
}

.width-20{
   width: 20%;
}

.width-5{
   width: 5%;
}

.width-75{
   width: 75%;
}

.pr-1em{
   padding-right: 1em;
}

.width-120px{
   width: 120px;
}

.va-top{
   vertical-align: top;
}

/* For Boostrap 5, bring back hover style on sidebar*/
.nav-pills .nav-link:hover {
   background-color: #e9ecef;
   color: #495057;
}