.List-of-cols {
        width: 100%;
        max-height: 200px;
        overflow-y: scroll;
        border-left: 1px solid #dadfe3;
        border-right: 1px solid #dadfe3;
        border-bottom: 1px solid #dadfe3;
      }
  
      .list {
        padding: 6px 0;
        width: 100%;
        cursor: pointer;
      }
  
      .list:hover {
        background-color: #5c636a;
        color: #fff;
      }
  
      .nav-fill .nav-item .nav-link,
      .nav-justified .nav-item .nav-link {
        width: 100%;
        height: 100%;
      }
  
      .height-100 {
        height: 100% !important;
      }
  
      .sidebar-bg {
        background-color: #eeeeee;
      }
  
      body {
        height: calc(100vh - 53.14px) !important;
      }
  
      .width-100-px {
        width: 2 00px !important;
      }
  
      .close {
        width: 50px;
      }
  
      .custom-container {
        border: 1px solid #dfdede;
        padding: 10px;
      }
  
      #session {
        background-color: #1764E7;
        height: 100vh;
        width: 100%;
        position: absolute;
      }
  
      .centered-card {
        position: relative !important;
        width: 80% !important;
        height: 80% !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
      }
  
      .centered-card-body {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
      }