.tet-danger-light{
  color: #585858 !important;
}

div #sidebar-wrapper .offcanvas-active{
    position:relative !important;
    overflow:hidden !important;
}

.offcanvas-header{ display:none; }

@media screen and (max-width: 992px) {

  .offcanvas-header{ display:block; }
  .navbar-collapse {
    position: fixed;
    top:0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #f6f9ff !important;
    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
  }

  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(-100%);
  }

  div #sidebar-container {
    background-color: #FFF !important;
    border: 0px  #FFF !important;
  }

}



#imgbar {
  display: none;
}
.card:hover #imgbar {
  display:block;
  /*background: #585858 !important;*/
}

.card:hover img{
  background: #585858 !important;
}


.img-thumbnail-custom {
    height: 12rem !important;
    width: 16rem !important;
    object-fit: cover !important;
}


@media screen and (max-width: 576px) and (min-width: 0px) {
  .img-thumbnail-custom{
    height: 8rem !important;
    width: 20rem !important;
    object-fit: cover !important;
  }
}


.custom-control.image-checkbox{
  position:relative;padding-left:0
}

.custom-control.image-checkbox .custom-control-input:checked~.custom-control-label:after,
.custom-control.image-checkbox .custom-control-input:checked~.custom-control-label:before{
  opacity:1;
  background-color:#007bff !important;
}

.custom-control.image-checkbox .custom-control-input:checked~.custom-control-label:after,
.custom-control.image-checkbox .custom-control-input:checked~.custom-control-label:before{
  opacity:1;
}

.custom-control.image-checkbox label{
  cursor:pointer
}
.custom-control.image-checkbox label:before{
  border-color:#007bff;
  background-color:#007bff;
}

.custom-control.image-checkbox label:after,
.custom-control.image-checkbox label:before{
  transition:opacity .3s ease;
  opacity:0;
  left:.25rem;
}


:checked + label {
  border-color: #ddd;
}

:checked + label:before {
  content: "✓";
  background-color: grey;
  transform: scale(1);
  opacity:.5;
}

:checked + label img {
  transform: scale(0.9);
  /* box-shadow: 0 0 5px #333; */
  opacity:.5;
  z-index: -1;
}



.custom-control.image-checkbox label:focus,
.custom-control.image-checkbox label:hover{
  opacity:.8
}

.custom-control.image-checkbox label img{
  border-radius:2.5px;
}

.form-group-image-checkbox.is-invalid label{
  color:#dc3545
}

.form-group-image-checkbox.is-invalid .invalid-feedback{
  display:block;
}

.bg-primary-light {
  background-color: #e8f3ff !important;
  border-color: #d2e5fa !important;
}

.bg-secondary-light-drive {
  background-color: #f5f5f5 !important;
}

.text-secondary-light-drive {
  color: #e2e2e2 !important;
}

.text-danger-dark {
  color: #900000 !important;
}


.bg-breadcrumb-drive {
  background-color: #f1f1f1 !important;
}

.list-group-drive .list-group-item:hover {
  background-color: #e2e2e2 !important;
}

.nav-container-breadcrumb-drive {
  position:relative;
}
.nav-container-breadcrumb-drive #th{
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
}