/* ******** LAST UPDATED: 7-8-2020 ******** */
/* custom hamburger menu color override for BS4 - https://www.codeply.com/go/4FdZGlPMNV */
.custom-toggler.navbar-toggler {
    border-color: rgb(21,190,240);/* APA Cyan color */
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(21,190,240, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/* Redacted font - https://github.com/christiannaths/Redacted-Font */
@font-face {
    font-family: "Redacted";
    src: url("../fonts/web/redacted-regular.eot");
    src: url("../fonts/web/redacted-regular.woff2") format("woff2"),
         url("../fonts/web/redacted-regular.woff") format("woff"),
         url("../fonts/web/redacted-regular.otf") format("opentype"),
         url("../fonts/web/redacted-regular.svg#filename") format("svg");
}
@font-face {
    font-family: "Redacted Script Light";
    src: url("../fonts/web/redacted-script-light.eot");
    src: url("../fonts/web/redacted-script-light.woff2") format("woff2"),
         url("../fonts/web/redacted-script-light.woff") format("woff"),
         url("../fonts/web/redacted-script-light.otf") format("opentype"),
         url("../fonts/web/redacted-script-light.svg#filename") format("svg");
}
@font-face {
    font-family: "Redacted Script Regular";
    src: url("../fonts/web/redacted-script-regular.eot");
    src: url("../fonts/web/redacted-script-regular.woff2") format("woff2"),
         url("../fonts/web/redacted-script-regular.woff") format("woff"),
         url("../fonts/web/redacted-script-regular.otf") format("opentype"),
         url("../fonts/web/redacted-script-regular.svg#filename") format("svg");
}
@font-face {
    font-family: "Redacted Script Bold";
    src: url("../fonts/web/redacted-script-bold.eot");
    src: url("../fonts/web/redacted-script-bold.woff2") format("woff2"),
         url("../fonts/web/redacted-script-bold.woff") format("woff"),
         url("../fonts/web/redacted-script-bold.otf") format("opentype"),
         url("../fonts/web/redacted-script-bold.svg#filename") format("svg");
}
.redacted{
    font-family: "Redacted", sans-serif !important;
}
.redacted-script-light{
    font-family: "Redacted Script Light", sans-serif !important;
}
.redacted-script-bold{
    font-family: "Redacted Script Bold", sans-serif !important;
}
/* BS4 collapse link */
[aria-expanded="true"] .showInstructions, 
[aria-expanded="false"] .hideInstructions {
    display: none;
}
/* styling the span with data-toggle="collapse" */
[data-toggle="collapse"] span{
    background-color: #eee;
    padding: 3px;
    cursor: pointer;
}
/* custom responsive tabs - see https://codepen.io/MaorGigi/pen/NWqrLJN */
.tab-content {
  padding: 0;
}
.card {
  border-radius: 0 0 .25rem .25rem;
  border-top: 0;
}
.nav-tabs {
  height: 42px;
  padding: 0;
  position: relative;
}
.nav-tabs .nav-item {
  margin-left: 0;
}
.nav-tabs .nav-item a {
  color: black;
  display: block;
  padding: 8px 25px;
}
.nav-tabs .nav-item.overflow-tab {
  background-color: white;
  display: none;
  position: absolute;
  right: 0;
  width: 150px;
  z-index: 1;
}
.nav-tabs .nav-item.overflow-tab a {
  border: 1px solid lightgray;
  border-radius: 0;
  padding: 6px 10px;
}
.nav-tabs .nav-item.overflow-tab a:hover, .nav-tabs .nav-item.overflow-tab a:focus, .nav-tabs .nav-item.overflow-tab a:active, .nav-tabs .nav-item.overflow-tab a.active {
  background-color: lightgray;
}
.nav-tabs .nav-item.overflow-tab:last-child {
  border-radius: 0 0 0 4px;
}
.nav-tabs .nav-item.overflow-tab-action {
  position: absolute;
  right: 0;
}
/* custom sort dropdown */
.input-group-btn .btn-group {
    display: flex !important;
}
.btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}
.btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* custom search input */
.has-search .form-control {
    padding-left: 2.375rem;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
/* jquery resizable vertical panels - see https://github.com/RickStrahl/jquery-resizable */
.panel-container-vertical {
    display: flex;
    flex-direction: column;
    height: auto;
    border: 1px solid silver;
    overflow: hidden;
}
.panel-top {
    flex: 0 0 auto; /* only manually resize */
    padding: 10px;
    height: 80px;
    width: 100%;
    white-space: nowrap;
    background: #838383;
    color: white;
}
.splitter-horizontal {
    flex: 0 0 auto;
    height: 18px;
    background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/hsizegrip.png) center center no-repeat #c1e1ec; /* was 535353 but too dark to see dark row resize png */
    cursor: row-resize;
}
.panel-bottom {
    flex: 1 1 auto; /* resizable */
    padding: 10px;
    min-height: 900px;
    background: #eee;
    padding-bottom: 100px; /* just for demo mockup */
}