/*
This CSS file to update the responsive styles for Graft Tracking Form
*/
/* 
    Created on : 23-Sep-2022, 08:20 PM
    Author     : Karthik
*/
@media screen and (max-width: 1536px) {
    /* Download Button Style Start */
    .view-graft-submission-report div.table-responsive table tr td .bdt-action-container a {
        display: inline-block !important;
        text-align: center !important;
        line-height: 1 !important;
    }
    /* Download Button Style End */
}
@media screen and (max-width: 767px) {
    /* Graft Implant Record Admin Page Style Start */
    .view-graft-submission-report .views-exposed-form .form-actions input, .view-graft-submission-report .d-flex.flex-wrap div:nth-child(3), .view-graft-submission-report .d-flex.flex-wrap div:nth-child(4) {
        width: 100% !important;
    }
    /* Graft Implant Record Admin Page Style End */
}
@media screen and (max-width: 576px) {
    
  /************** Allograft Bio-Implant Tracking Report Front-end Page ***************/
  
  /* Main section */
  #edit-graft-form-main-container.graft-form-main-container {
    padding: 20px 40px !important;
  }
  
  /* Page header title section */
  #block-allograftbioimplanttrackingreport .graft-block-title {
    width: 100%;
    text-align: center;
  }
  
  /* Page header title contact-us button section */
  #block-allograftbioimplanttrackingreport .graft-block .block-conatct-us {
    width: 100%;
    text-align: center !important;
    box-sizing: border-box;
    padding: 8px 0;
  }
  #block-allograftbioimplanttrackingreport .graft-block .block-conatct-us a {
    font-size: 8pt !important;
    padding: 0.5em 0.5em;
  }
  
  /* Page header progress-bar section */
  .webform-submission-allograft-bio-implant-tracking-add-form .webform-progress-tracker {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 30px !important;
  }
  .webform-multiple-table table {
    margin-bottom: 20px;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table tbody tr:not(:first-child) {
    margin-top: 46px;
  }
  #graft_details_table div.table-responsive table tr td:nth-child(1) {
    width: 100% !important;
    margin-bottom: 8px;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table .webform-multiple-table--operations {
    padding: 0 !important;
    right: 3px;
    top: 210px;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table tr:first-child .webform-multiple-table--operations {
    left: 88%;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form fieldset.form-item-implant-date img {
    top: -34px !important;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form .form-actions .form-submit {
    width: 100%;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form fieldset.form-item-implant-date img + div.invalid-feedback {
    margin-top: -18px;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form .form-item-person-completing-this-form.has-error div.invalid-feedback {
    font-size: .6em !important;
  }
  .webform-preview .graft-form-main-container {
    padding: 10px 10px !important;
  }
  .graft-preview-submit {
    padding: 10px !important;
  }
  .graft-preview-submit input {
    margin-bottom: 5px;
  }
  .graft-preview-page-container .graft-preview-container .graft-other-details_wrapper .col-sm-12 {
    display: block !important;
  }
  .graft-preview-page-container .graft-preview-container .graft-other-details_wrapper .show-data {
    display: inline-block;
  }
  
  /************** Allograft Tracking Contact Us page section ***************/
  /* Form style */
  .webform-submission-contact-us-graft-tracking-form .col-6.form-wrapper {
    width: 100%;
  }
  
  /* Form action button */
  .webform-submission-contact-us-graft-tracking-form .form-actions {
    text-align: center;
  }
  
  /* Form fieldset fields style */
  .webform-submission-allograft-bio-implant-tracking-add-form fieldset input {
    height: 3.6rem;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form fieldset.form-type-textarea .form-textarea-wrapper textarea {
    height: 4.6rem;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form fieldset.form-type-select select {
    height: 3.6rem;
  }
}

@media (min-width: 577px) and (max-width: 768px) {
    
  /************** Allograft Bio-Implant Tracking Report Front-end Page ***************/
  #block-allograftbioimplanttrackingreport .graft-block-title {
    width: 100%;
    text-align: center;
  }
  #block-allograftbioimplanttrackingreport .graft-block .block-conatct-us {
    width: 100%;
    text-align: center !important;
  }
  .webform-multiple-table table {
    margin-bottom: 20px;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table, #graft_details_table div.table-responsive table tr td:nth-child(1) {
    width: 100% !important;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table tbody tr:not(:first-child) {
    margin-top: 50px;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table .webform-multiple-table--operations {
    padding: 0 !important;
    right: 3px;
    top: 21.5rem;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table tr:first-child .webform-multiple-table--operations {
    left: 92%;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form fieldset.form-item-implant-date img {
    top: -40px !important;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form fieldset.form-item-implant-date img + div.invalid-feedback {
    margin-top: -28px;
  }
  .graft-preview-page-container .graft-preview-container .graft-other-details_wrapper .col-sm-12 {
    display: block !important;
  }
  .graft-preview-page-container .graft-preview-container .graft-other-details_wrapper .show-data {
    display: inline-block;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
    
  /************** Allograft Bio-Implant Tracking Report Front-end Page ***************/
  #block-allograftbioimplanttrackingreport .graft-block-title {
    width: 100%;
    text-align: center;
  }
  #block-allograftbioimplanttrackingreport .graft-block .block-conatct-us {
    width: 100%;
    text-align: center !important;
  }
  .webform-multiple-table table {
    margin-bottom: 20px;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table, #graft_details_table div.table-responsive table tr td:nth-child(1) {
    width: 100% !important;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table tbody tr:not(:first-child) {
    margin-top: 50px;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table .webform-multiple-table--operations {
    padding: 0 !important;
    display: inline !important;
    margin-left: 90% !important;
    margin-top: 2% !important;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form fieldset.form-item-implant-date img {
    top: -45px;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form fieldset.form-item-implant-date img + div.invalid-feedback {
    margin-top: -28px;
  }
  .graft-preview-page-container .graft-preview-container .graft-other-details_wrapper .col-sm-12 {
    display: block !important;
  }
  .graft-preview-page-container .graft-preview-container .graft-other-details_wrapper .show-data {
    display: inline-block;
  }
  div.table-responsive table tr input.image-button:nth-child(2) {
    margin-left: 26px;
    margin-top: -20px;
  }
  .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table tr:not(:first-child) td.webform-multiple-table--operations {
    margin-left: 86% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
    
  /************** Allograft Bio-Implant Tracking Report Front-end Page ***************/
  #block-allograftbioimplanttrackingreport .graft-block-title {
    width: 100%;
    text-align: center;
  }
  
  /************** Allograft Tracking Contact Us page section ***************/
  #block-allograftbioimplanttrackingreport .graft-block .block-conatct-us {
    width: 100%;
    text-align: center !important;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
    
    /************** Allograft Bio-Implant Tracking Report Front-end Page ***************/
    #graft_details_table div.table-responsive table tr td:nth-child(1) {
        width: 67.5% !important;
    }
    
    /************** Allograft Tracking Submission page filter section ***************/
    .view-graft-submission-report .views-exposed-form .form-actions input {
        padding: 0px !important;
    }
}

@media screen and (max-width: 992px) {
    
    /************** Allograft Tracking Submission page filter section ***************/
    .view-graft-submission-report .views-exposed-form .form-row {
        width: 100%;
    }
    .view-graft-submission-report .views-exposed-form .form-row fieldset .form-control, 
    .view-graft-submission-report .views-exposed-form .form-row fieldset .form-select {
        width: 100%;
    }
    .view-graft-submission-report .views-exposed-form .form-row fieldset div.fieldset-wrapper fieldset {
        float: none;
    }
    .view-graft-submission-report .views-exposed-form .form-row fieldset div.fieldset-wrapper {
        display: block;
    }
    .view-graft-submission-report .views-exposed-form .js-form-wrapper, 
    .view-graft-submission-report .views-exposed-form .js-form-type-select{
        float: none;
        width: 100%;
    }
    .view-graft-submission-report .views-exposed-form fieldset.js-form-wrapper {
        width: 100%;
    }
    .view-graft-submission-report .views-exposed-form .js-form-type-select + div.js-form-wrapper,
    .view-graft-submission-report .views-exposed-form .form-row fieldset div.fieldset-wrapper::after,
    .view-graft-submission-report .views-exposed-form .form-actions::before {
        clear: both;
    }
    .view-graft-submission-report .views-exposed-form .form-actions {
        display: block;
        clear: both;
        width: 100%;
    }
    .view-graft-submission-report .views-exposed-form .form-actions input {
        width: 100%;
        font-size: 18px;
        border-radius: 0.6rem;
        text-decoration: none;
        background-color: #EEEEEE !important;
        font-weight: 500;
        padding: 0px 133px;
        border-top: 1px solid #CCCCCC !important;
        border-left: 1px solid #CCCCCC !important;
        cursor: pointer;
        color: #434343 !important;
        height: 50px;
        vertical-align: middle;
    }
    .view-graft-submission-report .views-exposed-form .form-actions input:first-child {
        margin-bottom: 5px; 
    }
}

@media (min-width: 1200px) and (max-width: 1536px) {
    
  /************** Allograft Bio-Implant Tracking Report Front-end Page ***************/
    #block-allograftbioimplanttrackingreport .graft-block .block-conatct-us a,
    .view-graft-submission-report div.table-responsive table tr td .bdt-action-container a {
      font-size: 11pt !important;
  }
  
}