#loading{
    width: 100%;
    height: 100vh;
    background-color: rgb(192, 24, 24);
    z-index: 99999;
}


.refraction-table .form-floating{
    width: 100%;
    border-radius: 0px;
}
.refraction-table .form-control{
    border-radius:0rem;
}

.refraction-table option::selection{
    font-weight: 400;
    font-style: bold;
}

.refraction-table h6{

    min-width: 70px;
    margin-left: 10px;
}



 body {
      font-family: Arial, sans-serif;
      font-size: 14px;
      overflow-x: hidden;
      margin: 0;
    }

    .sidemenu {
      width: 200px;
      height: 100vh;
      transition: transform 0.3s ease;
      position: fixed;
 
    }

    .main-wrapper {
      display: flex;
      transition: margin-left 0.3s ease;
      margin-left: 200px;
    }

    .page-content {
      flex: 1;
    }

 

    .toggle-btn {
    
     padding: 0.4rem 0.6rem;
      border-radius: 0.25rem;
    }

    .nested-menu {
      padding-left: 1rem;
      margin: 4px;
      border-left: 1px solid #ccc;
    }

    .nav-link {
      color: #fff;
      display: flex;
      border-radius: 0.25rem;
      padding: 4px;
    }

   

    .tree-toggle::before {
      content: "\203a";
      display: inline-block;
      transform: rotate(0deg);
      transition: transform 0.2s ease;
      margin-right: 0.5rem;
    }

    .nav-link[aria-expanded="true"] .tree-toggle::before {
      transform: rotate(90deg);
    }

    @media (max-width: 768px) {
      .sidemenu {
        transform: translateX(-100%);
      }

      .sidemenu.show {
        transform: translateX(0);
      }

      .main-wrapper {
        margin-left: 0;
      }

      .main-wrapper.shifted {
        margin-left: 200px;
      }

      .toggle-btn {
        display: block;
      }
    }

    @media (min-width: 769px) {
      .sidemenu {
        transform: translateX(0) !important;
      }

      .toggle-btn {
        display: none;
      }
    }



 .dropdown.no-arrow .dropdown-toggle::after {
     display: none;
 }

    
 .topbar .nav-item.dropdown .dropdown-toggle::after {
     width: 1rem;
     text-align: center;
     float: right;
     vertical-align: 0;
     border: 0;
     font-weight: 900;
     content: "";
     font-family: "Font Awesome 5 Free";
 }
 
 .topbar .nav-item.dropdown.show .dropdown-toggle::after {
     content: "";
 }

 .topbar .nav-item .nav-link {
     position: relative;
 }
 
 .topbar .nav-item .nav-link .badge-counter {
     position: absolute;
     transform: scale(0.7);
     transform-origin: top right;
     right: 0.25rem;
     margin-top: -0.25rem;
 }
 
 .topbar .nav-item .nav-link .img-profile {
     height: 2rem;
     width: 2rem;
 }
 .dropdown .dropdown-toggle {
     position: relative;
 }
 .dropdown .dropdown-toggle .badge-counter {
     position: absolute;
     transform: scale(0.7);
     transform-origin: top right;
     right: 0.25rem;
     margin-top: 0.25rem;
 }
 .topbar {
     height: 4.375rem;
 }
 .topbar #sidebarToggleTop {
     height: 2.5rem;
     width: 2.5rem;
 }
 .topbar #sidebarToggleTop:hover {
     background-color: #eaecf4;
 }
 .topbar #sidebarToggleTop:active {
     background-color: #dddfeb;
 }
 .topbar .navbar-search {
     width: 25rem;
 }
 .topbar .navbar-search input {
     font-size: 0.85rem;
 }
 .topbar .topbar-divider {
     width: 0;
     border-right: 1px solid #3f51b5;
     height: calc(4.375rem - 2rem);
     margin: auto 1rem;
 }
 .topbar .nav-item .nav-link {
     height: 4.375rem;
     display: flex;
     align-items: center;
     padding: 0 0.75rem;
 }
 .topbar .nav-item .nav-link:focus {
     outline: none;
 }
 .topbar .nav-item:focus {
     outline: none;
 }
 .topbar .navbar-nav .nav-item .nav-link {
     color: #d1d3e2;
 }
 .topbar .navbar-nav .nav-item .nav-link:hover {
     color: #b7b9cc;
 }
 .topbar .navbar-nav .nav-item .nav-link:active {
     color: #858796;
 }



 #patient_list_sidebar{ 
        top: 4.375rem;
         width: 300px;
        }
        @media (min-width: 768px) {
    
        #patient_list_sidebar{ 
        top: 4.375rem;
        left: 12.5rem;
        min-width: 50px;
        height: 100vh;
        }
    }

    #patient_list_sidebar {
        transform: translateX(-20);
        transition: transform 0.5s ease-in-out;
    }
    #patient_list_sidebar.show {
        transform: translateX(-20);
    }