body {
    padding-top: 54px;
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}

/* NS : avoid jumping scrollbar issue : almost works but the top bar still jump :-(
html { margin-left: calc(100vw - 100%); } */

/* NS navbar logo */
a.navbar-brand img {
    margin-top: -10px;
    margin-bottom: -10px;
    width: 32px;
    height: 32px;
}

/* NS : corner ribbon */
.corner-ribbon {
  z-index: 2000;
  width: 200px;
  position: fixed;
  top: 25px;
  left: -50px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  text-align: center;
  line-height: 25px;
  font-size: 18px;
  font-weight: bold;
  border-top: 5px dotted; 
  border-bottom: 5px dotted;
}

/* NS : scroll-to-top */
.scroll-to-top {
  line-height: 45px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: white;
  background: rgba(41, 43, 44, 0.5); }
  .scroll-to-top:hover, .scroll-to-top:focus {
    color: white; }
  .scroll-to-top:hover {
    background: #292b2c; }

/* NS : card header clickable */
div.card-header {
  cursor: pointer; }
div.card-header > a {
  display: inline-block; width: 100%; text-decoration: none; }

/* NS: card header accordion arrows */
div.card-header[role="tab"] > a {
  /*display: block;*/
  position: relative;
}
div.card-header[role="tab"] > a:after {
  content: "\f078"; /* fa-chevron-down */
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
}
div.card-header[role="tab"] > a[aria-expanded="true"]:after {
  content: "\f077"; /* fa-chevron-up */
}

  
/*
Make bootstrap-select work with bootstrap 4 see:
https://github.com/silviomoreto/bootstrap-select/issues/1135
*/
.dropdown-toggle.btn-default {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}
.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
  display: block;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
  display: none;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: 400;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: 0 0;
  border: 0;
  text-decoration: none;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover {
  background-color: #f4f4f4;
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
}
.dropdown-menu > li.active > a {
  color: #fff !important;
  background-color: #337ab7 !important;
}
.bootstrap-select .check-mark {
  line-height: 14px;
}
.bootstrap-select .check-mark::after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.bootstrap-select button {
  overflow: hidden;
/*  text-overflow: ellipsis; NS: works better in IE11 & Edge without!*/
}

/* Make filled out selects be the same size as empty selects */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline !important;
}