/* fwkweb base.css styles */

.site-footer { z-index: 999;}

footer .navbar-text {
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 0px;
  color: #004080 !important;
}

.site-navbar .navbar-nav-svg {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: text-top;
}

.site-navbar .navbar-nav .nav-link.active {
  font-weight: 500;
}

.site-navbar {
  min-height: 3.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05),inset 0 -1px 0 rgba(0,0,0,0.1);
}

@media (max-width: 991.98px) {
 .site-navbar {  /* has no effect if expicitly set inline using  classes like px-1 */
  padding-right: .5rem;
  padding-left: .5rem
 }
}
/* //.sticky-top // redundant?
@media (min-width: 350px) {
 @supports ((position: -webkit-sticky) or (position: sticky)) {
  .site-navbar {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
/ *   z-index: 1071 * /
  }
 }
}
*/
.site-navbar .navbar-nav .nav-link {
    padding-right: .5rem;  /* bs4 default values (.5rem) */
    padding-left: .5rem;   /* bs4 default values (.5rem) */
}

/*
 *.site-navbar .dropdown-menu { font-size:.875rem; }
*/

/* offsetting html anchors to adjust for fixed header */
.site-content > h1[id]::before, .site-content > h2[id]::before, .site-content > h3[id]::before, .site-content > h4[id]::before {
  display: block;
  height: 8.5rem;
  margin-top: -8.5rem;
  content: "";
}

body {
  margin-bottom: 50px; /* Margin bottom by footer height */
  padding-bottom: 5px;
}

.site-content {padding-top: 5px;}
.site-content img {
  max-width: 100%;
  box-sizing: content-box;
  /* background-color: #fff; */
}

.badge-core {color: #fff !important; background-color: #007bff;}
.badge-core[href]:hover, .badge-primary[href]:focus {color: #fff !important; text-decoration: none; background-color: #0062cc;}

.badge-plugin {color: #fff !important; background-color: #469408;}
.badge-plugin[href]:hover, .badge-success[href]:focus {color: #fff !important; text-decoration: none; background-color: #1e7e34;}

/* profile settings */
/*.profile:hover .dropdown-menu { display: block; }

.profile-name {
  display: inline-block;
  max-width: 100px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}*/

/* Define double collumned menus for non-mobile views */
@media screen and (max-height: 750px) {
  .double-menu-750 {columns: 2;}
}

.inline-overflow {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}

.max-width-15 {max-width: 15px;}
.max-width-20 {max-width: 20px;}
.max-width-30 {max-width: 30px;}
.max-width-50 {max-width: 50px;}

.max-width-100 {max-width: 100px;}
.max-width-150 {max-width: 150px;}
.max-width-200 {max-width: 200px;}
.max-width-250 {max-width: 250px;}
.max-width-300 {max-width: 300px;}
.max-width-350 {max-width: 350px;}
.max-width-400 {max-width: 400px;}
.max-width-450 {max-width: 450px;}
.max-width-500 {max-width: 500px;}

.min-width-50 {min-width: 50px;}
.min-width-60 {min-width: 60px;}
.min-width-100 {min-width: 100px;}
.min-width-150 {min-width: 150px;}
.min-width-200 {min-width: 200px;}
.min-width-250 {min-width: 250px;}
.min-width-300 {min-width: 300px;}
.min-width-350 {min-width: 350px;}
.min-width-400 {min-width: 400px;}
.min-width-450 {min-width: 450px;}
.min-width-500 {min-width: 500px;}

.flex-width {width: auto;}  /* to be deprecated: use .w-auto from BS4 */

/* dropdown menu compact settings */
.dropdown-menu-compact {
  padding: calc(var(--bs-dropdown-padding-y) * 0.5) calc(var(--bs-dropdown-padding-x)*0.5);
}
.dropdown-menu-compact .dropdown-header {
  padding: calc(var(--bs-dropdown-header-padding-y)*0.6) calc(var(--bs-dropdown-header-padding-x)*0.8);
}
.dropdown-menu-compact .dropdown-item {
  padding: calc(var(--bs-dropdown-item-padding-y)*0.75) calc(var(--bs-dropdown-item-padding-x)*1.0);
}

/* smart checkbox rendering */
span.checkbox {display: inline;}

.checkbox input {display: none;}
.checkbox:hover {cursor: pointer;}
.checkbox input ~ .checkbox-on, .checkbox input ~ .checkbox-off {font-size: 120%;}

.checkbox .checkbox-on { display: none; }
.checkbox input:checked ~ .checkbox-on { display: inline; }
.checkbox input:checked ~ .checkbox-off { display: none; }
/* .checkbox input[type="checkbox"]:checked ~ .checkbox-off { display: none; } */

/* .object-details {} */
.object-details .fieldset-title {
    border-bottom-style: inset;
    border-bottom-width: 2px;
}

.tooltiptext {display: none;}

/* custom has-danger style for form validaton to highlight full input-group (removed in BS5) */
.has-danger input:not([type=checkbox]),
.has-danger .form-control,
.has-danger input.form-control[readonly],
.has-danger input[type=text][readonly],
.has-danger [type=text].form-control[readonly],
.has-danger input:not([type=checkbox]):focus,
.has-danger .form-control:focus {
  border-bottom: none;
  box-shadow: inset 0 -2px 0 #e51c23;
}
.has-danger .input-group-text, .has-danger > .form-control, .has-danger .select2-selection  {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
  background-color: var(--bs-danger-bg-subtle);
}