/*************************** responsiveness-mobile-23-02-2023-starts******************************/
@media only screen and (max-width: 767px) {
.profile_name {
    display: none !important;
}
body .disposition_label>* {
    margin-right: 20px !important;
}
.left-side {
    padding-right: 0px;
    padding-left: 0px;
}
form.login_form {
    padding: 20px;
    width: 100%;
}
.segregation_line::after {
    width: 0px;
}
.col-md-5.right-side {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 35px;
    padding-top: 26px;
}
.carousel-indicators {
    position: absolute;
    bottom: -40px;
}
.page_container {
    width: 100%;
    margin-left: 0px;
}
.adwaita-menu div {
    width: 20px;
    height: 2px;
    background-color: var(--pri_color);
    margin: 3px 0;
}
.sidemenu_div {
    display: none;
    width: 100%;
    top: 55px;
    z-index: 5;
}
.resp-header {
    /* flex-direction: column-reverse; */
}
.page_body {
    padding: 70px 0px 15px 0px;
}
.myprofile_pass_form {
   padding: 30px 15px 15px 15px;
    margin-top: 0px;
}
.myprofile_pass_form.col-md-9 {
    padding: 0 15px 30px 15px;
}
.info-inputfield>div:nth-child(3) {
    margin-bottom: 28px;
}
.login_form.change_pass_form {
    padding: 15px;
}
.login_form.change_pass_form .left-side {
    padding-right: 0px;
    padding-left: 0;
}
.login_form.change_pass_form .right-side {
    padding: 15px 0px !important;
}
.mb_13 {
    margin-bottom: 0px !important;
}
header {
    padding: 8px;
}
.noti_blk {
    padding: 15px;
    flex-direction: column;
}
.noti_blk>* {
    width: 100% !important;
}
.noti_blk .width_20.text-right {
    display: flex;
    justify-content: flex-start;
    padding-left: 40px;
    padding-top: 5px;
}
.table_footer {
    flex-direction: column;
}
.pagination_nav {
    margin-top: 15px;
}
table {
    white-space: nowrap;
}
.filter_section>div>*:not(:last-child) {
    margin-bottom: 10px;
}
.filter_section>div>* {
    width: 100% !important;
}
.modal .modal-dialog.modal-lg {
    max-width: 100% !important;
    width: 100% !important;
    padding: 15px;
}
.modal .modal-dialog.modal-md {
    max-width: 100% !important;
    padding: 15px;
}
/* .dataset_form {
    margin-bottom: 15px;
} */
.filter_section .btn-primary {
    margin-left: 0px;
    width: 100% ;
    display: flex;
    justify-content: center;
}
/* .filter_section .row>div:nth-child(4) {
    flex-direction: column;
    align-items: flex-start !important;
    
} */
.filter_section .row>div:nth-child(4)>span {
    margin-bottom: 10px;
}
.filter_section .row>div:nth-child(4)>div {
    width: 100% !important;
}
.resp-header>div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.col-md-5.dataset_form {
    width: 100%;
}
.col-md-3.dataset_form {
    width: 100%;
}
.dataupload_tabs, .datadetails-set, .popup_nav_link, .sampling_plan{
    flex-wrap: nowrap !important;
    overflow: auto !important;
    scroll-behavior: smooth;
}
.base_after_body .page_heading {
    font-size: 14px;
    line-height: 21px;
    max-width: 70%;
    padding-left: 0px;
}
.ftp-congsection>div:nth-child(1) {
    margin: 10px 0px;
}
.scrollBox .zl-scrollBar.zl-verticalBar {
    width: 0px !important;
}
.profile_img {
    width: 28px;
    height: 28px;
    margin-right: 8px;
}
.grey-section>div:nth-child(5)>* {
    width: 100% !important;
}
.grey-section .form-control.port-input {
    width: 100%;
}
.Connect-text {
    width: 100%;
}
.leftbg-color {
    width: 100% !important;
    padding: 29px 15px 148px 15px;
}
.first-section {
    padding: 15px;
}
.table-newview {
    position: relative;
    width: 100% !important;
}
.first-section {
    flex-direction: column;
}
.search-list {
    margin: 0px;
    padding: 15px 10px !important;
}
.employees-listbutton {
    margin: 0px;
    padding: 15px;
}
.first-section>div:nth-child(1) {
    align-items: flex-start !important;
    width: 100%;
}
.first-section>div:nth-child(2) {
   width: 100%;
   justify-content: flex-end;
}
.stage-createtosection {
    padding: 15px;
}
.submeta-data-first-row {
    width: 100% !important;
    padding: 0px;
}
.stage-secondpart>* {
    width: 100% !important;
}
.stageright-section {
    padding-left: 0px !important;
}
.stage-secondpart {
    padding: 15px;
}
.row.action-disposition>* {
    margin-bottom: 20px;
}
.stage-create-form {
    padding-left: 0px;
    padding-right: 0px !important;
    width: 100%;
    margin: 0px;
}
.search-list>* {
    width: 100% !important;
    flex: 0px !important;
}
.add-modalform {
    width: 100%;
}
#auto_allocation_form_id .mb_15, .create-Bias-set{
    flex-wrap: wrap;
    white-space: nowrap;
    overflow-x: auto !important;
}
.sampling_plan>li {
    width: 100%;
    margin-right: 0px !important;
}
.allocated-date {
    flex-direction: column;
    align-items: flex-start !important;
}
.allocated-date>*{
    margin-bottom: 10px;
}
.audit_type_check {
    width: 100%;
}
ul.audit_type_check.allocation_type_check li {
    width: 100%;
}
.modal .modal-content {
    padding: 15px !important;
}
.samplinggeneral_plan>li>button>span:nth-child(1) {
    padding-right: 20px;
}
#processCreatePopup .modal-content {
    padding: 30px 15px !important;
}
.modal .modal-dialog {
    padding: 20px 15px;
}
.save {
    margin: 0px;
}
.modal .cross_span {
    right: 7px;
    top: 4px;
}
.popup_nav_link>li {
    width: 100%;
}
.create_sampling_modal.modal .modal-content {
    padding: 15px;
}
.create_sample_popup .modal-dialog {
    max-width: 100% !important;
    width: 100% !important;
    padding: 15px;
}
.sheduling-secondrow {
    padding: 18px;
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #C6CEDD;
}
.sheduling-secondrow .allocation-border {
    border: none;
}
.sampling-table div#add_category table {
    width: 700px  !important;
}
.auto_allocation_add {
    padding: 18px !important;
    width: 100%;
    margin-left: 0;
}
.sheduling-secondrow>*:last-child {
    padding-right: 0;
    padding-left: 0px;
    margin-top: 15px;
}
.sheduling-secondrow>*:last-child>.col-md-10 {
    width: 100%;
}
.left_per {
    flex: inherit;
    max-width: 100%;
    width: 100%;
}
.middle_per>* {
    flex-direction: row !important;
}
.middle_per {
    flex: inherit;
    max-width: 100%;
    width: 100%;
}
.col-md-2.middle_per>div>* {
    margin: 0px 10px;
}
.middle_per {
    margin: 10px 0px;
}
.tab_con_rel::before {
    content: "";
    width: 15px;
    right: -15px;
}
.tab_con_rel::after {
    content: "";
    width: 15px;
    left: -15px;
}
.clear-thirdf {
    flex-direction: row !important;
}
.clear-thirdf .clear-filter {
    width: 50% !important;
    height: 32px;
    justify-content: flex-start !important;
}
.page_container {
    position: relative;
}
.resp-topnav {
    position: absolute !important;
    width: 100%;
    height: 54px;
}
.meeting-formc>span {
    padding-right: 8px;
}
.resp-header>.col-md-6:nth-child(1) {
    margin-top: 0px;
}
.upload_sheets {
    margin-top: 25px;
}
.port-connection {
    flex-direction: column;
    align-items: flex-start !important;
    margin-bottom: 10px;
}
.port-connection>* {
    width: 100%;
}
.grey-section {
    padding: 15px;
}
.datset_colums_add input, .datset_colums_add select, .empty_form_tr input, .empty_form_tr select
.condition-table input, .condition-table select{
    width: 200px !important;
}
.soft_dataset_field:nth-child(4n+1):after {
    content: "";
    display: block;
    width: 0px;
    left: 0px;
}
.create_sampling_modal .modal-dialog {
    max-width: 100% !important;
    width: 100% !important;
    padding: 15px;
}
.login_form.forgot_form {
    width: 100%;
    padding: 15px;
}
.create_dataset_pop.modal .modal-dialog.modal-lg .modal-content {
    padding: 20px 15px 0px 15px;
}
.dataset_detail_blk, .dataset_detail_blk.meta_detail_blk {
    width: calc(100% + 30px);
    margin-left: -15px;
    padding: 30px 15px 60px 15px;
}
.data_pro_row {
    padding-left: 15px;
}
.evalution-tabs {
    display: flex;
    justify-content: center;
    padding: 15px;
}
.sampling-table {
    width: 100%;
    margin-left: 0px;
}
.sampling-table .pl-13 {
    padding-left: 0px !important;
}
.Schedule-time input {
    width: 305px !important;
}
.res-api-config {
    flex-direction: column;
}
.sub-sub-process {
    margin-left: 3px;
}
#ViewdDatasetPopup .modal-content {
    padding: 15px 15px 0px 15px !important;
}
/***********************/
.soft_card_body>span:nth-child(even) {
    padding-bottom: 10px;
}
.resp-ftp-div {
    flex-direction: column;
}
.soft_card_header {
    padding: 10.5px 15px;
}
#hardintegrationPopup .modal-content {
    padding: 25px 15px !important;
}
.employee-createtosection {
    padding: 26px 15px 19px 15px;
}
.seach-stagesec .last-section-button.mb_30 {
    padding: 15px;
    margin: 0px;
}
.evalution-pad {
    padding: 15px !important;
}
.sectiona-count>* {
    margin-bottom: 20px !important;
}
h2#headingTwo {
    margin-bottom: 20px;
}
.out-side-process {
    padding: 0px 15px;
}
body .last-section .last-section-button {
    padding: 0;
    justify-content: center;
}
body .disposition_label>* {
    margin-right: 20px !important;
}
/***********************/
}
/*************************** responsiveness-mobile-23-02-2023-Ends******************************/
/*************************** responsiveness-tab-23-02-2023-starts******************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ipad-repons-margin {
        margin-top:20px
    }
    .stages_width {
    width: 315px;
}
.mobile_view.nav {
    padding-top: 15px;
    padding-left: 15px;
}
.resp-header>div:nth-child(2)>*:last-child {
    width: 80%;
}
.filter_section.escalate_filter_section>.row>* {
    width: 33.33%;
}
.filter_section.escalate_filter_section>.row>*:last-child {
    margin-bottom: 0;
}
.resp-topnav {
    position: absolute !important;
    width: 100%;
    height: 55px;
    padding: 10px 6px;
}
.adwaita-menu div {
    width: 20px;
    height: 2px;
    background-color: var(--pri_color);
    margin: 3px 0;
}
.sidemenu_div {
    display: none;
    width: 50%;
    top: 45px;
    z-index: 5;
}
.sidemenu_ul>li>a {
    padding: 5px 30px;
}
.page_container {
    width: 100%;
    margin-left: 0px;
}
.page_body {
    padding: 120px 15px 15px 15px;
}
.resp-header>div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.resp-header>.col-md-6:nth-child(1) {
    margin-top: 40px;
}
.resp-header {
    flex-direction: column-reverse;
    align-items: flex-start !important;
}
.page {
    position: relative;
}
.resp-header>div {
    width: 100%;
}
.modal .modal-dialog.modal-lg, .meta_execute_dataset{
    max-width: 100% !important;
    width: 100% !important;
    padding: 15px;
}
.profile_img {
    width: 28px;
    height: 28px;
}
.save {
    margin: 0px;
}
.input-group {
    flex-wrap: nowrap;
}
.modal .modal-dialog {
    padding: 20px 20px;
}
.port-connection {
    flex-direction: column;
    align-items: flex-start !important;
    margin-bottom: 10px;
}
.port-connection>* {
    width: 100%;
}
.port-connection>div>.port-input {
    width: 100%;
}
.Connect-text {
    width: 100%;
}
.grey-section {
    padding: 15px;
}
.datadetails-set {
    flex-wrap: nowrap;
    overflow-x: scroll !important;
    white-space: nowrap;
}
.soft_dataset_field:nth-child(4n+1):after {
    width: 738px;
}
.stage-createtosection {
    padding: 25px;
}
.filter_section>div>div{
    margin-bottom:15px;
}
.respo-filter-sub>div {
    width: 33%;
}
.evalution-tabs {
    justify-content: center;
}
.map-filter {
    width: 66% !important;
}
.filter_section_last_btn {
    justify-content: end !important;
    width: 100% !important;
}
.first-section {
    padding: 21.5px;
}
.popup_scroll.scrollBox .zl-scrollBarBox {
    right: -270px !important;
}
.col-md-3.dataset_form {
    width: 50%;
}
.col-md-5.dataset_form {
    width: 50%;
}
.metadeta-firstpopup .col-md-2.dataset_form {
    width: 30% !important;
}
#create_dataset_form .col-md-2.dataset_form, #datasetCreatePopup .col-md-2.dataset_form {
    width: 50% !important;
}
.upload-file {
    padding: 15px;
}
.col-md-5.right-side {
    padding-left: 25px;
}
form.login_form {
    width: 100%;
    padding: 30px;
}
.segregation_line::after {
    height: calc(100% + 54px);
    top: -30px;
}
.left_per {
    flex: inherit;
    max-width: calc(50% - 33px);
    width: calc(50% - 34px);
}
.middle_per {
    flex: inherit;
    max-width: 67px;
    width: 67px;
}
.soft_card_body>span:nth-child(even) {
    padding-bottom: 10px;
}
body .mobile_View {
    display: block !important;
}
.web_View {
    display: none !important;
}
body .logo_con.d-flex.align-items-center {
    padding: 10px;
}
.select_question_row>* {
    width: 50%;
}
.evalution_body {
    padding: 15px 15px 15px 15px;
}
.employee-createtosection {
    padding: 26px 15px 19px 15px;
}
.seach-stagesec .last-section-button.mb_30 {
    padding: 15px;
    margin: 0px;
}
table {
    white-space: nowrap;
}
.row.stage-secondpart.stage-list-pad {
    padding: 15px !important;
}
.stage-secondpart {
    padding: 19px 15px 22px 15px;
}
.sectiona-count>* {
    margin-right: 30px !important;
}
.tb_c {
    flex-direction: column;
}
#headingTwo {
    margin-bottom: 0;
}
.sectionB_block>.col-md-4 {
    width: 67%;
}
.second-blocksec>.col-md-4 {
    width: 50%;
}
.Action .col-md-3.stage2-process {
    width: 50% !important;
}
body .start-btnn {
    margin-right: 0px;
    margin-bottom: 10px;
}
body .mobile_View.nav {
    display: flex !important;
    padding-top: 15px;
    padding-left: 15px;
}
body .normal-view-section, body .table_view_clm {
    width: 50% !important;
}
}
/*************************** responsiveness-tab-23-02-2023-Ends******************************/

/************** css changes on 24/02/2023 ******************/
@media only screen and (max-width: 767px) {
    .first-section>div.question_align_center:nth-child(1) {
        align-items: center !important;
    }
    body .orga_thead tr .remarks_td {
        width: auto;
        word-break: normal;
    }
    .upload-cloud {
        flex-direction: column;
    }   
    .upload-cloud img.uploadcloud.mr_9 {
        margin: 0 0 9px 0;
    }
    .d-flex {
        flex-wrap: wrap;
    }
    body .employee-createtosection {
        padding: 15px 20px;
    }
    .refres_btn {
        width: 100%;
        margin-top: 15px;
    }
    .groupon-borderpadding {
        margin-bottom: 5px;
    }
    body .sectionc1-popupcontent {
        padding: 15px !important;
    }
    .col-md-3.normal-view-section {
        width: 100% !important;
    }
    .web_View {
        display: none !important;
    }
    body .mobile_View {
        display: block !important;
        margin-bottom: 10px;
    }
    .section_c_tab {
        margin-top: 10px;
    }
    .employee-firstrow>* {
        margin-bottom: 5px;
        padding-left: 0;
        width: 100%;
        border: none !important;
    }
    .additional_add_section {
        width: 100%;
        text-align: right;
        padding-bottom: 20px;
    }
    body .table_view_clm {
        width: 300px !important;
    }
    .section_c_tabs .stage-b-border {
        width: 100%;
        margin: 0;
        border: none;
    }
    .sectiona-count {
        flex-wrap: wrap;
    }
    .add-column-count {
        width: 100%;
        margin-bottom: 5px !important;
    }
    .col-md-4.que2-set {
        width: 100% !important;
    }
    .w-50 {
        width: 100% !important;
    }
    .Measurable-set-radio {
        margin-bottom: 10px !important;
    }
    table tr td:last-child>div {
        width: 90px;
    }
    body .seach-stagesec {
        padding: 15px !important;
    }
    body .left_per.evlauate_box {
        width: 100%;
        max-width: 100%;
    }
    .last-section-button {
        padding: 20px 0 20px 0;
        margin: 0 0 0 0;
    }
    .mobile_View .nav-item, .mobile_View .nav-item button {
        margin: 0;
        width: 100%;
    }
    body .last-section {
        padding: 15px;
    }
    body .page_body .create_stage_form>*, body .create_stage_form .submeta-data-first-row.new-submeta-blk {
        width: 100% !important;
    }
    body .list_depo_div {
        padding-left: 0;
    }
    .list_depo_div>* {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .add-button.mr_18 {
        margin: 0 !important;
    }
    .create_status_con .submeta-data-first-row {
        padding-left: 12px;
        padding-right: 12px;
    }
    .side-addbutton {
        width: auto !important;
    }
    .noti_blk .width_80>div img + * {
        width: calc(100% - 28px);
    }
    .noti_blk .pl_40, .noti_blk .width_20.text-right {
        padding-left: 36px !important;
    }
    body .logo_con.d-flex.align-items-center {
        padding: 10px;
    }
    .cat_arrow + .content, .sub_cat_arrow + .content {
        width: calc(100% - 10px);
    }
    .popup_nav_link>li .d-flex {
        flex-wrap: nowrap;
    }
    .soft_card_header {
        padding: 10.5px 15px;
    }
    #hardintegrationPopup .modal-content {
        padding: 25px 15px !important;
    }
    table tr .d-flex {
        flex-wrap: nowrap;
    }
    table .form-control, table .doc_upload_sizee.upload_file{
        width: 200px;
    }
    .modal .modal-content, #ViewdDatasetPopup .modal-content {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    body .questionpage {
        padding-top: 90px;
    }
    .user_navigation li {
        width: 100%;
        margin-block-start: 5px;
    }
    .sample_toggle_div>* {
        margin-bottom: 5px !important;
    }
    .filter_section .row>div:nth-child(4)>div.clear-filter {
        width: auto !important;
    }
    .audit_type_check>li {
        width: 50% !important;
    }
    .sampling_plan li button {
        flex-wrap: nowrap;
    }
    .carousel-caption {
        display: block !important;
    }
    .login_blk {
        padding: 20px 0;
    }
    .sidemenu_div {
        /* display: block!important; */
    }
    body .mobile_View.mobile_search_clear_section {
        display: flex !important
    }
}


/********** css changes on 24/04/2023 ******************/
@media only screen and (max-width: 767px) {
    .modal .mb_30 {
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .yes_no_popup .modal-dialog {
        width: 300px;
    }
    .ftp-congsection {
        margin-top: 20px;
    }
    .login_form.change_pass_form .right-side {
        padding-top: 30px !important;
    }
    body .parttwo {
        padding: 20px;
    }
    .blackdotimg + .add-items {
        width: calc(100% - 28px);
    }
    .blackdotimg + .add-items {
        width: calc(100% - 52px);
    }
    body img.outlineimg {
        padding-left: 12px;
    }
    body .normal-view {
        width: 50%;
    }
    .stage_left_blk .stageleft-section {
        width: 100%;
    }
    .mobile_View h2#headingTwo {
        margin: 0;
    }
    table tr td:last-child>div.stages_width {
        width: 315px;
    }
    .audio_format_radio>* {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .meta_fields_row>.create_rows>.col-md-6 {
        width: calc(100% - 44px) !important;
    }
    .meta_fields_row>.create_rows>.col-md-1 {
        width: 44px;
    }
    .middle_per>div>* img {
        transform: rotate(90deg);
    }
    .submeta-data-first-row.stage_disabled {
        padding-left: 15px;
        padding-right: 15px;
    }
    .disposition-btn {
        justify-content: center;
        display: flex;
    }
    .stageright-first-section.stage_click_con {
        padding: 30px 15px; 
    }
    .stage_gsm_gateway.stageright-first-section.stage_click_con {
        padding: 30px; 
    }
    .row.mobile_row>* {
        padding: 0;
    }
    .table_container.role_container.dash_menu_col {
        padding: 30px 15px !important;
    }
    .tab_con_rel.hide_before_after::before, .tab_con_rel.hide_before_after::after {
        display: none;
    }
    table tr td:last-child>div.scrollBox {
        width: 100%;
    }
    .sheduling-secondrow .pr_56 {
        padding-right: 0;
    }
    .sampling-delete {
        padding-left: 0 !important;
        padding-top: 10px !important;
    }
    body .level_loop_main, body .sheduling-secondrow.email_tem_row {
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    body .sheduling-secondrow.email_tem_row {
        padding: 15px !important;
    }
    body .email_row>*:not(:last-child) {
        padding: 0 0px 0 0  !important;
    }
    body .button_div {
        margin: 0;
    }
    body .evalution-tabs {
        justify-content: flex-start;
        padding: 15px 0;
    }
    .xdsoft_datetimepicker {
        padding: 0 0 8px 0;
        /* width: 70px; */
        width: 70%;
    }
    .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
        text-align: center;
    }
    .xdsoft_datetimepicker .xdsoft_datepicker {
        /* width: 229px; */
        width: 280px;
    }
    .filter_section>div>*>.form-group {
        margin: 0;
    }
    .modal.add_section_popup .modal-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 15px !important;
    }
     .xdsoft_calendar table tr td:last-child>div {
        width: auto !important;
    }
}
/********** css changes on 24/04/2023 ******************/

@media only screen and (min-width: 768px) and (max-width: 1024px){
    .filter_section {
    padding: 17.5px 15px 0px;
    }
    .sub_table_blk tbody tr:last-child {
    border-bottom: none;
    }
    /* .delete-dataset {
        margin-right:8px;
    }    */
    .stages_edit {
    height: 14px;
    max-width: 13px !important;
    width: 13px;
}
    .ipad-flex-direction {
        flex-direction: column;
    }
    .tb_c {
    flex-direction: column;
}
    .ipad-repons-margin {
        margin-top:20px
    }
    .left_per.evlauate_box {
        flex: inherit;
        max-width: calc(50% - 33px);
        width: calc(50% - 34px);
    }
    .clear-filter-alignment {
    width: calc(33.3% - 0px) !important;
    }
    .respo-filter-sub>div {
        width: 33% !important;
    }
    .filter_section .ipad-repons-w-100 {
        width:100% !important
    }
    .filter_section .ipad-repons-w-65 {
    width: 65% !important;
    }
    .ipad-respons-mt0 {
        margin-top:0px
    }
    .reports_filter .form-group {
    margin-bottom: 0px;
    }
    .ipod-margin-bottom {
        margin-bottom: 20px !important;
    }

}