.desktop_view{

    display: flow !important;

}

.tab_view{

    display: none !important;

}



@media (min-width: 1280px) and (max-width: 1365px){
    /* HR_candidates_list_view.php */
    .career .cantabs{
        width: auto;
        border: none;
        background-color: rgba(255, 255, 255, 0);
    }
    /* HR_candidates_list_view.php */
    .candidate_status{
        flex-direction: column;
    }
    .candidate_status_confirm{
        display: flex;
        justify-content: center; 
    }
    .details .rounds .round .confirm-final .options:has(.form-check-input:checked){
        width: 20%;
        margin-left: 0px !important;
    }
    .details .rounds .round .confirm .submit{
        width: 20%;
    }
    .details .rounds .round .confirm .submit.dissabled{
        width: 20%;
    }
}
@media (min-width: 1193px) and (max-width: 1195px){
    .files .upload .file .name{
        max-width: 160px !important;
    }
}

@media (min-width: 712px) and (max-width: 1200px) {
    .next_date_input_container img{
        height: 14px;
    }
    #addAssignmentModal .assignmentDueDate{
        padding-left: 9px;
    }
    .assignment-action-btn.edit-btn:hover{
        padding: 4px 4px;
    }
    .next_interview_container .next_date_container input{
        padding-left: 28px;
        color: #363636;
        
        width: 100%;
    }

    .details .info label {
        color: #696969;
        font-size: 12px;
    }

    .details .info p{
        color: #000;
        font-size: 14px;
    }

    .view-response-btn~p span{
        font-size: 10px;
    }

    .view-response-btn{
        font-size: 10px;
    }

    .show-assignment-btn{
        padding: 4px 6px;
        gap: 6px;
    }

    .round-complete #remarks{
        font-size: 14px;
    }

    .round .nxt-intertype{
        font-size: 18px;
    }

    .RoundFormAys .assignment-action-btn, .RoundFormAys .assignment-action-btn:hover, .round-complete .assignment-action-btn, .round-complete .assignment-action-btn:hover{
        border-radius: 2px !important;
        font-size: 12px;
    }

    .assignment-action-btn.edit-btn{
        padding: 4px 4px;
    }

    .RoundFormAys .assignment-action-btn.edit-btn i, .round-complete .assignment-action-btn.edit-btn i, .view-response-btn i, .show-assignment-btn i{
        font-size: 12px;
    }

    .assignment-action-btn.edit-btn~p, .show-assignment-btn~p{
        font-size: 10px;
    }

    .assignment-action-btn.edit-btn~p span, .show-assignment-btn~p span{
        font-size: 10px;
    }

    .RoundFormAys .response-pending, .round-complete .response-pending{
        padding: 5px 8px;
    }

    .RoundFormAys .response-pending~p, .view-response-btn~p, .round-complete .response-pending~p{
        font-size: 10px;
    }

    .RoundFormAys .response-pending, .round-complete .response-pending{
        padding: 4px 7px;
        border-radius: 2px !important;
    }

    .RoundFormAys .response-pending~p, .view-response-btn~p, .round-complete .response-pending~p{
        font-size: 10px;
    }

    .RoundFormAys .response-pending~p span, .round-complete .response-pending~p span{
        font-size: 10px;
    }
}

@media (min-width: 712px) and (max-width: 1200px) and (orientation: landscape) {
    
    .round .new-rating p{
        font-size: 16px;
        /* display: none; */
    }

    .round .next_result_container{
        gap: 34px;
    }

    .next_date_input_container img{
        height: 14px;
        display: none;
    }

    .next_interview_container .next_date_container input{
        padding-left: 4px;
        color: #363636;
    }

    .round .new-rating i.fa-star, .round .new-rating i.fa-star-half-stroke{
        font-size: 18px;
    }

    .interview_firstsec .ProfileEditBtn{
        padding: 4px 11px !important;
        gap: 4px;
    }

    .interview_firstsec .history{
        padding: 4px 8px !important;
        gap: 4px;
    }

    .interview_firstsec .view_resume{
        font-size: 14px;
        padding: 4px 5px !important;
    }

    .interview_firstsec a{
        gap: 4px;
        font-size: 14px;
    }

    /* HRdashboard.php */
    .count-container .count-card-title {
        font-size: 12px;
        width: 80%;
    }
    .date-padd-tab {
        padding-left: 28px !important;
        font-size: 0.8rem;
    }
    .events_and_announcements {
        font-size: 11px;
    }
    * {
        font-family: 'Poppins', sans-serif;
        font-size: 10px;
    }
    .event-data .event-date span{
        font-size: 11px;
    }
    .anniversary-container .table-container{
        overflow-x: hidden;
    }
    .birthday-container .table-container{
        overflow-x: hidden;
    }
    body{
        background-color: #F7F7F8;
    }
    /* HRdashboard.php */

    /* InterViewProcess.php */
    .details .info i{
        padding: 6px 7px;
    }
    .details .rounds .round .files .upload .file{
        width: 94%;
    }
    .candidate_status{
        flex-direction: column;
    }
    .candidate_status_confirm{
        display: flex;
        justify-content: center;
    }
    .submit{
        width: 20% !important;
    }
    .details .rounds .round .confirm-final .options:has(.form-check-input:checked){
        width: 20%;
        margin-left: 0px !important;
    }
    .select_employement{
        width: 50% !important;
    }
    .select_date_center{
        display: flex;
        justify-content: center;
        gap: 4px;
    }
    /* InterViewProcess.php */

    /* emp_view.php */
    span .icon-p {
        font-size: 7px !important;
    }
    span .icon-f {
        padding: 2px 4px !important;
        font-size: 7px !important;
    }
    .dropdown.edit{
        width: 42px !important;
    }
    .dropdown{
        width: 80px !important;
    }
    .edit_new_tab{
        position: relative !important;
    }
    .table_scroll{
        overflow-x: scroll;
    }
    /* emp_view.php */

    /* add_emp.php */
    .add-holiday .tabstate .col hr.line{
        width: 13.4% !important;
        margin-top: 11px !important;
    }
    .add-holiday .tabstate .col .st{
        width: 26px !important;
        height: 26px !important;
    }
    .files .upload .file .name{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 120px;
    }
    /* add_emp.php */

    /* Empprofbasicprofile.php */
    .profile-container i.imageedit{
        top: 45% !important;
        right: 4px !important;
        width: 16px !important;
    }
    /* Empprofbasicprofile.php */

    /* EmpProfApprovals.php */
    .profile-container img{
        width: 100%;
        height: auto;
    }
    /* .for_profile_image{
        display: flex;
    } */
    .dt-search{
        margin-right: 8px;
    }
    /* EmpProfApprovals.php */

    /* dashboard.php */
    .main-attendence-count-container .count-card-title{
        width: 90%;
    }
    .main-attendence-count-container .events i.edit{
        padding: 8px 4px;
    }
    .main-attendence-count-container .counts{
        width: 47%;
    }
    .main-attendence-count-container .events{
        width: 50%;
    }
    /* dashboard.php */

    /* header-new.php */
    .sidebar span {
        display: inline;
    }
    .sidebar {
        width: 18% !important;
        height: 100vh;
        font-size: smaller;
    }
    .sidebar .list-group {
        margin-top: 0%;
    }
    .sidebar .down-icon,
    .sidebar .up-icon {
        margin-left: 0%;
    }
    .sidebar img {
        width: 85%;
        margin-bottom: 0%;
        padding-bottom: 0%;
    }
    .sidebar .list-group img {
        width: auto;
        padding-right: 10px;
        margin-left: 0%;
    }
    .sidebar .down-icon,
    .sidebar .up-icon {
        margin-left: 5%;
    }
    /* header-new.php */

    /* timelog.php */
    .dots-start {
        margin-top: 16px;
    }
    .dots-end{
        margin-top: 16px;
    }
    .dot-start{
        margin-top: 3px;
    }
    .dot-end{
        margin-top: 3px;
    }
    .time-log .lines {
        width: 95%;
        margin-left: 4px !important;
    }
    /* timelog.php */

    /* HR_candidates_list_view.php */
    .career .cantabs{
        width: auto;
        border: none;
        background-color: rgba(255, 255, 255, 0);
    }
    /* HR_candidates_list_view.php */

    .time-log .log-chart{
        width: 78% !important;
    }
    .time-log .log-days-1{
        width: 10% !important;
        text-align: start;
        display: flex;
        align-items: center;
    }
    .time-log .log-days-2{
        width: 11% !important;
        text-align: end;
    }
    .sidebar .sublist .list-group-item {
        border: none !important;
        padding: 2% 0% 2% 20% !important;
    } 
    .inter-req{
        width: 16% !important;
    }
     .desktop_view{
        display: none !important;
    }
    .tab_view{
        display: flow !important;
    }
      .scroll_tab{
        white-space: nowrap;
        overflow-x: scroll;
        width: 590px;
        scrollbar-width: none;
        height: 30px;
        padding-top: 10px;
    }
}

@media (min-width: 712px) and (max-width: 1200px) and (orientation: portrait) {

    /* HRdashboard.php */
    .count-container .count-card-title {
        font-size: 12px;
        width: 100%;
    }

    .round .next_result_container{
        gap: 47px;
    }

    .date-padd-tab {
        padding-left: 28px !important;
        font-size: 0.8rem;
    }
    .events_and_announcements {
        font-size: 11px;
    }
    * {
        font-family: 'Poppins', sans-serif;
        font-size: 10px;
    }
    .event-data .event-date span{
        font-size: 11px;
    }
    .anniversary-container .table-container{
        overflow-x: hidden;
    }
    .birthday-container .table-container{
        overflow-x: hidden;
    }
    body{
        background-color: #F7F7F8;
    }
    /* HRdashboard.php */

    /* InterViewProcess.php */
    .details .info i{
        padding: 6px 7px;
    }
    .details .rounds .round .files .upload .file{
        width: 94%;
    }
    .candidate_status{
        flex-direction: column;
    }
    .candidate_status_confirm{
        display: flex;
        justify-content: center;
    }
    .submit{
        width: 20% !important;
    }
    .details .rounds .round .confirm-final .options:has(.form-check-input:checked){
        width: 20%;
        margin-left: 0px !important;
    }
    .select_employement{
        width: 50% !important;
    }
    .select_date_center{
        display: flex;
        justify-content: center;
        gap: 4px;
    }
    /* InterViewProcess.php */

    /* emp_view.php */
    span .icon-p {
        font-size: 7px !important;
    }
    span .icon-f {
        padding: 2px 4px !important;
        font-size: 7px !important;
    }
    .dropdown.edit{
        width: 42px !important;
    }
    .dropdown{
        width: 80px !important;
    }
    .edit_new_tab{
        position: relative !important;
    }
    .table_width{
        width: 0;
    }
    .table_scroll{
        overflow-x: scroll;
    }
    /* emp_view.php */

    /* add_emp.php */
    .add-holiday .tabstate .col hr.line{
        width: 13.4% !important;
        margin-top: 11px !important;
    }
    .add-holiday .tabstate .col .st{
        width: 26px !important;
        height: 26px !important;
    }
    .files .upload .file .name{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 120px;
    }
    /* add_emp.php */

    /* Empprofbasicprofile.php */
    .profile-container i.imageedit{
        top: 45% !important;
        right: 4px !important;
        width: 16px !important;
    }
    /* Empprofbasicprofile.php */

    /* EmpProfApprovals.php */
    .profile-container img{
        width: 100%;
        height: auto;
    }
    /* .for_profile_image{
        display: flex;
    } */
    .dt-search{
        margin-right: 8px;
    }
    /* EmpProfApprovals.php */

    /* dashboard.php */
    .main-attendence-count-container .count-card-title{
        width: 90%;
    }
    .main-attendence-count-container .events i.edit{
        padding: 8px 4px;
    }
    .main-attendence-count-container .counts {
        width: 47%;
    }
    .main-attendence-count-container .events{
        width: 50%;
    }
    /* dashboard.php */

    /* header-new.php */
    .sidebar span {
        display: inline;
    }
    .sidebar {
        width: 18% !important;
        height: 100vh;
        font-size: smaller;
    }
    .sidebar .list-group {
        margin-top: 0%;
    }
    .sidebar .down-icon,
    .sidebar .up-icon {
        margin-left: 0%;
    }
    .sidebar img {
        width: 85%;
        margin-bottom: 0%;
        padding-bottom: 0%;
    }
    .sidebar .list-group img {
        width: auto;
        padding-right: 10px;
        margin-left: 0%;
    }
    .sidebar .down-icon,
    .sidebar .up-icon {
        margin-left: 5%;
    }
    /* header-new.php */

    /* timelog.php */
    .dots-start {
        margin-top: 16px;
    }
    .dots-end{
        margin-top: 16px;
    }
    .dot-start{
        margin-top: 3px;
    }
    .dot-end{
        margin-top: 3px;
    }
    .time-log .lines {
        width: 95%;
        margin-left: 4px !important;
    }
    /* timelog.php */

    /* vfrr5.php */
    .career .cantabs{
        width: auto;
        border: none;
        background-color: rgba(255, 255, 255, 0);
    }
    /* HR_candidates_list_view.php */

    .time-log .log-chart{
        width: 78% !important;
    }
    .time-log .log-days-1{
        width: 10% !important;
        text-align: start;
        display: flex;
        align-items: center;
    }
    .time-log .log-days-2{
        width: 11% !important;
        text-align: end;
    }
    .sidebar .sublist .list-group-item {
        border: none !important;
        padding: 2% 0% 2% 20% !important;
    }
    .inter-req{
        width: 16% !important;
    }
      .desktop_view{
        display: none !important;
    }
    .tab_view{
        display: flow !important;
    }
      .scroll_tab{
        white-space: nowrap;
        overflow-x: scroll;
        width: 590px;
        scrollbar-width: none;
        height: 30px;
        padding-top: 10px;
    }
}


@media (min-width: 1193px) and (max-width: 1195px){
    .details .rounds .round .files .upload .file {
        width: 72%;
    }
    .scroll_tab{
        width: 910px;
    }
}
@media (min-width: 1178px) and (max-width: 1182px){
    .details .rounds .round .files .upload .file{
        width: 71%;
    }
    .scroll_tab{
        width: 900px;
    }
}
@media (min-width: 1137px) and (max-width: 1139px){
    .details .rounds .round .files .upload .file {
        width: 74%;
    }
}
@media (min-width: 1023px) and (max-width: 1025px){
    .details .rounds .round .files .upload .file {
        width: 84%;
    }
    .scroll_tab{
        width: 780px;
    }
}
@media (min-width: 911px) and (max-width: 913px){
    .scroll_tab{
        width: 700px;
    }
}
@media (min-width: 852px) and (max-width: 854px){
    .scroll_tab{
        width: 650px;
    }
}
@media (min-width: 833px) and (max-width: 835px){
    .scroll_tab{
        width: 630px;
    }
}

@media (max-width: 712px){
    .Employees .row .col a{
        padding: 5px 4px !important;
    }
    .sidebar .list-group-item{
        padding: 5% 0% 5% 2% !important;
    }
    .count-container .count-card-title {
        font-size: 11px;
    }
    .small_tab_upcoming_birthday{
        margin-left: 20px;
    }
    * {
        font-size: 9px;
    }
    .add-holiday .tabstate .col .st{
        padding: 4px 8px !important;
        width: 24px !important;
        height: 24px !important;
    }
    .add-holiday .tabstate .col hr.line{
        width: 12% !important;
        margin-top: 10px !important;
    }
    .submit{
        width: 100% !important;
    }
    .profile-container i.imageedit{
        top: 46% !important;
    }
    .job-container{
        height: 31vmax;
    }
    .scroll_tab{
        width: 550px;
    }
}

@media (max-width: 1024px) {
    .salary-main-td{
        flex-direction: column !important;
        gap: 1px !important ;
    }
}

.navbar_scroll_tab{
    overflow-x: scroll;
}