@media (min-width: 992px) {
  .error-404 img {
    max-width: 50%;
  }

  .jd_title {
      text-overflow: ellipsis;
      width: 30%;
  }

  .jd_title:first-child {
    width: 40%;
  }

  .datatable-search {
    width: 100%;
  }
}

@media (min-width: 1200px) {

  #main,
  #footer {
    margin-left: px;
  }

/*  .toggle-sidebar #main,
  .toggle-sidebar #footer {
    margin-left: 0;
  }*/

  .toggle-sidebar .sidebar {
    left: -300px;
  }
}

@media (min-width: 1600px) {
    .jd_title {
      min-width: 180px;
    }
    .jd_title, .jd_title:first-child {
      width: auto;
    }
}


@media (max-width: 1199px) {
  .toggle-sidebar .sidebar {
      left: 0;
  }

  #main {
    padding: 20px;
  }

  .header .search-bar {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    padding: 20px;
    box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
    background: white;
    z-index: 9999;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
  }

  .header .search-bar-show {
    top: 60px;
    visibility: visible;
    opacity: 1;
  }
  .sidebar {
    left: -300px;
  }
}



@media (min-width: 768px) {
  .dropdown-menu-arrow::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 20px;
    transform: rotate(45deg);
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1;
  }
}


@supports (-webkit-touch-callout: none) {
    @media (max-width: 768px) {
.ptp_details_card .card_content {
    height: calc(var(--vh, 1vh)* 100 - 279px); /* Safari iOS-specific height */
    overflow: overlay;
}

    }
}

@media (max-width: 767px) {
  .header-nav .nav-profile img {
    max-height: 100px;
  }
  .datatable-top .datatable-dropdown {
      margin-bottom: 20px;
  }
  
  .datatable-top  .datatable-search,.datatable-top .datatable-dropdown, .datatable-wrapper .datatable-bottom .datatable-info, 
  .datatable-wrapper .datatable-bottom .datatable-pagination  {
      float: none;
  }
    
  .datatable-wrapper .datatable-bottom {
      display: flex;
      flex-direction: column;
      align-items: center;
      /* row-gap: 20px; */
  }
}

@media (max-width: 480px) {
  .header .logo svg {
      max-width: 130px;
  }
}



@media (max-width: 767px) {
.sidebar-nav {
  /* height: 556px; */
  /* min-height: 556px; */
  overflow-x: scroll !important;
  /* padding-bottom: 80px; */
}
.ptp_details_card .card_content {
    height: 360px;
}
}

@media (min-width: 767px) {
    /* Sidebar UI changes CSS */
    #main,
    #footer {
      margin-left: 75px;
    }

    #main .ptp_details_card #footer {
      margin-left: 0px;
    }
    .sidebar-nav .nav-item span {
        display: none;
    }

    .sidebar-nav .nav-link {
        justify-content: center;
        padding: 10px 8px;
    }

    .sidebar-nav .nav-link i {
        margin-right: 0;
    }

    #sidebar {
        padding: 20px 10px;
        left: 0;
        width: auto;
    }

    .toggle-sidebar .sidebar-nav .nav-item span {
        display: block;
    }

    .toggle-sidebar .sidebar-nav .nav-link  {
        justify-content: flex-start;
        padding: 10px 15px;
    }

    .toggle-sidebar .sidebar-nav .nav-link i {
        margin-right: 10px;
    }

    .toggle-sidebar  #sidebar {
        padding: 20px;
    }
    /* .toggle-sidebar  #sidebar {
      padding-bottom: 100px;
      overflow: auto !important;
    }
     #sidebar {
      padding-bottom: 100px;
      overflow: auto !important;
    } */
}

@media (min-width: 1200px) {
/*  .toggle-sidebar #main, .toggle-sidebar #footer {
    margin-left: 270px;
}*/
}



@media (max-width: 1199px) {
    .toggle-sidebar .sidebar {
        left: 0;
    }
  
    .sidebar {
      left: -300px;
    }
}