/* #Responsive CSS
================================================== */

@media (min-width: 576px) {
}

@media (min-width:992px) {
}
@media (min-width:1395px) {
}



@media (max-width:1773px) {
}


@media (max-width:1536px) {
    

}

@media (max-width: 1440px) {
    .horizontalMenu {
        margin-inline: 30px;
    }
    .error_bold_text h1 {
        font-size: 196px;
    }
}

@media (max-width:1366px) {
    .switch_radio_toggle {
        border: none;
    }
    .switch_radio_toggle input + label {
        display: inline-block;
        border: 1px solid #ced4da;
        border-radius: 5px !important;
        margin-bottom: 8px;
    }
    .horizontalMenu {
        margin-inline: 45px;
    }
}

@media (max-width: 1350px) {
    .top.clientCompletedRespDataTble.grpHRCompleteTbleSrch .jqGridBtnGrp {
        float: none;
        margin-bottom: 16px;
    }
    .top.clientCompletedRespDataTble.grpHRCompleteTbleSrch .dataTables_filter .searchable_float_div {
        margin-left: 0;
    }
}



@media (max-width:1199px) {
    .top.clientCompletedRespDataTble .jqGridBtnGrp {
        float: unset;
        margin-bottom: 16px;
    }
    .top.clientCompletedRespDataTble .dataTables_filter .searchable_float_div{
        margin-left: 0;
    }

}

@media (max-width:1024px) {
    .top.clientArchiveRespDataTble.grpHRArchiveTbleSrch .jqGridBtnGrp {
        float: unset;
        margin-bottom: 16px;
    }
    .top.clientArchiveRespDataTble.grpHRArchiveTbleSrch .dataTables_filter .searchable_float_div#Clientname2 {
        margin-left: 0px;
    }
    .error_bold_text h1 {
        font-size: 128px;
    }
    .error_wrapper {
        width: 80%;
    }
}

@media (max-width:992px) {
}

@media (max-width:991.98px) {
    .scroll_left_menu, .scroll_right_menu {
        display:none;
    }
    .horizontalMenu {
        margin-inline: 0px;
    }
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        top: 0;
    }
    .candidate_info_left p, .candidate_info_rght p {
        margin-bottom: 5px;
    }
    .cp_header_wrapper .title_div h1 {
        font-size: 1.5rem;
    }
    .cp_accordion_heading {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .top.clientPurgeRespDataTble.grpHRpurgeTbleSrch .dataTables_filter .searchable_float_div {
        margin-left: 0px !important;
    }
    .error_bold_text h1 {
        font-size: 118px;
    }
    .error_wrapper h4 {
        font-size: 16px;
    }
}

@media (max-width:882px) {
    .top.clientArchiveRespDataTble .jqGridBtnGrp {
        float: unset;
        margin-bottom: 16px;
    }
    .top.clientArchiveRespDataTble .dataTables_filter .searchable_float_div {
        margin-left: 0;
    }
}

@media (max-width:767px) {
    .table td, .table thead th, .table td p,
    .table_data_error h4, .clientCandName,
    .uploaded_filename, .upload_area_paragraph,
    .candidate_info_left p, .candidate_info_rght p,
    .cp_accordion_heading,
    .cp_cust_row .cp_cust_col_6 .cp_left_label label, 
    .cp_cust_row .cp_cust_col_6 .cp_right_label p {
        font-size: 13px
    }
    .owl_text_data h2 {
        font-size: 25px;
        padding-bottom: 3px;
    }    
    .mainvalue {
        font-size: 25px;
    }
    .fields_mar {
        margin-bottom: 22px;
    }
    .card-title {
        font-size: 1rem;
    }
    .card-title small, .card-subtitle {
        font-size: 0.85rem;
    }
    .packge_check_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .packge_check_list li::marker {
        font-weight: 600;
    }
    .icon_shadow {
        top: -8px;
    }
    .upload_icon {
        margin-bottom: 12px;
        font-size: 2.5rem;
    }
    .upload_area_wrapper {
        height: 10rem;
        padding: 20px 0;
    }
    .top.clientManageRespDataTble .dataTables_filter, 
    .top.clientOngoingRespDataTble .dataTables_filter 
    .top.clientPurgeRespDataTble .dataTables_filter {
        text-align: right;
    }
    .top.clientCompletedRespDataTble .dataTables_filter .searchable_float_div,
    .top.clientArchiveRespDataTble .dataTables_filter .searchable_float_div {
        max-width: 100%;
        margin-bottom: 16px;
    }
    .top.clientCompletedRespDataTble .jqGridBtnGrp,
    .top.clientCompletedRespDataTble .dataTables_filter,
    .top.clientArchiveRespDataTble .dataTables_filter,
    .top.clientArchiveRespDataTble .jqGridBtnGrp,
    .hrbp_btnGrp {
        text-align: center;
    }
    .thread_head .thread_checkname, .thread_head .thread_auth_name,
    .modal_main_wrapper .modal-header .modal-title,
    .rehire_title h2 {
        font-size: 15px;
    }
    .thread_reply_list li::before {
        width: 20px;
        left: -31px;
        top: 13px;
    }
    .thread_head .thread_time,
    .timelineleft > li > .caseComment_timelineItem > .time {
        font-size: 11px
    }
    .thread_reply_list, .message_info_type {
        padding-left: 50px;
    }
    .thread_avatar img {
        max-width: 30px;
    }
    .avatar_svg {
        width: 35px;
        height: 35px;
        min-width: 35px;
        line-height: 35px;
    }
    .thread_list::before{
        left:13px
    }
    .thread_list::after{
        left:14px;
    }
    .timelineleft > li > .timelineleft-item.caseComment_timelineItem {
        margin-right: 0;
        margin-left: 45px;
    }
    .caseComment_timeline.timelineleft:after {
        left: 12px;
    }
    .caseComment_timeline.timelineleft:before {
        left: 15px;
    }
    .caseComment_timeline.timelineleft > li > svg {
        left: 0;
    }
    .cp_header_wrapper .title_div h1 {
        font-size: 1.3rem;
    }
    .top.clientArchiveRespDataTble.grpHRArchiveTbleSrch .dataTables_filter .searchable_float_div,
    .top.clientCompletedRespDataTble.grpHRCompleteTbleSrch .dataTables_filter .searchable_float_div {
        margin-left: 0px !important;
    }
    .error_bold_text h1 {
        font-size: 98px;
    }
    .error_wrapper > h2 {
        font-size: 22px;
    }
}

@media (max-width:710px) {
    .top.clientPurgeRespDataTble .dataTables_filter .searchable_float_div {
        max-width: 100%;
        margin-bottom: 16px;
    }
}

@media (max-width:675px) {
    .packge_check_list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:640px) {
    .latest_search_responsive .dataTables_filter label {
        width: 100%;
        text-align: right !important;
    }
    .home_cases_grid .dataTables_filter label,
    .home_cases_grid .dataTables_filter label input.form-control {
        width: 100%;
        margin: 0;
    }
}

@media (max-width:575px) {
    .main_success_btn .btn,
    .change_pass_btn .btn {
        width: 100%;
    }
    .upload_candidate_btm_btn .btn{
        font-size:13px;
    }
    .top.clientOngoingRespDataTble .searchable_float_div {
        max-width: 100%;
        margin-bottom: 16px;
    }
    .top.clientOngoingRespDataTble .dataTables_filter,
    .top.clientCompletedRespDataTble .dataTables_filter,
    .top.clientPurgeRespDataTble .dataTables_filter,
    .gen_report_btn, .geneMisBtnRprt,
    .upload_candidate_btm_btn {
        text-align: center;
    }
    .top.clientOngoingRespDataTble div.dataTables_filter label,
    .top.clientCompletedRespDataTble div.dataTables_filter label,
    .top.clientPurgeRespDataTble div.dataTables_filter label {
        margin-bottom: 0;
    }
    .top.clientOngoingRespDataTble.grpHROngoingTbleSrch .dataTables_filter .searchable_float_div {
        margin-left:0 !important;
    }
    .mis_grph_heading h2 {
        font-size: 16px;
        margin-top: 16px;
    }
    .cp_upload_title {
        margin-bottom: 20px;
    }
    .cp_cust_row {
        display: block;
    }
    .cp_cust_row .cp_cust_col_6 {
        width: 100%;
    }
    .legend_sym_descrp, .legend_status_descrp {
        margin-top: 12px;
    }
    .error_bold_text h1 {
        font-size: 88px;
    }
    .error_wrapper > h2 {
        font-size: 18px;
    }
    .error_wrapper h4 {
        font-size: 14px;
    }
    .bounce_error_wrapper .bounce_error_thread {
        height: 80px;
    }
    .bounce_error_wrapper .bounce_error_body svg {
        font-size: 40px;
    }
}

@media (max-width:550px) {
    .top.clientCompletedRespDataTble .float_date_grid,
    .top.clientArchiveRespDataTble .float_date_grid,
    .top.clientPurgeRespDataTble .float_date_grid {
        margin-bottom: 12px;
    }
}

@media (max-width:480px) {
    .page-header {
        margin-bottom: 0;
        min-height: 40px;
    }
    .legend_tabs_menu ul li {
        margin: 0;
        text-align: center;
        padding-inline: 12px;
        margin-bottom: 8px;
    }
    .legend_tabs_menu ul li a {
        margin: 0;
    }
}

@media (max-width:475px) {
    .popout_div .popout_panel {
        width: 325px;
    }
    .latest_search_responsive .dataTables_filter label input {
        width: 100% !important;
        margin: 0 !important;
    }    
    .mangemnt_btn_grp {
        width: 100%;
        justify-content: center;
        margin-bottom: 16px;
    }
    .top.clientManageRespDataTble .dataTables_filter{
        text-align: center;
    }
    .top.clientManageRespDataTble div.dataTables_filter label {
        margin-bottom: 0;
    }
    .error_bold_text h1 {
        font-size: 70px;
    }
}

@media (max-width:425px) {
    .mis_tab_filter .group_text_wrapper {
        display: block !important;
    }
    .mis_tab_filter .group_text_wrapper .group_text_fields:first-child .float_label_div input,
    .mis_tab_filter .group_text_wrapper .group_text_fields:nth-child(2) .float_label_div input {
        border: 1px solid #e5e3e3;
        border-radius: 4px;
        margin-bottom: 5px;
    }
    .cp_header_wrapper {
        display: block;
    }
    .print_btn_div {
        margin-top: 16px;
    }
}

@media (max-width:412px) {
    .top.clientCompletedRespDataTble .jqGridBtnGrp .btn {
        margin-bottom: 5px;
    }
    .privacy_acpt_btn .btn {
        margin-bottom: 5px;
        width: 100%;
    }
}

@media (max-width:375px) {
    .breadcrumb-item a {
        font-size: 11px;
    }
    
}