/* These stylings apply GLOBALLY, not those that explicity expect it */

/* Backports soom relied upon bootstrap3 functions for some targeted areas */

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

/* Some old Bootstrap code relies on this */
.hidden {
  display: none;
}


/* From bootstrap3 theme css, droping gradient to be more in line with bootstrap 5 */

.btn-default:disabled,
.btn-default[disabled] {
  background-color: #e0e0e0;
  background-image: none;
  pointer-events:none;
}


/* Prevents Default Button from looking awful */
button {
  border-radius: revert;
}


/* Fixes for Bootstrap Legacy datepicker */

/* Remove when updating date pickers */

.bootstrap-datetimepicker-widget :is(.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td) {
  padding: 4px 3px 3px 3px; /* used to be 5px */
}

.bootstrap-datetimepicker-widget:is(.dropdown-menu) {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.paginate_button a {
  padding: 10px;
}



/* Close Icon Fix */

.ui-dialog-titlebar-close {
    padding:0 !important;
}

.ui-dialog-titlebar-close:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    /* Change path to image*/
    background-image: url(/static/css/jquery_ui/images/ui-icons_cc0000_256x240.png);
    background-position: -96px -128px;
    background-repeat: no-repeat;
}


.datetime_relativefix {
  position: relative;
}


.datetime_relativefix_force {
  position: relative !important;
}

td.ShiftDt a {
  color: blue!important;
}

/* Home Screen Search fix - .form-control-feedback was removed in bs5 */
#searchclear  {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.multiselect-native-select .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/* Bluescreen BreadCrumb Fix */
table.tablesorter th.breadcrumb, table.tablesorter td.breadcrumb {
  display: revert!important;
}
  /* Make UL Tooltips Usable, add along template change */

.tooltip-inner-fw {
  list-style-type: none; /* Remove bullets */
  color: #000!important;
  text-align: left!important;
  text-decoration: none;
  background-color: #fff!important;
  opacity: 1!important;
  border: 1px solid #000!important;
}


nav.navbar div.container-fluid div.show { max-height: calc(100vh - 60px); overflow-y: auto; }

/* Add Edit Users Mobile fix */
@media only screen and (max-width: 1200px) {
  button.force-pass-button {
      margin-left: -345px;
      margin-top: 40px;
   }
}