.collapsible {
    background-color: #f8f8f8;
    color: gray;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
  }
  
  /* .active, .collapsible:hover {
    background-color: silver;
    color: white;
  } */
  
  .collapsible:after {
    content: '\002B';
    color: gray;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  /* .active:after {
    content: "\2212";
  }
   */
  .brands_content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
  }

  .fixed-table-toolbar{
    position: absolute !important;
    right: 0;
}
  
.div_porfile {
    height: 100vh;
    display: none;
    width: 60%;
    background-color: #fff;
    position: fixed !important;
    top:0px;
    right: 0px;
    box-shadow: 0px 3px 5px 0px rgba(102, 102, 102, 0.5); 
    margin-right:0px;
    transition: opacity 0.4s ease-out;
    z-index: 10000;
}

.post-contain{
  flex-basis: 33%;
}
@media only screen and (max-width: 600px) {
  .div_porfile{
    width: 100%;
    min-width: auto;
  }
  .post-contain{
    flex-basis: 100%;
  }
  #img_profile{
    min-height: auto;
  }
  
}
.profile_scroll_area{
    height: 700px;

    overflow-y: scroll;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #48698D;
  margin: auto 5px;
}

/*.nav-item {
  border-radius: 4px;
  background: #fff;
  margin: 10px;
}
.nav-item:hover{
  color: white;
  background-color: white;
}
.nav-tabs .nav-link:hover{
  border-color:  #A6DAEF;
}
.badge{
  float: right;
}*/

.checked {
   color: rgb(57, 204, 214);
}
