/*
  Styles for pf-manager plugin
  Prefix classes with pfm-

  orange: #eb8c49
  blue:   #48536d

*/

.pfm-textcol {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pfm-error {
    color:red;
}

.pfm-admin {
    color:magenta;
}

.pfm h1,
.pfm h2,
.pfm h3 {
  color:#48536d;
}

.pfm-title {
  color:#48536d;
  border-bottom:1px solid #999999;
}

.pfm-border-l {
  border-left :1px solid #a0a0a0;
}
.pfm-border-r {
  border-right:1px solid #a0a0a0;
}
.pfm-border-lr {
  border-left :1px solid #a0a0a0;
  border-right:1px solid #a0a0a0;
}
.pfm-border-lrb {
  border-left :1px solid #a0a0a0;
  border-right:1px solid #a0a0a0;
  border-bottom:1px solid #a0a0a0;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}

.pfm-menu-nav a:not(:last-child) {
   border-right: 1px solid #cccccc;
}

.pfm-badge {
   font-weight:400;
   color:black;
}

.pfm-menu-nav a.active {
   background-color: #cccccc;
   font-weight:600;
}

.pfm_filler {
  display:inline-block;
  width:16px;
}

.pfm-hit {
  background-color:yellow;
  color:black;
}

.pfm-lan-first {
  border-top: 2px black solid;
}

.pfm-zoom {
  position:relative;
  transition: transform .2s;
  border:1px solid gray;
}

.pfm-zoom:hover {
  transform: scale(1.5);
  z-index:1030;
  border:1px solid black;
}

.dropdown-menu {
  z-index:1030;
}

.pfm-hr-narrow {
  margin: 8px 40px 8px 8px;
}

.pfm-look-disabled {
  background-color: #e9ecef;
}
.pfm-look-disabled:focus {
  background-color: #e9ecef;
}

.pfm-grayish {
  color: #cccccc;
}

.pfm-optgood {
  color: #006600;
  font-weight:600;
  font-size:1.25em;
}

.pfm-optbetter {
  color: #006600;
  font-weight:600;
  font-size:1.5em;
}


/* For scroll to anchor #show_xxx */
html {
  scroll-behavior: smooth;
}
.pfm-section-header {
  scroll-margin-top: 100px;
}

.btn-outline-primary:not(:hover) {
  background-color:white;
}


/* Adjust form defaults and behaviour */

.form-control {
  --bs-border-color: #a0a0a0;
}

.form-required {
  color:#f29100;
  font-weight:700;
}

/* Less padding on main block, default 32px */
.has-global-padding {
  padding-left:8px;
  padding-right:8px;
}

/* Bold when checked */
.form-check-input:checked+.form-check-label {
  font-weight: 600;
}

.pfm-red-checked:checked+.form-check-label {
  color: red;
}

.pfm-green-checked:checked+.form-check-label {
  color: green;
}

/* Keep blue even when collapsed, also bold */
.accordion-button {
  background-color: var(--bs-accordion-active-bg) !important;
  font-weight:600;
  border-top: 1px solid #a0a0a0;
  border-radius: 0px;
}

.pfm-completeness {
  width:25%;
  align-content: center;
  text-align: center;
  background-color: rgb(231, 241, 255) !important;
  border-top: 1px solid #a0a0a0;
}

/* bold slightly less bold - standard is 700 */
b {
  font-weight:600;
}

legend {
  float:none !important;
  width:inherit !important;
  font-size:1.25em !important;
  background-color: #e7f1ff;
  border-radius: 4px;
}

.tooltip-inner {
  min-width: 100px;
  max-width: 500px; 
  text-align: left;
}

@media (max-width: 320px) {
  .tooltip-inner {
    min-width: initial;
    max-width: 320px;
  }
}


.pfm-sticky-49 {
  top:49px;
}

@media (max-height: 700px) {
  .pfm-sticky-49 {
    top:0px;
  }
}



.pfm-ztop {
  z-index:9900 !important;
}

/*.dropdown-menu { z-index: 1040 !important; }*/

@media (min-width: 1020px) {
  .pfm-sticky-high1 {
    position:-webkit-sticky;
    position:sticky;
    top:49px;
    z-index:999;
    background-color:white;
  }

  .pfm-sticky-high2 {
    position:-webkit-sticky;
    position:sticky;
    top:86px;
    z-index:999;
  }

  @media (max-height: 700px) {
    .pfm-sticky-high1 {
      position:relative;
      top:0px;
    }
    .pfm-sticky-high2 {
      position:-webkit-sticky;
      position:sticky;
      top:49px;
      z-index:999;
    }
  }
}