/* @media only screen and (min-width: 1400px) {.max-h-80vh {
    max-height: 84vh;
}.table-container-overflow {
    max-height: 80%;}}
@media only screen and (max-width: 600px) {
    .for-desktop {
        display: none;
    }

    .for-mobile {
        display: block;
    }

    .custom-btn-offcanvas {
        border: none;
        background-color: var(--black-color);
        padding: 0.5rem 0.8rem;
        padding-right: .5rem;
    }

    .custom-btn-offcanvas i {
        color: var(--white-color);
    }

    .profile-info-txt a.profile-name {
        padding-top: .65rem;
    }

    .profile-box {
        padding: 0;
    }

    .profile-box img {
        width: 3rem;
    }

    .dashboard-controller-box ul.dashboard-ul-box li {
        padding: 1rem;
        border-bottom: 1px solid #ffffff32;
    }

    .dashboard-controller-box ul.dashboard-ul-box li:last-child {
        border: none;
    }

    .assign-to-box ul {
        min-width: 18rem;
        flex-wrap: wrap;
    }

    .assign-to-box ul li {
        margin-bottom: 0.5rem;
    }

    .janus-dashboard-container {
        min-height: 87.28vh;
    }

    .header-row .pill-box input[type="text"] {
        width: 105px;
    }

    .janus-dashboard-container .header-row {
        padding: .5rem .8rem;
    }

    .assign-to-box ul.assign-to-ul {
        min-width: 18rem;
    }

    .w-60 {
        width: 100%;
    }

    .login-form h2 {
        font-size: 2rem;
        padding-bottom: .8rem;
    }

    .table-container table.table-box {
        width: 660px;
    }

    .table-container {
        overflow-x: auto;
    }

    .emp-full-info-ul li p {
        word-wrap: break-word;
    }


    .emp-name-email-box h4 {
        font-size: 1.2rem;
    }

    .employee-info .modal-dialog {
        margin-top: 3rem;
    }
    .employee-info .custom-close-btn {
        top: 1.5rem;
        right: 1.5rem;
    }
    .-side-bar-slider button i{color: var(--white-color);}

    
    .task-detail-revert-icon-txt-box p span button.revert-icon-btn:focus, .task-detail-revert-icon-txt-box p span button.revert-icon-btn {
        margin-right: .5rem;
    }
    .selected-work-box-ul {
        max-height: 20rem;
    }
.custom-assign-box .card-body{padding-left: 0;}
} */





@media only screen and (min-width: 1320px) {
  .max-h-80vh {
    min-height: 55vh;
    max-height: 84vh;
  }

  /* .table-container-overflow {
        min-height: 55vh;
      max-height: 80%;
    } */
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {

/* Sidebar */
.sprintexx-sidebar ul li a {
    display: block;
    padding: 8px ;
    color: #333;
    text-decoration: none;
    /* font-weight: 200; */
    font-size: 10px;
}
  
}
@media only screen and (max-width: 992px)  {
    .search-box.for-mobile{
  display: none ;
}


  .for-desktop {
    display: none;
  }

  .for-mobile {
    display: block;
  }




  
  .custom-btn-offcanvas {
    border: none;
    background-color: var(--black-color);
    padding:0;
    line-height: 0;

  }

  .custom-btn-offcanvas i {
    color: var(--white-color);
  }
  .btn-close.white-close {
    filter: invert(1) brightness(200%);
}



  


}
@media only screen and (min-width: 767px) and (max-width: 1024px) {

  .dashboard-controller-box ul.dashboard-ul-box li a img {
    width: 0.8rem;
}

.dashboard-controller-box ul.dashboard-ul-box li a span {

    font: 400 0.5rem var(--primary-font);
    padding-left: 0.3rem;
}
.sub-menu a {
    color: white;
     font: 400 0.5rem var(--primary-font);
}
.arrow-icon {
    font-size: 10px !important;

}
.sub-menu li{
  padding-bottom: 0 !important;
}

}



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

  .w-60 {
    width: 90%;
  }

    .search-box.for-mobile{
  display: flex ;
}


  .profile-info-txt a.profile-name {
    padding-top: 0.65rem;
  }

  .profile-box.for-desktop {
    display: none !important;
    padding: 0;
  }

  .profile-box img {
    width: 3rem;
  }

  .dashboard-controller-box ul.dashboard-ul-box li {
    padding: 1rem;
    border-bottom: 1px solid #ffffff32;
  }

  .dashboard-controller-box ul.dashboard-ul-box li:last-child {
    border: none;
  }

  .assign-to-box ul {
    min-width: 18rem;
    /* flex-wrap: wrap; */
  }

  .assign-to-box ul li {
    margin-bottom: 0.5rem;
    padding-left: 0;
  }

  .janus-dashboard-container {
    min-height: 87.28vh;
    padding: 1.5rem 0;
  }

  .header-row .pill-box input[type="text"] {
    width: 105px;
  }

  .janus-dashboard-container .header-row {
    padding: 0.5rem 0.8rem;
  }

  .assign-to-box ul.assign-to-ul {
    min-width: 18rem;
  }

  .w-60 {
    width: 100%;
  }

  .login-form h2 {
    font-size: 1.5rem;
    padding-bottom: 0.8rem;
  }

  .table-container table.table-box {
    width: 660px;
  }

  .table-container {
    overflow-x: auto;
  }

  .emp-full-info-ul li p {
    word-wrap: break-word;
  }

  .emp-name-email-box h4 {
    font-size: 1.2rem;
  }

  .employee-info .modal-dialog {
    margin-top: 3rem;
  }

  .employee-info .custom-close-btn {
    top: 1.5rem;
    right: 1.5rem;
  }

  .add-new-employee-box a {
    padding: 0.54rem 1rem 0.5rem;
  }

  .manage-team-page .table-container table.table-box {
    width: 400px;
  }

  .dashboard-page .janus-dashboard-container {
    padding: 0 !important;
    margin-top: 0.875rem;
  }

  .add-new-employee-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-bottom: 1rem; */
    padding: 0;
  }

  .add-new-employee-box p {
    margin: 0;
    padding: 0;
  }

  .pill-box.for-desktop {
    display: none !important;
  }

  .form-container {
    margin-top: 0.75rem !important;
  }

  .search-box {
    display: flex;
    background-color: var(--white-color);
    padding: 0.3rem 0.5rem;
    border-radius: 1.8rem;
    align-items: center;
    margin-left: 1rem;
   font: 400 0.6rem var(--primary-font);
  }
    .search-box button {

  padding: 0 2px !important;
  /* padding-top: .7rem; */
  
}

.janus-dashboard-container .header-row h6 {
    color: var(--white-color);
    margin: 0;
    font: 400 0.6rem var(--primary-font);
}
.janus-dashboard-container .header-row .pill-box {
    background-color: var(--white-color);
    padding: 0.35rem 0.5rem;
    border-radius: 1.5rem;
}
.pill-box i{
  font-size: 12px;
}


  .for-mobile-mt.form-container {
    margin-top: 0 !important;
  }

  .selected-work-box {
    margin-bottom: 0.75rem;
  }

  .-side-bar-slider button i {
    color: var(--white-color);
  }

  .task-detail-revert-icon-txt-box p span button.revert-icon-btn:focus,
  .task-detail-revert-icon-txt-box p span button.revert-icon-btn {
    margin-right: 0.5rem;
  }

  .selected-work-box-ul {
    max-height: 20rem;
  }

  .custom-assign-box .card-body {
    padding-left: 0;
  }

  .table-container-overflow {
    max-height: 75%;
    margin-bottom: -3rem;
  }

  .max-h-80vh {
    max-height: 83vh;
  }

  ul li.add-more-btn-box {
    margin-bottom: 0;
    padding-left: 0.15rem;
  }

  .placeholder_ {
    font-size: 0.875rem;
    line-height: 0.99;
  }

  .right-side-bar input,
  .form-container form textarea,
  .form-container form select,
  .form-container form input {
    line-height: 0.78rem;
  }

  /* table.manage-project-sheet td.assigned-teams-td-txt{max-width: 3rem;} */
  .table-container table.table-box.manage-project-sheet tr td.assigned-teams-td-txt {
    max-width: 14rem !important;
  }

  ul.pagination-ul {
    justify-content: flex-start;
  }

  .pwd-container .form-container {
    width: 100%;
  }
  .up-dead-sub-box .table th:nth-child(1) {
   width: 4rem;
  }






  .table-container table.table-box td {
    padding: 0.6rem .875rem;
  }

  table.manage-project-sheet thead tr td:nth-child(3) {
    min-width: 7rem;
  }

  table.manage-project-sheet tbody tr td:nth-child(3) {
    text-align: center;
  }

  .holiday-calender-four tr {
    grid-template-columns: 50px 240px 100px 150px !important;
  }

  .profile-box {
    padding-right: 0rem;
  }
   .support-box i{
     font-size: 14px;

  }

  .support-box span{
  font-size: 14px;

  }
  .login-section input{
    font-size: 14px;
    padding: 0.5rem !important;
  }
  header .custom-navbar {
   
    padding: 0.4rem;
}

.admin-dashboard-table-width {
  max-width: 200px !important;
  min-width: 200px !important;
}
.admin-dashboard-table-width-Task {
  max-width: 300px !important;
  min-width: 300px !important;
}

.manage-project-sheet tr td:last-child {
    width: 200px;
}
.small, small {
    font-size: .7rem;
}








  /* table.manage-project-sheet {min-width: auto;} */
}

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


.add-new-employee-box a {
   padding: 0.3rem 0.3rem 0.3rem !important;
    background-color: var(--primary-color);
    border-radius: 1.5rem;
    font: 400 0.5rem var(--primary-font);
   
}
}