/*i
This css file to update the Graft Tracking Report Form
*/
/* 
    Created on : 19-May-2022, 2 PM
    Author     : Jyothi
*/

/************** Allograft Bio-Implant Tracking Report Front-end Page ***************/
/*
* Allograft Bio-Implant Tracking Report - Front-end Form Page Styles
*/

/* Form submitted date field */
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-patient-label-if-applicable,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-submitted-date {    
    display: none;   
}
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-patient-label-if-applicable,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-submitted-date {    
    display: none;   
}
.webform-submission-allograft-bio-implant-tracking-form .js-form-required::after, .webform-submission-contact-us-graft-tracking-form .js-form-required::after {
	background: none;
}

/* Page full width container section */
div.webform-ajax-form-wrapper .bdt-inner-container {
    max-width: 100%;
}

/* Page header title section */
#block-allograftbioimplanttrackingreport {
    padding: 15px;
    background: #003768;
    margin-bottom: 50px;
}
#block-allograftbioimplanttrackingreport .graft-block h3 {
    color: #fff;
    padding: 10px;
    margin: 0 auto;
}
#block-allograftbioimplanttrackingreport .graft-block {
    display: flex        
}

/* Page header contact-us button section */
#block-allograftbioimplanttrackingreport .graft-block .block-conatct-us a {
    background: #a2ad00;
    color: #fff;
    border: 1px solid #a2ad00;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0.6rem;
    box-shadow: 0px 0.4rem 0.6rem rgb(0 0 0 / 20%);
    padding: 0.5em 1.5em;
    line-height: 4
}
#block-allograftbioimplanttrackingreport .graft-block .block-conatct-us {
    padding: 10px;
    margin: auto 0;
    text-align: right;
}

/* Graft Tracking ContactUs Form */
#block-contactusform .graft-block .block-conatct-us {
    text-align: right;
    line-height: 2.5;
}
#block-contactusform {
    padding: 15px;
    background: #003768;
    margin-bottom: 50px;
}
#block-contactusform .graft-block h3 {
    color: #fff;
    padding: 10px;
    margin: 0 auto;
}

.bdt-inner-container.graft-tracking-container {
    margin-top: 50px;
    max-width: unset !important;
}

/* Form fieldsset styles */
.webform-submission-allograft-bio-implant-tracking-add-form label.graft-element-title,
.webform-submission-allograft-bio-implant-tracking-add-form legend .fieldset-legend,
#webform-submission-allograft-bio-implant-tracking-form-ajax label.graft-element-title,
#webform-submission-allograft-bio-implant-tracking-form-ajax legend .fieldset-legend
{
    color: #003768;
    font-weight: 400;
    font-size: 17px;
    margin: 10px 0;
}

/* Form Graft Number and Graft Code field label responsive font-size styles */
@media (min-width: 992px) and (max-width: 1199px) {
    .webform-submission-allograft-bio-implant-tracking-add-form label.graft-element-title,
    .webform-submission-allograft-bio-implant-tracking-add-form legend .fieldset-legend,
    #webform-submission-allograft-bio-implant-tracking-form-ajax label.graft-element-title,
    #webform-submission-allograft-bio-implant-tracking-form-ajax legend .fieldset-legend,
    .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .table-responsive tr td label.form-required,
    .webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .table-responsive tr td label.form-required,
    #webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .table-responsive tr td label.form-required,
    #webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .table-responsive tr td label.form-required
    {
        font-size: 14px !important;
    }
}

/* Form fields imput and label styles */
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-graft-code label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-graft-id-number label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-surgeon label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-implant-date label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-patient-id-mr label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-procedure label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-patient-name label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-patient-age label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-facility-name label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-country label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-city label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-state label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-zip-code label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-phone-number label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-person-completing-this-form label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-reason-for-discard label.graft-element-title::after,
.webform-submission-allograft-bio-implant-tracking-add-form  legend .fieldset-legend::after,
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-graft-discarded label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-graft-code label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-graft-id-number label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-surgeon label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-implant-date label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-patient-id-mr label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-patient-name label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-patient-age label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-facility-name label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-country label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-city label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-state label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-zip-code label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-phone-number label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-person-completing-this-form label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-reason-for-discard label.graft-element-title::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax legend .fieldset-legend::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-graft-discarded label.graft-element-title::after
{
    color: #003768;
    font-size: 16px;
    content: "*";
    margin-left: 2px;
}
.webform-submission-allograft-bio-implant-tracking-add-form input,
#webform-submission-allograft-bio-implant-tracking-form-ajax input
{
    font-size: 14px;
    height: 4.6rem;
}
.webform-submission-allograft-bio-implant-tracking-add-form .webform-multiple-table--operations input, #webform-submission-allograft-bio-implant-tracking-form-ajax .webform-multiple-table--operations input {
	height: auto !important;
}
.webform-submission-allograft-bio-implant-tracking-add-form .webform-type-radios .fieldset-wrapper .form-item-speciality label,
.webform-submission-allograft-bio-implant-tracking-add-form .webform-type-radios .fieldset-wrapper .form-item-graft-discarded label,
.webform-submission-allograft-bio-implant-tracking-add-form .webform-type-radios .fieldset-wrapper .form-item-speciality,
.webform-submission-allograft-bio-implant-tracking-add-form .webform-type-radios .fieldset-wrapper .form-item-graft-discarded,
.webform-submission-allograft-bio-implant-tracking-add-form .form-type-select select,
.webform-submission-allograft-bio-implant-tracking-add-form .form-type-textarea .form-textarea-wrapper textarea,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-type-radios .fieldset-wrapper .form-item-speciality label,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-type-radios .fieldset-wrapper .form-item-graft-discarded label,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-type-radios .fieldset-wrapper .form-item-speciality,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-type-radios .fieldset-wrapper .form-item-graft-discarded,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-type-select select,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-type-textarea .form-textarea-wrapper textarea 
 {
    font-size: 14px;
}
.webform-submission-allograft-bio-implant-tracking-add-form .webform-type-radios .fieldset-wrapper .form-item-speciality input,
.webform-submission-allograft-bio-implant-tracking-add-form .webform-type-radios .fieldset-wrapper .form-item-graft-discarded input,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-type-radios .fieldset-wrapper .form-item-speciality input,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-type-radios .fieldset-wrapper .form-item-graft-discarded input{
    font-size: 14px;
    height: 1em;
}
.webform-submission-allograft-bio-implant-tracking-add-form .form-type-select select,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-type-select select{
    height: 4.6rem;
}
.webform-submission-allograft-bio-implant-tracking-add-form .form-type-tel .iti--allow-dropdown,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-type-tel .iti--allow-dropdown{
    display: block;
}
.webform-submission-allograft-bio-implant-tracking-add-form .form-type-textarea .form-textarea-wrapper textarea,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-type-textarea .form-textarea-wrapper textarea{
    height: 6.6rem;
}
.webform-submission-allograft-bio-implant-tracking-add-form .form-actions,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-actions{
    text-align: right;
    margin-top: 20px;
}
.webform-submission-allograft-bio-implant-tracking-add-form .form-actions .form-submit,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-actions .form-submit{
    width: 300px;
    margin-top: 20px;
    line-height: 1;
}
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-implant-date input,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-implant-date input{
    border-radius: 0.6rem;
    padding-left: 38px;
}
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-implant-date img,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-implant-date img{
    top: -45px;
    position: relative;
    margin: 0px 15px;
}

/* Form fields error alert styles */
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-implant-date img + div.invalid-feedback,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-implant-date img + div.invalid-feedback{
    margin-top: -35px;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .table-responsive tr td label.form-required,
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .table-responsive tr td label.form-required,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .table-responsive tr td label.form-required,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .table-responsive tr td label.form-required{
    color: #003768;
    font-weight: 400;
    font-size: 18px;
    margin: 10px 0;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .table-responsive tr td label.form-required::after,
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .table-responsive tr td label.form-required::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .table-responsive tr td label.form-required::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .table-responsive tr td label.form-required::after{
    color: #003768;
    font-size: 18px;
    content: "*";
    margin-left: 2px;
}

/* Form Graft Number and Graft Code DOM table styles */
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table thead tr,
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table tbody tr td,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-table thead tr,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-table tbody tr td{
    background: #fff;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .table-responsive,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .table-responsive{
    overflow: unset;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table tbody tr td,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-table tbody tr td{
    padding: 0;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table thead tr,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-table thead tr{
    border: none;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table tbody tr,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-table tbody tr{
    background: none;
    padding: 0;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table button.tabledrag-toggle-weight,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-table button.tabledrag-toggle-weight{
    display: none;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table .webform-multiple-table--handle,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-table .webform-multiple-table--handle{
    display: none;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .form-type-number,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .form-type-number{
    display: none;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-add,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-add{
    position: relative;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-add input.form-submit,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-add input.form-submit{
    width: 100%;
    line-height: 1;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table .webform-multiple-table--operations,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-table .webform-multiple-table--operations
{
    display: flex;
    vertical-align: middle;
    margin: auto 0;
    padding: 60px;
}
.webform-multiple-table--operations input::after {
    content: "";
    -webkit-mask: url("modules/custom/graft_tracking/images/Add_Icon.svg") no-repeat;
    mask: url("modules/custom/graft_tracking/images/Add_Icon.svg") no-repeat;
    background: #a2ad00;
    width: 21px;
    height: 21px;
    float: left;
    margin: 5px;
    position: absolute;
    left: 0;
}

/* Form header progress-bar styles */
.webform-submission-allograft-bio-implant-tracking-add-form .webform-progress .webform-progress-tracker .progress-text,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-progress .webform-progress-tracker .progress-text{
    display: none !important;
}

/* Form Graft Number and Graft Code DOM table styles */
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-add,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-add{
    display: none;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-table{
    width: auto;
}

/* Form header progress-bar styles */
.webform-submission-allograft-bio-implant-tracking-add-form .webform-progress-tracker .progress-marker,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-progress-tracker .progress-marker{
    font-size: 16px;
    font-weight: 700;
}
.webform-submission-allograft-bio-implant-tracking-add-form .webform-progress-tracker,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-progress-tracker{
    margin: 30px 200px;
    margin-top: 0;
}
.webform-submission-allograft-bio-implant-tracking-add-form .webform-progress-tracker .progress-marker::before,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-progress-tracker .progress-marker::before{
    width: 26px;
    height: 26px;
}

/* Form preview detail page styles */
.graft-preview-page-container .download-pdf-container {
    display: inline-block;
    border-bottom: 2px solid #e3e3e3;
    padding: 20px 0;
    width: 100%;
}
.graft-preview-page-container .download-pdf-container .preview-title {
    color: #003768;
    font-weight: 600;
    float: left;
}
.graft-preview-page-container .download-pdf-container .submitted-date {
    color: #003768;
    font-weight: 400;
    float: left;
}
.graft-preview-page-container .download-pdf-container .download-pdf-link {
    float: right;
    line-height: 0;        
}
.graft-preview-page-container .download-pdf-container .download-pdf-link a {
    background: #003768;
    color: #fff;
    font-size: 14px !important;
    padding: 10px 15px;
    border: 1px solid #003768;
    border-radius: 0.6rem;
    box-shadow: 0px 0.4rem 0.6rem rgb(0 0 0 / 20%);
}
.graft-preview-page-container .download-pdf-container .download-pdf-link a .fa-download {
    font-size: 12px;
    font-weight: 600;
    padding: 10px;
    padding-left: 0;
}
.graft-preview-container .data-containers {
    display: flex;
    padding-bottom: 5px;
    padding-top: 5px;
}
.g-container {
    padding: 0 !important;
}
.graft-form-main-container .webform-actions{
    margin: 0 -14px;
}
.graft-preview-container .data-containers label {
    font-weight: 600;
    color: #003768;
    font-size: 16px;
}
.graft-preview-container .data-containers label span {
    color: #003768;
    font-size: 14px;
    margin-left: 2px;
    font-weight: 400;
}
.graft-preview-container .data-containers label::after {
    color: #003768;
    font-size: 18px;
    content: ":";
    margin-right: 10px;
}
.graft-preview-container .data-containers .show-data {
    font-size: 16px;
    color: #003768;
}
.graft-preview-container .data-containers label {
    font-weight: 600;
    color: #003768;
    font-size: 16px;
}

/* Form submit or preview button styles */
.webform-submission-allograft-bio-implant-tracking-form .webform-actions,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-actions{
    border-top: 2px solid #e3e3e3 !important;
    padding: 0;
}
.webform-submission-allograft-bio-implant-tracking-form .webform-button--preview,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-button--preview{
    display: none;
}
.webform-submission-contact-us-graft-tracking-form .js-form-item label {
    color: #003768;
    font-weight: 400;
    font-size: 18px;
    margin: 10px 0;
}

/* Form mantatory fields '*' added styles */
.webform-submission-contact-us-graft-tracking-form .js-form-item label.form-required::after {
    color: #003768;
    font-size: 18px;
    content: "*";
    margin-left: 2px;
}

/* Form input field styles */
.webform-submission-contact-us-graft-tracking-form .js-form-item input {
    font-size: 16px;
    height: 3.6rem;
}

/* Form padding styles */
.webform-submission-contact-us-graft-tracking-form {
    padding: 50px 10px;
}

/* Form input field styles */
.webform-submission-contact-us-graft-tracking-form .js-filter-wrapper {
    display: none;
}
.webform-submission-contact-us-graft-tracking-form .form-type-tel .iti--allow-dropdown .iti__flag-container{
    height: auto;
}
.webform-submission-contact-us-graft-tracking-form .form-type-tel .iti--allow-dropdown {
    display: inherit !important;
}
.webform-submission-allograft-bio-implant-tracking-add-form .form-type-tel .iti--allow-dropdown .iti__flag-container,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-type-tel .iti--allow-dropdown .iti__flag-container{
    height: auto;
}
.webform-submission-contact-us-graft-tracking-form .form-type-textarea.form-item-message-value .form-textarea-wrapper .cke_bottom.cke_reset_all {
    display: none;
}
.webform-submission-contact-us-graft-tracking-form .form-actions {
    text-align: right;
    margin-top: 20px;
    border-top: 2px solid #e3e3e3 !important;
}
.webform-submission-contact-us-graft-tracking-form .form-actions .webform-button--submit {
    width: 300px;
    margin-top: 20px;
    line-height: 1;
}
 
.webform-submission-contact-us-graft-tracking-form .webform-confirmation .center {
    text-align: center;
}
.webform-submission-contact-us-graft-tracking-form .webform-confirmation .success-wrapper {
    display: inline-block;
    margin: 0 auto;
    padding: 20px 45px;
    border: 1px solid #badbcc;
    background: #badbcc;
    border-radius: 0.6rem;
    box-shadow: 0px 0.4rem 0.6rem rgb(0 0 0 / 20%);
}
.webform-submission-contact-us-graft-tracking-form .webform-confirmation .success-wrapper .success {
    display: inline-block;
}
.webform-submission-contact-us-graft-tracking-form .webform-confirmation .success-wrapper .success h2 {
    margin: 0;
}
.webform-submission-contact-us-graft-tracking-form .webform-confirmation .success-wrapper .success .check-icon {
    vertical-align: middle;
    float: left;
}
.webform-submission-contact-us-graft-tracking-form .webform-confirmation .success-wrapper .success .check-icon .fa-check {
    height: 53px;
    width: 53px;
    vertical-align: middle;
    padding: 13px;
    border-radius: 50%;
    background-color: #a2ad00;
    border: 1px solid #a2ad00;
    color: #fff;
}
.webform-submission-contact-us-graft-tracking-form .webform-confirmation .success-wrapper .success .head {
    margin-top: 8px;
    margin-left: 10px;
    display: inline-block;
    color: #003768;
    font-weight: 600;
}
.webform-submission-contact-us-graft-tracking-form .webform-confirmation .success-wrapper p{
    margin-top: 2.8rem;
    color: #003768;
}

/* Form Graft Number and Graft Code '+'/'-' icon activity styles */
div.table-responsive table tr:first-child input.image-button:nth-child(2) {
    display: none;
}
div.table-responsive table tr input.image-button:nth-child(1) {
    border-width: 2px !important;
    border-color: #a2ad00 !important;
}
div.table-responsive table tr input.image-button:nth-child(2) {
    margin-left: 10px;
    border-color: #a2ad00 !important;
}
div.table-responsive table tr input.image-button {
    opacity: unset !important;
}
#graft_details_table div.table-responsive table tr td:nth-child(1) {
    width: 77.5% !important;
}
#graft_details_table div.table-responsive table tr td:nth-child(1) input.is-invalid {
    padding-right: 8px !important;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table .webform-multiple-table--operations,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-table .webform-multiple-table--operations{
    padding-left: 18px !important;
    padding-bottom: 50px !important;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table div.js-form-wrapper,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table div.js-form-wrapper{
    margin-bottom: 0 !important;
}
.webform-submission-allograft-bio-implant-tracking-add-form #graft_details_table .webform-multiple-table table tr td:nth-child(1) .js-form-item,
#webform-submission-allograft-bio-implant-tracking-form-ajax #graft_details_table .webform-multiple-table table tr td:nth-child(1) .js-form-item{
    margin-bottom: 0 !important;
}

/* Form field error styles */
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-phone-number .strong.error,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-phone-number .strong.error{
    display: none !important;
}
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-phone-number .invalid-feedback,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-phone-number .invalid-feedback{
    display: block !important;
}
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-reason-for-discard .invalid-feedback,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-reason-for-discard .invalid-feedback{
    display: block !important;
}
.webform-submission-allograft-bio-implant-tracking-add-form .invalid-feedback,
#webform-submission-allograft-bio-implant-tracking-form-ajax .invalid-feedback{
    color: #f03 !important;
    font-size: .8em !important;
    font-weight: normal !important;
}

/* Form input field styles */
.webform-submission-allograft-bio-implant-tracking-add-form input,
#webform-submission-allograft-bio-implant-tracking-form-ajax input{
    border: 1px solid #e3e3e3;
    background-image: none;
}
.webform-submission-allograft-bio-implant-tracking-add-form textarea,
#webform-submission-allograft-bio-implant-tracking-form-ajax textarea{
    border: 1px solid #e3e3e3 !important;
    background-image: none !important
}
.bdt-inner-graft-container {
    max-width: 100% !important;
    padding: 0 !important;
}
.graft-container-fluid {
    background: #f1f2f2;
}
.graft-page-site-footer {
    margin-top: 0 !important;
}
.graft-form-main-container {
    padding: 20px 65px !important;
    background: #fff;
    margin: 0 auto !important;
}
.graft-submission-form-button {
  background-color: #04AA6D; /* Green */
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

/* Form header title section styles */
.allograft-title-block .graft-block{
    margin: 0 auto;
    padding: 0;
}

/* Form header description section styles */
.allograft-message-block{
    margin: 0 auto;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    width: 80%;
    
}
.graft-block-title {
    padding: 15px 0 !important;
}
#block-allograftbioimplanttrackingreport .graft-block h3 {
    padding-left: 0 !important;
}
.block-conatct-us {
    padding: 15px 0;
}
.contact-us-grafttracking {
    margin: 0 auto;
    background: #fff;
    margin-bottom: 50px; 
}
#block-contactusform .graft-block-title {
    padding: 0 !important;
}
.graft-element-filed-name{
    font-size: 17px !important;
}

/* Form preview detail page styles */
.allograft-submiision-title.allograft-title-block {
    background: #434343;
    padding: 15px;
    margin-bottom: 50px;
}
.allograft-submiision-title.allograft-title-block h3 {
    color: #fff;
    margin-bottom: 0;
}
.graft-submission-container .views-element-container {
    background: #fff;
}
.graft-submission-container .section {
    background :#fff;
}
.graft-submission-container .main-content {
    background :#fff;
} 
.view-graft-submission-report.graft-form-main-container {
    padding: 0 !important;
    margin-bottom: 50px !important;
}
.graft-data-wrapper {
    display: flex;
}
.webform-submission-data-container .submission-data-header {
    display: inline-block;
    border-bottom: 2px solid #e3e3e3;
    padding: 5px 0;
    width: 100%;
    margin-bottom: 20px;
}
.webform-submission-data-container .submission-data-header h4 {
    float: left;
}
.webform-submission-data-container .submission-data-header .submitted-date-print {
    float: right;
    font-weight: 500;
}
.webform-submission-data-container .data-containers label{
    font-weight: 600;
    font-size: 18px;
}
.webform-submission-data-container .data-containers .show-data {
    font-size: 16px;
}
.download-submission-pdf-container {
    border-top: 2px solid #e3e3e3;
    padding: 5px 0;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}
.download-submission-pdf-container a {
    font-size: 18px;
    border-radius: .6rem;
    text-decoration: none;
    background-color: #EEEEEE;
    font-weight: 500;
    color: #434343;
    padding: 8px 60px;
    line-height: 3;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
    cursor: pointer;
}
.download-submission-pdf-container .download-button {
    margin-top: 20px;
}
.allograft-submiision-title.allograft-title-block {
    background: #434343;
}
.ui-widget.ui-widget-content{
    width: max-content !important;
    z-index: 99 !important;
}
.graft-form-main-container {
    margin-bottom: 0 
}
.graft-preview-page-container {
    border-bottom: 2px solid #e3e3e3;
}
.graft-preview-submit input{
    margin-top: 0 !important;
}
.graft-preview-submit {
    padding: 0 65px 25px 0 !important;
}
.webform-submission-allograft-bio-implant-tracking-add-form .form-item-person-completing-this-form.has-error div.invalid-feedback,
#webform-submission-allograft-bio-implant-tracking-form-ajax .form-item-person-completing-this-form.has-error div.invalid-feedback{
    font-size: 18px !important;
}

/************** Allograft Bio-Implant Tracking Report Admin Page - Filter section ***************/
.view-graft-submission-report .view-filters {
    margin-bottom: 50px;
    margin-top: 50px;
}
.view-graft-submission-report .views-exposed-form .form-row {
    width: 100%;
}
.view-graft-submission-report .views-exposed-form .form-row .form-control, 
.view-graft-submission-report .views-exposed-form .form-row .form-select {
    width: 100%;
}
.view-graft-submission-report .views-exposed-form .form-row .js-form-item div.fieldset-wrapper .js-form-item {
    float: left;
}
.view-graft-submission-report .views-exposed-form .form-row .js-form-item div.fieldset-wrapper .js-form-item:first-child {
    margin-right: 10px;
}
.view-graft-submission-report .views-exposed-form .form-row .js-form-item div.fieldset-wrapper {
    display: flex;
}
.view-graft-submission-report .views-exposed-form .js-form-wrapper, 
.view-graft-submission-report .views-exposed-form .js-form-type-select{
    float: left;
    width: 25%;
    padding-right: 5px;
    padding-left: 5px;
}
.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: 50%;
}
.view-graft-submission-report .d-flex.flex-wrap div:nth-child(3) fieldset, .view-graft-submission-report .d-flex.flex-wrap div:nth-child(4) fieldset {
	width: 100%;
}
.view-graft-submission-report .d-flex.flex-wrap div:nth-child(3) fieldset .js-form-item, .view-graft-submission-report .d-flex.flex-wrap div:nth-child(4) fieldset .js-form-item {
	width: 50%;
}
.view-graft-submission-report .views-exposed-form .js-form-wrapper legend {
    display: none;
}
.view-graft-submission-report .views-exposed-form .js-form-type-select + div.js-form-wrapper,
.view-graft-submission-report .views-exposed-form .form-row .js-form-item 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: 25% !important;
    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;
    box-shadow: none;
}
.view-graft-submission-report .views-exposed-form .form-actions input:hover,
.view-graft-submission-report .views-exposed-form .form-actions input:focus {
    box-shadow: 0px .4rem .6rem rgba(0,0,0,.2);
}
.webform-submission-allograft-bio-implant-tracking-form .graft-implant-webform-confirmation,
#webform-submission-allograft-bio-implant-tracking-form-ajax .graft-implant-webform-confirmation{
    margin-bottom: 50px;
}
#webform-submission-field-filter--2.surgeon-wrapper {
    width: 25% !important;
}
.webform-submission-allograft-bio-implant-tracking-form .webform-progress-tracker .progress-step.is-complete .progress-marker::after,
.webform-submission-allograft-bio-implant-tracking-form .webform-progress-tracker .progress-step.is-complete .progress-marker::before,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-progress-tracker .progress-step.is-complete .progress-marker::after,
#webform-submission-allograft-bio-implant-tracking-form-ajax .webform-progress-tracker .progress-step.is-complete .progress-marker::before{
    background: #2196F3 !important;
}
.view-graft-submission-report .csv-feed a{
    display: inline !important;
    font-size: 14px;
    border-radius: .6rem;
    text-decoration: none;
    background-color: #EEEEEE;
    font-weight: 500;
    color: #434343;
    padding: 2px 15px;
    line-height: 3;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
    cursor: pointer;
    background-image: none !important;
}
.view-graft-submission-report .csv-feed a:hover,
.view-graft-submission-report .csv-feed a:focus {
    box-shadow: 0px .4rem .6rem rgba(0,0,0,.2);
}
.view-graft-submission-report table thead th a {
    font-weight: 500;
    color: #a68da9;
    font-size: 18px;
}
.view-graft-submission-report table thead th a:hover,
.view-graft-submission-report table thead th a:focus{
    font-weight: 500;
    color: #a68da9;
    font-size: 18px;
}
.view-graft-submission-report table thead th .tablesort--desc {
    width: 14px;
    height: 14px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 9px solid #a68da9;
    margin: 0 auto;
    text-align: right;
    margin-left: 5px;
    margin-bottom: 5px;
    background-image: none !important;
    vertical-align: middle;
} 
.view-graft-submission-report table thead th .tablesort--asc {
    width: 14px;
    height: 14px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid #a68da9;
    margin: 0 auto;
    text-align: right;
    margin-left: 5px;
    background-image: none !important;
    vertical-align: middle;
}
.webform-submission-allograft-bio-implant-tracking-form .item-list--comma-list.item-list,
#webform-submission-allograft-bio-implant-tracking-form-ajax .item-list--comma-list.item-list{
    display: none !important
}
.path-webform .container-fluid.section .alert.alert-dismissible.alert-warning {
    display: none;
}
.webform-submission-allograft-bio-implant-tracking-form .alert.alert-dismissible.alert-warning,
#webform-submission-allograft-bio-implant-tracking-form-ajax .alert.alert-dismissible.alert-warning{
    display: none !important
}

/**************Graft Submission Report********************/
.view-graft-submission-report div.table-responsive table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent !important;
}
.view-graft-submission-report {
    margin-top: 10px;	
}
.view-graft-submission-report div.table-responsive table {
    color: #b57482;
    background: #fff;
    width: 100%;
    margin: 0 0 10px;
    border-collapse: collapse;
    display: table;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}
.view-graft-submission-report div.table-responsive table {
    font-size: 18px;
    font-weight: 400;
}
.view-graft-submission-report div.table-responsive table thead th {
    font-weight: 500;
    color: #a68da9;
    text-transform: none;
    background: #f5f5f2;
    padding: 25px 12px;
    padding-left: 30px;
}
.view-graft-submission-report div.table-responsive table thead tr th:first-child {
    border-top-left-radius: 14px;
    -moz-border-top-left-radius: 14px;
    -o-border-top-left-radius: 14px;
    -ms-border-top-left-radius: 14px;
    -webkit-border-top-left-radius: 14px;
}
.view-graft-submission-report div.table-responsive table thead tr th:last-child {
    border-top-right-radius: 14px;
    -moz-border-top-right-radius: 14px;
    -o-border-top-right-radius: 14px;
    -ms-border-top-right-radius: 14px;
    -webkit-border-top-right-radius: 14px;
    width: 15%;
}
.view-graft-submission-report div.table-responsive table tr {
    padding: 0.1em 0.6em;
    border-bottom: 1.2px solid #e6e4df;
}
.view-graft-submission-report div.table-responsive table tr td {
    padding: 10px 12px;
    vertical-align: middle;
    padding-left: 30px;
}
.view-graft-submission-report div.table-responsive table tr td:last-child {
    padding: 5px;
    display: inline-table;
    width: 130px;
}
.view-graft-submission-report div.table-responsive table tr td a {
    font-size: 18px;
    font-weight: 400;
}
.view-graft-submission-report div.table-responsive table tr td:first-child a {
    color: #b57482;
}
.view-graft-submission-report div.table-responsive table tr td:first-child a:hover {
    color: #7e4b56;
}
.view-graft-submission-report div.table-responsive table tr th{
    border: 1px  #f5f5f2;
}
.view-graft-submission-report div.table-responsive table tr td .bdt-action-container {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
}
.view-graft-submission-report div.table-responsive table tr td .bdt-action-container a {
    font-size: 14px;
    border-radius: .6rem;
    text-decoration: none;
    background-color: #EEEEEE;
   font-weight: 500;
   color: #434343;
    padding: 10px 10px;
    line-height: 3;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
    cursor: pointer;
}
.view-graft-submission-report div.table-responsive table tr td .bdt-action-container a:hover,
.view-graft-submission-report div.table-responsive table tr td .bdt-action-container a:focus {
    box-shadow: 0px .4rem .6rem rgba(0,0,0,.2);
}
.view-graft-submission-report nav {
    text-align: center;
    margin-top: 10px;
}
.view-graft-submission-report nav ul.pagination {
    display: inline-block;	    
}
.view-graft-submission-report nav ul.pagination li {
    display: inline-block;
    float: left;
    padding: 5px;
}
.view-graft-submission-report nav ul.pagination li .page-link {
    font-size: 18px !important;
    color: #0074bd !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.view-graft-submission-report nav ul.pagination li.active .page-link {
    color: #0074bd !important;
    border-bottom: 3px solid #0074bd !important;
}
.view-graft-submission-report nav ul.pagination li.page-item .page-link:hover {
    color: #0074bd !important;
    border-bottom: 3px solid #0074bd !important;
}
.view-graft-submission-report nav ul.pagination li.pager__item--next a.page-link span {
    color: #0074bd !important;	
}
.view-graft-submission-report nav ul.pagination li.pager__item--next .page-link:hover {
    border-bottom: 3px solid #0074bd !important;
}
.view-graft-submission-report nav ul.pagination li.page-item span {
    color: #0074bd !important;
}
.allograft-submiision-page-title-block h3 {
    margin: 0 auto;
    padding: 0;
    background: #434343;
    color: #fff;
}
.toolbar-icon-views-viewviews-graft-implant-tracking-submissions-page-1.is-active{
    color: #ccc !important;
}

/* Allograft Submission Listing Page Table head Color */
.view-graft-submission-report .table thead {
    background: #f5f5f2 !important;
}

.view-graft-submission-report .views-exposed-form .form-item-webform-submission-value-8,
.view-graft-submission-report .views-exposed-form .form-item-webform-submission-value-9 {
    width: 100% !important;
}

/************** Admin Menu Section Styles ********************/
.adminimal-admin-toolbar a.toolbar-icon-views-viewviews-graft-implant-tracking-report-submissions-page-1.is-active {
    color: #bbb !important;
}
.adminimal-admin-toolbar a.toolbar-icon-views-viewviews-graft-implant-tracking-report-submissions-page-1.is-active:hover {
    background-color: #327ebd;
    color: #fff;
}

/******************Addig styles for the user registration form************/
.register-form-elements.first-wrapper, .register-form-elements.third-wrapper {
    display: flex;
}
.create-graft-admins-wrapper {
    padding: 0 !important;
    margin-bottom: 50px !important;
    margin: 0 auto !important;
}
.create-graft-admins-wrapper {
    padding: 65px 65px !important;
    background: #fff;
    margin: 0 auto !important;
}
.create-graft-admins-wrapper .form-item-pass {
    display: flex;
}
.create-graft-admins-wrapper .form-item-pass .js-form-item {
    width: 50%;
}
.create-graft-admins-wrapper .form-item-pass .form-item-pass-pass1{
    padding-right: 10px;
}
.create-graft-admins-wrapper .form-item-pass .form-item-pass-pass2{
    padding-left: 10px;
}
.create-graft-admins-wrapper .form-item-pass .form-item-pass-pass2  .password-confirm-message {
    font-size: 16px;
}
.create-graft-admins-wrapper .form-item-mail,
.create-graft-admins-wrapper .form-item-name{
    font-size: 16px;
}
.create-graft-admins-wrapper .js-form-item label, 
.create-graft-admins-wrapper .fieldset-legend {
    color: #003768;
    font-weight: 400;
    font-size: 18px;
    margin: 10px 0;
}
.create-graft-admins-wrapper .form-item-status input{
    font-size: 16px;
    height: 1em;
}
.create-graft-admins-wrapper .form-item-status label {
    color: #4d3f3f !important;
    font-size: 16px;
    margin: 0 7px;
}
.create-graft-admins-wrapper .form-item-notify {
    display: flex;
}
.create-graft-admins-wrapper .form-item-notify input {
    height: 18px;
    width: 18px;
    margin-top: 0;
    margin-right: 5px;
}
.create-graft-admins-wrapper .form-item-notify label {
    color: #003768;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
}
.create-graft-admins-wrapper .fieldgroup.form-composite .radio {
    display: flex;
    padding-left: 12px;
    margin-right: 15px;
}
.create-graft-admins-wrapper .form-item-mail input,
.create-graft-admins-wrapper .form-item-name input,
.create-graft-admins-wrapper .form-item-pass-pass1 input,
.create-graft-admins-wrapper .form-item-pass-pass2 input {
    font-size: 14px;
    height: 4.6rem !important;
}
.create-graft-admins-wrapper .form-item-mail,
.create-graft-admins-wrapper .form-item-name,
.create-graft-admins-wrapper .fieldgroup.form-composite {
    width: 50%;
    float: left;
}
.create-graft-admins-wrapper .form-item-pass,
.create-graft-admins-wrapper .form-item-notify
{
    clear: both;
}
.create-graft-admins-wrapper .form-item-mail,
.create-graft-admins-wrapper #edit-status--wrapper {
    padding-right: 10px;
}
.create-graft-admins-wrapper .form-item-name,
.create-graft-admins-wrapper #edit-roles--wrapper {
    padding-left: 10px;
}
.create-graft-admins-wrapper .form-item-roles-graft-manager {
    display: flex;
}
.create-graft-admins-wrapper .form-item-roles-graft-manager label {
    margin: 4px 6px;
}
.create-graft-admins-wrapper #edit-actions {
    margin-top: 40px;
}
.graft-user-create-section {
    background: #f1f2f2 !important;
}
/* Graft Admin  user Listing Page - Add User Button Styles */
.view-manage-graft-implant-admins .view-header {
    margin: 15px 0px;
}
.view-manage-graft-implant-admins .view-header a {
    font-size: 14px;
    border-radius: 0.6rem;
    text-decoration: none;
    background-color: #EEEEEE;
    font-weight: 500;
    color: #434343;
    padding: 8px 15px;
    line-height: 3;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
    cursor: pointer;
}
.graft-admin-user-register-edit-form {
    margin-top: 30px;
}

.bdt-graft-implant-tracking-submission-hide-delete-action .view-graft-implant-tracking-report-submissions table tbody tr td .bdt-action-container .bdt-delete-btn-wrapper {
    display: none;
}

.bdt-graft-implant-tracking-submission-show-delete-action .view-graft-implant-tracking-report-submissions table tbody tr td .bdt-action-container .bdt-delete-btn-wrapper {
    display: inline-block;
}

@media screen and (max-width: 992px) {
    .create-graft-admins-wrapper {
        padding: 15px !important;
    }
    .create-graft-admins-wrapper .form-item-mail, .create-graft-admins-wrapper .form-item-name, 
    .create-graft-admins-wrapper .fieldgroup.form-composite {
        width: 100%;
        padding: 0 !important;
    }
    .create-graft-admins-wrapper .form-item-pass {
        display: block;
    }
    .create-graft-admins-wrapper .form-item-pass .js-form-item {
        width: 100%;
        padding: 0 !important;
    }
    .create-graft-admins-wrapper .form-item-roles-graft-manager label {
        line-height: 1;
        margin: 0 10px;
    }
    .create-graft-admins-wrapper .form-item-roles-graft-manager {
        margin-bottom: 15px;
    }
}