/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 10 version
*/

/************************************************************************************
Document : orders.css
Created on : 14/08/2020
Author : Ajith Thampi
Description: CSS for the order form & its views
*************************************************************************************/

/** Order Form **/

/** Keep these styles inside the module. Needs to be loaded only on pages with the webform **/

.layout-no-sidebars.path-user #content, .layout-no-sidebars.path-frontpage #content, .layout-no-sidebars.path-people #content {
    background: transparent !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    min-height: unset !important;
    padding: 30px 0 !important;
}
/** Copy the following scripts to style.css after development **/

.bob-order-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;  
    font-size: 14px;
    margin-bottom: 25px;
}

/**
.bob-order-form .progress-tracker--center .progress-step {
    text-align: left !important;
}
**/

/**.bob-order-form .form-group {
    background: #E7F4FB;
    padding: 30px 50px;
    -webkit-box-shadow: 2px 3px 2px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 3px 2px 2px rgba(0,0,0,0.25);
    box-shadow: 2px 3px 2px 2px rgba(0,0,0,0.25); 
    border: 0 
}
**/

.bob-order-form fieldset.form-type-select, .bob-order-form .js-form-item.form-type-select {
    display: flex;
    flex-direction: column;
}

.bob-order-form .form-group .form-control, .bob-order-form .form-group .form-select, .bob-order-form .form-group .select2-container .select2-selection {
    border: 2px solid #003768;
    border-radius: 0;
    margin: 0;
}
.bob-order-form .form-group .form-control:not(textarea), .bob-order-form .form-group .form-select, .bob-order-form .form-group .select2-container .select2-selection--single {
    min-height: 40px;
}
.bob-order-form .form-group .image-button {
    height: 20px !important;
}
.bob-order-form .form-group .select2-container .select2-search--inline .select2-search__field {
    margin: 0;
    min-height: 35px;
    max-width: 100% !important;
}

.bob-order-form .form-group .select2-container--default .select2-selection .select2-selection__rendered {
    color: #003768;
    font-size: 1em;
    line-height: 36px;
}

.bob-order-form .form-group .select2-container--disabled .select2-selection .select2-selection__rendered {
    background: #FFF;
    cursor: not-allowed;
}

.bob-order-form .form-group .select2-container--default .select2-selection .select2-selection__arrow {
    top: 6px;
}

.bob-order-form .form-group .select2-container--default .select2-selection .select2-selection__rendered > .select2-selection__choice {
    /**   margin: 1px 5px 0px 0 !important;
       padding: 2px 5px !important;
       line-height: 2;
       background: transparent !important;
       border-color: #b2bb1c !important;
       **/
    margin: 5px !important;
    padding: 5px 10px !important;
    background: #CCC !important;
    border-color: #CCC !important;
    line-height: 1;
    color: #1a1a1a;
}

.bob-order-form .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #1a1a1a;
    font-size: 1em;
    float: right;
    margin-left: 10px;
}

.bob-order-form .form-group  label {
    color: #1a1a1a;
    font-size: 1.1em !important;
}
.bob-order-form .form-group .form-control::-webkit-input-placeholder {
    color: #003768;
    font-size: 0.8em;
    opacity: 0.50;
    text-align: left;
    text-decoration: none;
}
.bob-order-form .form-group .form-control::-moz-placeholder {
    color: #003768;
    font-size: 0.8em;
    opacity: 0.50;
    text-align: left;
    text-decoration: none;
}
.bob-order-form .form-group .form-control:-ms-input-placeholder {
    color: #003768;
    font-size: 0.8em;
    opacity: 0.50;
    text-align: left;
    text-decoration: none;
}
.bob-order-form .form-group .form-control::-ms-input-placeholder {
    color: #003768;
    font-size: 0.8em;
    opacity: 0.50;
    text-align: left;
    text-decoration: none;
}
.bob-order-form .form-group .form-control::placeholder {
    color: #003768;
    font-size: 0.8em;
    opacity: 0.50;
    text-align: left;
    text-decoration: none;
}
.bob-order-form .webform-progress__status {
    background: #F1F1F1;
    text-align: right;
    padding: 50px 50px;
    padding-bottom: 0;
    font-size: 2em;
    color: #C3C3C3;
}

/** Progress Bar **/
.bob-order-form .webform-progress > ul > li {
    margin: 0;
    padding: 0;
}
.webform-progress-tracker.progress-tracker.progress-tracker--center {
    margin: 0;
}
.bob-order-form .webform-progress > ul > li.progress-step > .progress-marker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 0;
    width: 100%;
    height: 2px !important;
    margin: 0;
    padding: 0 !important;
    background-color: transparent;
}
.bob-order-form .webform-progress > ul > li.progress-step:not(:last-child) > .progress-marker {  
    margin-left: 50% !important;
}

.bob-order-form .webform-progress > ul > li.progress-step:not(:last-child) > .progress-text {  
    margin-right: 10px !important;
}

.bob-order-form .webform-progress > ul > li.progress-step.is-active .progress-text, .bob-order-form .webform-progress > ul > li.progress-step.is-complete:hover > .progress-text {
    /**  background: rgb(228,233,160);
      background: -moz-radial-gradient(circle, rgba(228,233,160,0.9037815809917717) 0%, rgba(184,193,41,1) 100%);
      background: -webkit-radial-gradient(circle, rgba(228,233,160,0.9037815809917717) 0%, rgba(184,193,41,1) 100%);
      background: radial-gradient(circle, rgba(228,233,160,0.9037815809917717) 0%, rgba(184,193,41,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e9a0",endColorstr="#b8c129",GradientType=1); 
    **/
    background: #b2bb1c;
}

.bob-order-form .webform-progress > ul > li.progress-step is-active {
    background: yellow !important;
}

.bob-order-form .webform-progress > ul > li.progress-step .progress-text {
    /**background: rgb(18,96,160);
    background: -moz-radial-gradient(circle, rgba(18,96,160,0.7469188358937324) 0%, rgba(0,55,104,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(18,96,160,0.7469188358937324) 0%, rgba(0,55,104,1) 100%);
    background: radial-gradient(circle, rgba(18,96,160,0.7469188358937324) 0%, rgba(0,55,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1260a0",endColorstr="#003768",GradientType=1); 
  **/
    background: #003768;
    padding: 10px 5px 10px 5px;
    margin-top: 22px;
    margin-bottom: 5px;
    border-radius: 10px;
}
.bob-order-form .webform-progress > ul > li.progress-step > .progress-text .progress-title {
    color: #FFF !important;
    text-decoration: none;
    vertical-align: sub;
    font-weight: 500;
    font-size: 1.1em;
}
.bob-order-form .webform-progress > ul > li.progress-step.is-active > .progress-marker::before {
    content: "\f111"; 
    color: white;
    background: #B2BB1C;
    padding: 4px 6px;
}
.bob-order-form .webform-progress > ul > li.progress-step.is-complete > .progress-marker::before {
    content: "\f00c";
    color: white;
    background: #B2BB1C;
    padding: 4px 6px;
}
.bob-order-form .webform-progress > ul > li.progress-step.is-complete:hover > .progress-marker::before {
    background: #B2BB1C;
    padding: 4px 6px;
}
.bob-order-form .webform-progress > ul > li.progress-step> .progress-marker::before {

    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-weight: 900;
    font-size: 8px;
    text-align: center;
    color: #D7D7D7;
    background: transparent;
    border-radius: 50%;
    padding: 0;
}

.bob-order-form .webform-progress > ul > li.progress-step:not(:last-child) > .progress-marker::after {
    border: 1px solid #D7D7D7;
    content: "-";
    background: #D7D7D7;
    z-index: 2;
    display: inline;
    padding: 0;
    margin: 0 auto;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3px;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

.bob-order-form .webform-progress > ul > li.progress-step.is-complete > .progress-marker::after {
    background: #B2BB1C;
    border: 1px solid #D7D7D7;
}

/** Buttons **/
.bob-order-form .form-group  .webform-button--draft , .bob-button-wrapper > .bob-close-btn > button, .bob-bordered_btn {
    border: 2px solid #a0b12a;
    border-radius: 5px;
    background: transparent;
    color: #a0b12a;
    margin: 0 15px;
    font-size: 1em;
    padding: 8px 24px;
}

.bob-order-form .form-group .webform-button--draft:hover,  .bob-button-wrapper > .bob-close-btn > button:hover, .bob-bordered_btn:hover {
    color: #003768;
    border: 2px solid #003768;
    background: transparent;
}

.bob-order-form .webform-actions {
    text-align: right;
}

.bob-order-form .form-group .webform-button--previous {
    float: left;
}

.bob-order-form .form-group .button:not(.webform-button--draft), .bob-order-form .form-group .button:not(.webform-button--draft):focus,  .bob-button-wrapper > .bob-submit-btn > button, .bob-primary-btn
{

    /** 
    background: rgb(181,190,28);
    background: -moz-linear-gradient(90deg, rgba(181,190,28,1) 0%, rgba(200,210,32,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(181,190,28,1) 0%, rgba(200,210,32,1) 100%);
    background: linear-gradient(90deg, rgba(181,190,28,1) 0%, rgba(200,210,32,1) 100%);
    filter:   progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5be1c",endColorstr="#c8d220",GradientType=1); 
    **/
    background: #b2bb1c;
    padding: 8px 24px;
    font-size: 1em;
    border: 2px solid #b2bb1c;

    -webkit-box-shadow: 2px 3px 2px 2px rgba(0,0,0,0.25);
    box-shadow: 2px 3px 2px 2px rgba(0,0,0,0.25); 
    border: 0 
}
.bob-order-form .form-group .button:not(.webform-button--draft):hover, .bob-button-wrapper > .bob-submit-btn > button:hover, .bob-primary-btn:hover
{
    border: 0; 
    background: #003768;
    /**
    background: rgb(0,55,104);
    background: -moz-linear-gradient(90deg, rgba(0,55,104,1) 0%, rgba(44,102,149,0.9037815809917717) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,55,104,1) 0%, rgba(44,102,149,0.9037815809917717) 100%);
    background: linear-gradient(90deg, rgba(0,55,104,1) 0%, rgba(44,102,149,0.9037815809917717) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003768",endColorstr="#2c6695",GradientType=1); 
    **/
}
#edit-actions-wizard-prev {
    float: left;
}

.bob-order-form .form-group .field-suffix.input-group-text {
    border: 2px solid #003768;
    border-collapse: collapse;
    border-left: 0;
    background: transparent;
    border-radius: 0;
}


/** Title **/

.bob-breadcrumbs .content {
    text-align: center;
    background: rgb(18,96,160);
    background: -o-radial-gradient(circle, rgba(18,96,160) 0%, rgb(0, 55, 104) 100%);
    background: radial-gradient(circle, rgba(18,96,160) 0%, rgb(0, 55, 104) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1260a0",endColorstr="#003768",GradientType=1);
    padding: 10px;
    font-weight: 700;
    color: #FFF;
    position: relative;
    /*! height: 320px; */
    width: 100%;
    margin-bottom: 50px;
}

.bob-breadcrumbs .content::after {
    border-right: solid 15px transparent;
    border-left: solid 15px transparent;
    border-top: solid 15px #115e9e;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: 1;
    content: '';
    top: 100%;
    left: 50%;
    height: 0;
    width: 0;
}

.bob-patient-wrapper {
    margin: 0;
    padding: 0px 10px !important;
}



/** Custom Composite **/

.bob-element > label {
    display: block;
    font-size: 1.2em !important;
}

.bob-order-form #products_table {
    width: 100% !important;
}

.bob-order-form .bob-product-container tr, .bob-order-form #products_table td {
    background: transparent !important;
    border: 0 !important;
}

.bob-order-form .bob-product-container thead {
    display: none;
}

.bob-order-form .bob-product-container {
    padding-left: 0;
    padding-right: 0;
}

.bob-order-form .bob-product-container table {
    width: 99%;
    table-layout: fixed;
}

.bob-order-form .webform-multiple-table--operations.webform-multiple-table--operations-two > input {
    display: inline;
}

.bob-blue-box {
    background: #003564;
    color: #fff;
    border-radius: 13px;
    padding: 10px 50px;
    /*! margin: 0 15px; */
}

.bob-blue-box label {
    color: #FFF !important;
    font-size: 1.2em !important;
    font-weight: 700 !important;
}

.bob-blue-box .input-group-text {
    background: transparent !important;
    border: 0;
    padding: 0;
    color: #FFF;
    font-size: 1.1em;
}

.bob-blue-box .input-group {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bob-product-row .bob-element.form-type-webform-entity-radios .radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-top: 0.3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1em;
    width: 100%;
}

.webform-options-display-one-column > .radio > label {
    margin-top: 0.4em;
    margin-left: 0.5em;
    width: 100% !important;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/**
.bob-product-container table tr:not(:first-child) > td::before {
    border-top: 2px solid #b2bb1c !important;
    padding-top: 30px;
    content: "";
    width: 50%;
    display: block;
    margin: 0 auto;
}
**/

.bob-product-container .bob-product-row .bob-blue-box .js-webform-radios {
    position: absolute;
    top: 2em;
    right: 2em;
    font-size: 1em;
  }
  
/** End of Custom Composite **/

.radio > label {
    margin-top: 0.1rem;
    margin-left: 0.5em;
}
.bob-order-form  .input-group > .form-control {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}
.bob-order-form legend {
    color: #1a1a1a;
}
:not(.custom-switch) > .form-required:not(.form-check-label)::after {
    content: '';
    vertical-align: super;
    display: inline-block;
    background-image: url(/core/misc/icons/ee0000/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
}

/** Patient Information Tab **/

.bob-order-form .gender-row span.input-group-text , .bob-order-form .gender-row label {
    color: #1a1a1a;
    font-size: 1.1em;
    background: transparent;
    border: 0;
    padding-left: 0;
}
.webform-required {
    display: none;
}
.bob-order-form .webform-submission-navigation {
    display: none;
}
/** Help Text **/

.hard-placeholder > .input-group .input-group-text {
    border: 0;
    z-index: 3;
    right: 5px;
    top: 5px;
    background: #D7ECF8;
    position: absolute;
}

.hard-placeholder > .input-group .input-group-text:hover {
    background: transparent;
}

.hard-placeholder > .input-group .input-group-text > .webform-element-help {
    color: #fff;
    background: #003768;
    border: 0;
    padding: 2px;
}

.hard-placeholder > .input-group .input-group-text > .webform-element-help:hover {
    color: #fff;
    background: #b2bb1c;
    border: 0;
    padding: 2px;
}

/** Select 2 **/
.select2-container > .select2-dropdown > .select2-results > ul > li {
    color: #003768;
    background: #FFF;
    font-size: 0.9em;
    word-wrap: break-word;
    border-bottom: 1px solid #CCC;
}

.select2-container > .select2-dropdown > .select2-results > ul > li:hover {
    background: #b2bb1c !important;
    color: #FFF !important;
}

.select2-container, .select2-container .select2-search--inline:first-child {
    width: auto !important;
}

.bob-order-form .select2-container, .select2-container .select2-search--inline:first-child {
    width: 100% !important;
}
.manage-offer-page .select2-container, .bob-contact-people-form .select2-container  {
    width: 100% !important;
}
.select2-selection--multiple .select2-search.select2-search--inline:first-child {
    width: auto !important;
}
/** Side Bar Fix **/
@media only screen and (max-width: 47.9em) {
    .sidebar-offcanvas {
        position: relative !important;
        top: 0;
        width: auto !important;
        left: 0 !important;
    }
    .webform-progress-tracker.progress-tracker.progress-tracker--center {
        margin: 0;
        margin-bottom: 25px
    }
}

/** Fix for Input Masking Alignment **/
input.js-webform-input-mask {
    text-align: left !important;
}

/** Custom Error Message **/
.bob-order-form label.error , .bob-order-form .form-item--error-message  {
    font-size: 1em !important;
    color: red;
    padding: 5px;
    padding-top: 10px;
    font-weight: 700;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.bob-order-form .bob-element .input-group > label.error {
    position: absolute;
    margin: 0;
    bottom: -80%;
}
.bob-order-form .bob-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.bob-order-form .input-group > .form-item--error-message  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding-top: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */

    /** 
     * .bob-order-form .bob-element .form-item--error-message , .bob-order-form label.error {
        position: absolute;
        top: 62px;
    }
    .bob-order-form .bob-element .select2-container {
        margin-bottom: 15px;
    }
    .bob-order-form .bob-element .form-item--error-message, .bob-order-form .bob-element label.error {
       margin-bottom: 20px !important;
       padding-bottom: 20px !important;
    
    } 
    **/
}


/** Alert Boxes **/

.bob-order-form  .alert-wrapper ul > li.list-group-item {
    border: 0;
    font-size: 1em;
    line-height: 1.5;
    color: #003768;
}
.bob-order-form  .alert-wrapper ul > li.list-group-item > a {
    color: #003768;
    font-size: 1em;
}
/** .alert-wrapper {
  display: none;
}
**/
.bob-order-form .alert-wrapper {
    position: relative !important;
    margin-bottom: 20px;
    z-index: 1;
}

.bob-order-form .alert-wrapper > .alert-warning {
    border-left: #cc0000 15px solid !important;
    border-color: #f5c6cb;
}

.bob-order-form .alert-wrapper .alert {
    overflow-y: hidden !important;
}

/**
.bob-order-form .alert-wrapper > .alert-success, .bob-contact-people-form .alert-wrapper > .alert-danger {
  display: none;
}
*/


/** Contact Information **/

.bob-contact-message {
    color: #1a1a1a;
    font-size: 1em;
}
.dynamic-contact-fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
} 

.dynamic-contact-wrapper > label {
    font-size: 1.3em !important;
}

/** Film Upload **/
.bob-film-upload .webform-element-description {
    font-size: 1em;
    color: #666;
}

.bob-custom-file-icon::before {
    font-family: "Font Awesome 5 Free";
    content: "\f1c6";
    font-weight: 900;
    font-size: 4em;
    color: #003768;
}

.bob-custom-file-icon {
    background: #E3DCE8;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    margin-bottom: 0 !important;
    border: 2px solid rgba(0,0,0,0.3);
    border-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bob-custom-file-icon > .bob-custom-item {
    padding-left: 20px;
}

.bob-custom-file-icon > .bob-custom-item > label {
    font-size: 1.5em;
    margin-bottom: 0;
}

.bob-film-upload .dropzone {
    background: #EEE;
    margin: 0;
    padding: 20px 20px;
    min-height: 150px;
    border: 2px solid rgba(0,0,0,0.3);
    border-radius: 0;
}
.bob-file-upload-choices .form-item-image-uploaded .form-check-label::after, .bob-file-upload-choices .form-item-files-to-be-mailed .form-check-label::after, .bob-file-upload-choices .form-item-no-match-required .form-check-label::after {
    content: none !important;
}
.dropzone.error {
     border: 2px solid red;
}

.dropzone .dz-preview.dz-error .dz-error-message {
    opacity: 1;
    left: 0;
    background: #dc3545;
    border-color: #FFF !important;
    padding: 5px 20px;
    top: 175px;
}

.dropzone .dz-preview .dz-error-mark > svg {
    background: #dc3545;
    border-radius: 50px;
}

.dropzone .dz-preview .dz-success-mark svg {
    background-color: green;
    border-radius: 50px;
}

.bob-film-upload .dropzone > .dz-message > a.button, .bob-film-upload .dropzone > .dz-message > a.button:hover, .bob-film-upload .dropzone > .dz-message > a.button:active {
    color: #FFF;
    background: #003768;
    border-radius: 5px;
    text-decoration: none;
}

.bob-film-upload .dropzone > .dz-message > a.button:before, .bob-upload-btn:before {
    font-family: "Font Awesome 5 Free";
    content: "\f093";
    background: transparent;
    font-weight: 900;
    padding-right: 5px;
}

.bob-film-upload .dz-details {
    color: #003768;
    background: #FFF;
}
.bob-film-upload .dz-remove::before {
    font-family: "Font Awesome 5 Free";
    content: "\f1f8";
    font-weight: 900;
    text-align: center;
    color: #FFF;
    padding-right: 5px;
}

.bob-film-upload .dz-remove {
    background: #dc3545;
    padding: 8px 24px;
    color: #FFF;
    text-decoration: none;
    -webkit-box-shadow: 2px 3px 2px 2px rgba(0,0,0,0.25);
    box-shadow: 2px 3px 2px 2px rgba(0,0,0,0.25);
    border: 0 !important;
    border-radius: 5px;
}

.bob-film-upload .dz-remove:hover {
    border: 2px solid #dc3545;
    text-decoration: none;
}

.bob-film-upload .dz-image {
    visibility: hidden;
}

.bob-order-form .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #003768;
    border: 2px solid #003768;
}

.bob-order-form .custom-control-label::before {
    background-color: #FFF;
    border: 2px solid #b2bb1c;
}
.bob-alerts .alert-info {
    background: #436E93;
    border-color: #436E93;
    color: #FFF;
}
.bob-alerts .alert-info:before {
    font-family: "Font Awesome 5 Free";
    content: "\f12a";
    font-weight: 900;
    color: #FFF;
    padding: 5px 10px;
    background: #b2bb1c;
    border-radius: 50px;
    margin-right: 5px;
}

/**.webform-elements {
    width: 75%;
    margin: 0 auto;
}
**/
/** Popup /Dialog **/
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-title {
    display: none;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
    background: transparent;
    border: 0;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-titlebar-close {
    background: transparent;
    border: 0;
    text-align: right;
    padding: 10px !important;
    margin: 5px 15px !important;
    float: right;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-titlebar-close:focus {
    outline: none !important;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-titlebar-close::before {
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
    font-weight: 900;
    text-align: center;
    color: #003768;
    background: transparent;
    cursor: pointer;
    font-size: 1.5em;
    position: absolute;
    top: -10px;
    right: 0;
    width: 100%;
    height: 100%;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    border-radius: 15px;
    max-width: 100%;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .button {
    border-radius: 5px;
    color: #FFF;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-buttonset .dialog-cancel {
    background: #b2bb1c !important;
    border: 2px solid #b2bb1c !important;
}
.bob-order-form .webform-computed-loading {
    background: transparent;
}

.bob-button-wrapper {
    text-align: right !important;
    padding-right: 15px;
    width: 100%;
}
.bob-contact-people-form .bob-close-btn {
    float: right;
}
/** Preview Page **/
.bob-preview-page {
    background-color: #D7ECF8;
    padding: 40px calc(5%);
}
.bob-preview-page legend {
    font-size: 2em;
    color: #808080;
    font-style: italic;
}

.bob-preview-page fieldset > div, .bob-preview-page .js-form-item > div {
    color: #1a1a1a;
}

.bob-preview-page fieldset > div > label , .bob-preview-page fieldset > label, .bob-preview-page fieldset > div > div >label,
.bob-preview-page .js-form-item > div > label , .bob-preview-page .js-form-item > label, .bob-preview-page .js-form-item > div > div >label {
    font-size: 1.1em !important;
    font-weight: 700;
    padding-right: 10px;
}
.bob-preview-page fieldset, .bob-preview-page .js-form-item {
    margin-bottom: 0;
}
.bob-preview-page .bob-order-table {
    margin-right: 15px;
}
.bob-preview-page fieldset#order_form--products > label, 
.bob-preview-page .js-form-item#order_form--products > label {
    display: none;
}

.bob-preview-page .list-group-item {
    background: transparent;
    border: 0;
}

.bob-view-order-popup {
    font-size: 15px;
    background: #FFF;
}

/** End of Order Form Styles **/

/** View Orders View Page **/


.bob-order-table .table tr {
    border: 0 ;
    width:100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bob-order-table .table thead > tr {
    background: #003768;
    border-radius: 20px 20px 0 0;
}
.bob-order-table .table thead > tr > th > a {
    color: #FFF !important;
}
.bob-order-table .table thead > tr > th > a:hover {
    color: #b2bb1c;
}
/**
.table tr >  th {     
    padding: 20px 40px !important;
}
**/

.bob-order-table:not(.webform-element) .table tr > th:last-child {
    display: none;
}

.bob-admin-table:not(.webform-element) .table tr > th:last-child {
    display: block !important;
}

.bob-inventory:not(.webform-element) .table tr > th:last-child {
    display: block !important;
}

/**.bob-order-table .table tr > td:last-child {
    border-bottom: 1px solid #CCC;
    width: 100%;
}
**/

.bob-order-table .table thead tr > th {
    background: transparent;
    border: 0;
    color: #FFF; 
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.bob-order-table .table > tbody > tr {
    background: #F9F9F9;
    border: 0;
}
.bob-order-table .table > tbody > tr:hover {
    background-color: #F1F1F1;
}
.bob-order-table .table > tbody > tr > td {
    border: 0;
}
.bob-order-table .table > tbody > tr > td {
    padding-left: 5px;
    padding-right: 5px;
}
.bob-inline-note-row .views-field-nothing-2 {
    display: none;
}

.bob-status-wrapper > .bob-go-button >.button.btn.btn-primary.bob-custom-btn {
    font-size: 0.8em;
    padding: 5px;
    border-radius: 20px;
}
.bob-status-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bob-order_status {
    padding: 0 5px;
}
.bob-go-button {
    padding: 0 5px;
}

.bob-status-wrapper .select2-container .select2-selection {
    border: 2px solid #003768;
    border-radius: 5px;
    margin: 0;
    min-height: 30px;
}

.bob-status-wrapper .image-button {
    height: 15px !important;
}


.bob-status-wrapper .select2-container--default .select2-selection .select2-selection__rendered {
    color: #003768;
    font-size: 1em;
    line-height: 25px;
}

.bob-status-wrapper .select2-container--disabled .select2-selection .select2-selection__rendered {
    background: #FFF;
    cursor: not-allowed;
}

.bob-status-wrapper .select2-container--default .select2-selection .select2-selection__arrow {
    top: 3px;
}


.bob-status-wrapper  .select2-container > .select2-dropdown > .select2-results > ul > li {
    color: #003768;
    background: #FFF;
    font-size: 0.9em !important;;
}

.bob-accordion-btn {
    padding: 1px 10px !important;
    font-size: 0.9em;
    border-radius: 10px;
}

.bob_comment__content {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #CCC;
    border-radius: 0;
    margin: 0 20px;
    padding: 0;
    width: 100%;
    font-size: 1em;
}


.bob-inline-note-row article.bob-comment-wrapper.admin {
    text-align: right;
    color: #1665A9;
}

.bob-inline-note-row article.bob-comment-wrapper.user {
    text-align: left;
    color: #1A4B77;
}

.bob-inline-note-row article.bob-comment-wrapper {
    text-align: left;
    color: #1A4B77;
}
.bob-inline-note-row article.bob-comment-wrapper.private_note {
    background-color: #1665A9;
    color: #FFF;
    border-radius: 30px;
}

.bob-order-table:not(.bob-admin) .admin.private_note {
    display: none;
}

.bob-inline-note-row article.bob-comment-wrapper.private_note .bob_comment__content::before {
    font-family: "Font Awesome 5 Free";
    content: "\f502    Private";
    font-weight: 900;
    font-size: 1.0em;
    padding: 10px 10px;
    background: #FFF;
    border-radius: 29px;
    /**    width: 50px; **/
    margin: 10px auto;
    color: #1665a9;
    z-index: 2;
    position: absolute;
}

.bob-checkbox {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bob-checkbox .bob-private {
    margin-right: 10px;
}
.bob-checbox label {
    margin: 0 !important;
}

.bob-empty-message {
    color: #003768 !important;
    margin: 1.5rem 1rem 0 -1rem;
}

.bob-inline-note-row textarea {
    border: 0;
    background: #FFF;
    border-radius: 10px;
}
.bob_comment__content .username {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #a0b12a;
    font-size: 1em;
}
.bob_comment__content .comment__time, .bob_comment__content .comment__author {
    color: #a0b12a;
    font-size: 1em;
    padding: 0;
}
.bob-order-table td {
    color: #1a1a1a;
}
.comment-order-notes-form label {
    display: none;
}
.bob-order-table .bob-order-table-row .button.btn.btn-primary.bob-primary-btn {
    padding: 2px 15px;
    margin-top: 15px;
}
.bob-comment-wrapper {
    width: 75%;
    margin: 0 auto !important;
}
.bob-order-table  .table-responsive  {
    background: #003768;
    padding: 0;
    padding-bottom: 0px;
    margin: 0 auto;
    margin-bottom: 0px;
    border-radius: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    overflow: none;
}
/*.bob-order-table .table > tbody > tr:not(.bob-inline-note-row) > td:first-child {
    padding-left: 40px !important ;
}*/
.bob-order-table .table > tbody > tr:not(.bob-inline-note-row) > td:first-child , .bob-order-table .table thead tr > th:first-child {
    padding-left: 20px;
}

.bob-product-container .bob-product-row .bob-blue-box {
    position: relative;
}
  
.bob-order-form  .webform-submission-information {
    display:none;
}
.bob-order-table-row .list-group-item { 
    background: transparent;
    border: 0;
    padding: 0;
    display: list-item
}

.bob-order-table-row .list-group {
    list-style: decimal !important;
}

/** Header Status Popover Icon **/

.bob-popover-wrapper {
    position: relative;
    display: inline-block;
    margin-left: 5px;
}

.bob-popover-wrapper > .bob-popover::after {
    border-right: solid 10px transparent;
    border-top: solid 8px #b2bb1c;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: 1;
    content: '';
    top: 100%;
    left: 50%;
    height: 0;
    width: 0;
}

.bob-popover-wrapper > .bob-popover {
    background: #b2bb1c;
    padding: 2px 15px;
    border-radius: 20px;
    color: #FFF;
    font-size: 0.9em;
}

/** End of Changes **/

/** Popover **/
.bob-order-table:not(.bob-inventory):not(.bob-account-people) .view-header {
    display:none;
}

.popover {
    border-radius: 15px;
    -webkit-box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 15px 50px 0px rgba(0,0,0,0.25);
    padding: 30px 20px;
    max-width: 400px;
    font-family: inherit;
    color: #1a1a1a;
}

/** Multiple Product **/

.bob-product-container tr > td:nth-child(2) {
    display: none;
}
.bob-product-container .webform-multiple-add {
    display: none;
}
.bob-product-container tr:not(:last-child) {
    display: none;
}
.bob-product-container tr:not(:last-child) input, .bob-product-container tr:not(:last-child) select, .bob-product-container tr:not(:last-child) .select2-container {
    pointer-events:none
}
.bob-delete-button-icon {
    border: 0;
    background: transparent;
    padding: 0;
    text-align: center;
    color: #dc3545;
    padding: 5px 15px;
}
.bob-delete-button-icon:hover {
    background: #dc3545;
    color: #FFF;
}
/**
.bob-delete-button-icon:disabled {
     display: none;
}
**/
.bob-order-form .bob-order-table .bob-order-table-row {
    vertical-align: middle !important;
    padding: 5px;
}
.bob-order-form .bob-order-table .table tbody > tr {
    border-bottom: 1px solid #003768;
}
.bob-remove-order-btn {
    border-color: #dc3545;
    color: #dc3545;
}
.bob-remove-order-btn:hover {
    background: #dc3545;
    color: #FFF;
}
.bob-product-added {
    display: none !important;
}
.bob-order-table legend {
    padding-left: 15px;
}
.bob-order-form .bob-product-container .table tbody tr:first-child .bob-remove-order-btn {
    display: none;
}
/** Multiple Product CSS Ends **/



/** Exposed Filters **/


.bob-order-table .views-exposed-form > .form-row fieldset > label, 
.bob-order-table .views-exposed-form > .form-row .js-form-item > label {
    font-size: 1.0em !important;
    color: #FFF;
    width: 100%;
}
.bob-order-table .views-exposed-form > .form-row  fieldset,
.bob-order-table .views-exposed-form > .form-row  .js-form-item {
    margin-bottom: 0;
}
.bob-order-table:not(.bob-inventory) .views-exposed-form > .form-row:not(.bdt-form-row), .bob-order-table .bdt-form-row {
    background-color: #749EC4;
    border-radius: 10px 10px 0 0;
    padding: 15px 30px 0 30px;
    margin: 0 auto;
}
.bob-order-table .views-exposed-form > .form-row .form-actions {
    display: none;
}
.bob-order-table .views-exposed-form > .form-row  .js-form-item {
    padding-right: 5px;
    padding-left: 5px;
}
.bob-order-table .views-exposed-form > .form-row  fieldset .select2-selection__rendered,
.bob-order-table .views-exposed-form > .form-row  .js-form-item .select2-selection__rendered{
    color: #FFF;
    line-height: 35px;
}
.bob-order-table .views-exposed-form > .form-row  fieldset .select2-container--default .select2-selection,
.bob-order-table .views-exposed-form > .form-row  .js-form-item .select2-container--default .select2-selection {
    background-color: transparent;
    border: 2px solid #FFF;
    height: 40px;
}
.bob-order-table .views-exposed-form > .form-row .select2-selection__arrow {
    color: #FFF;
    top: 6px;
}
.bob-order-table .views-exposed-form > .form-row .select2-container--default .select2-selection .select2-selection__arrow b {
    color: #FFF;
    border-color: #FFF transparent transparent transparent;
}
.bob-order-table .views-exposed-form > .form-row .select2-container--default.select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: transparent transparent #FFF transparent;
}
.bob-order-table .views-exposed-form > .form-row .select2-container--default .select2-selection .select2-selection__placeholder {
    color: #FFF;
}
.bob-order-table .views-exposed-form > .form-row .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-left: 10px;
}
.bob-order-table.bob-admin .table-responsive {
    border-radius: 0 0 10px 10px;
    /*position: static !important; --> Commented to prevent scrolling in the mobile devices*/
}
.bob-order-table.bob-admin .select2-container {
    width: 100% !important;
    min-width: 120px;
}
/**  End of Exposed filters **/

/** Manage Offers  Page **/
.manage-offer-page .offer-page-banner {
    background: #D7ECF8;
    padding-top: 25px;
    padding-bottom: 10px;
    margin: 5px 0;
    margin-bottom: 0;
}
.manage-offer-page .bob-status-wrapper {
    background: #F2F2F2;
    padding-top: 15px;
    margin: 0;
    margin-bottom: 15px;
    margin-top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.manage-offer-page h3 {
    color: #003768;
}

.manage-offer-page .offer-page-banner #ajax-wrapper , .manage-offer-page .offer-page-banner > div{
    width: 100% !important;
}
.manage-offer-page .bob-offer-letter-upload .description {
    display: none;
}
.manage-offer-page .bob-container {
    padding-left: calc(5vw);
    padding-right: calc(5vw);
    padding-top: 20px;
    padding-bottom: 10px;
    margin: 0;
    width: 100%;
}
.manage-offer-page .bob-contact-wrapper {
    background-color: #F9F9F9 !important;
}
.manage-offer-page .bob-patient-container {
    background-color: #f2f2f2;
}
.manage-offer-page .bob-inventory-wrapper {
    background-color: #f9f9f9;
}
.manage-offer-page .bob-graft-container {
    background-color: #f9f9f9;
}
.manage-offer-page .bob-actions-container {
    background-color: #f2f2f2;
}
.manage-offer-page .offer-page-banner label:not(.bob-upload-btn), .manage-offer-page .bob-status-wrapper label {
    font-weight: bold;
    vertical-align: middle;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.bob-checkbox {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0;
    margin-bottom: 5px;
}

.bob-checkbox > label {
    font-weight: bold;
}

.bob-inventory-wrapper .bob-checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.manage-offer-page .form-group .button:not(.webform-button--draft), .manage-offer-page .form-group .button:not(.webform-button--draft):focus, .manage-offer-page  .bob-button-wrapper > .bob-submit-btn > button, .manage-offer-page .bob-primary-btn
{

    padding: 5px 20px;
    font-size: 1em;
}
.manage-offer-page .form-group .select2-container--default .select2-selection .select2-selection__rendered {
    color: #003768;
    font-size: 1em;
    line-height: 30px;
    text-align: center;
    min-height: 30px !important;
}

.manage-offer-page .form-group .form-control, .manage-offer-page .form-group .form-select, .manage-offer-page .form-group .select2-container .select2-selection--single {
    min-height: 35px !important;
    padding-top: 0;
    padding-bottom: 0;
    color: #1a1a1a;
}
.manage-offer-page fieldset, .manage-offer-page .js-form-item {
    color: #1a1a1a;
}

.manage-offer-page .offer-page-banner > .js-form-wrapper, .manage-offer-page .offer-page-banner > .js-form-wrapper > .ajax-wrapper, .bob-order-form .js-form-wrapper >.js-form-wrapper > .js-form-wrapper {
    width: 100%;
}
.manage-offer-page .offer-page-banner label:not(.bob-upload-btn) {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
}
.manage-offer-page .webform-managed-file-preview-wrapper {
    border: 0;
    margin-top: 15px;
}
.manage-offer-page .webform-managed-file-preview-wrapper  label a {
    font-weight: normal !important;
    font-size: 0.9em !important;
    text-decoration:  none;
    color: #1a1a1a;
}
.manage-offer-page .webform-managed-file-preview-wrapper  label a:hover {
    color: #003768;
}
.manage-offer-page .bob-patient-section label {
    display: block;
    font-weight: bold;
}
.manage-offer-page details > summary {
    font-size: 1.5em;
    color: #003768;
    font-weight: bold;
}
.manage-offer-page details {
    padding-left: 25px;
}

.bob-choose-btn a {
    font-size: 1.5em;
    color: #b2bb1c;
}
.bob-code {
    border: 1px solid #003768;
    padding: 2px 30px;
    margin-left: 25px;
}

.bob-inventory .table-responsive.col {
    border-radius: 5px;
    margin: 15px calc(4vw);
}


.bob-inventory .views-exposed-form > .form-row fieldset,
.bob-inventory .views-exposed-form > .form-row .js-form-item {
    /*! width: 100%; */
    margin: 0 auto;
    display: inline;
}
.bob-inventory .views-exposed-form > .form-row fieldset > label,
.bob-inventory .views-exposed-form > .form-row .js-form-item > label {
    color: #1a1a1a;
    font-weight: 700;
    /*! width: 30%; */
    display: inline;
}
.bob-inventory .views-exposed-form > .form-row fieldset > input,
.bob-inventory .views-exposed-form > .form-row .js-form-item > input {
    width: auto;
    display: inline;
    max-width: 250px;
    border: 1px solid #003768;
    padding: 2px 30px;
    margin-left: 25px;
    border-radius: 0;
    text-align: center;
}

.bob-inventory {
    padding: calc(1vw) 0px;
}
.ajax-progress-fullscreen {
    /**    background-image: url('/sites/default/files/2020-08/ajax_loader.gif') !important; **/
    background-image: none !important;
    width: 250px;
    height: 250px;
    background-color: transparent;
}

.bob-fixed-btn {
    min-width: 150px;
    text-align: center !important;
}
.export-page .bob-checkboxes #edit-status > .checkbox {
    width: 45%;
}

/** Bug Fixes 25/09/2020 **/
.bob-account-people .custom-control-input {
    position: static;
    opacity: 1;
}
.bob-product-container  .table-responsive {
    overflow-x: hidden;
}
.bob-order-table .bob-order-table-row .bob-checkbox {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    margin-top: 30px;
}

.form-type-date .input-group-append {
    cursor: pointer;
}

.bob-order-table .table thead th .bdt_sort_table.active.desc::before {
    font-family: "Font Awesome 5 Free";
    content: "  \f0d8  ";
    font-weight: 900;
    font-size: 1em;
    color: #FFF;
}
.bob-order-table .table thead th .bdt_sort_table.active.asc::before {
    font-family: "Font Awesome 5 Free";
    content: "  \f0d7  ";
    font-weight: 900;
    font-size: 1em;
    color: #FFF;
}

.bob-order-table .bdt_filter_wrapper {
    width: 100%;
}

.bob-order-table .bdt-form-row  > .bdt_filter {
    padding-bottom: 25px;
}

/**
.bdt-passwords {
    display: flex;
}
.bdt-passwords > fieldset {
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%;
    max-width: 50%;
}
**/
bob-account-form .highlighted .alert-wrapper > .alert-danger {
    display: block;
}

.manage-offer-page details > .details-wrapper {
    padding-left: 50px;
}

.manage-offer-page .bob-film-upload .dz-image {
    visibility: visible !important;
    border-radius: 0 !important;
    width: 100% !important;
    width: 145px !important;
    background: #FFF;
    border: 0 !important;
}

.manage-offer-page .bob-film-upload .dz-image > img {
    width: 100% !important;
    color: transparent;
    background-image: url(/sites/default/files/2020-10/LNH_Logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
}

.manage-offer-page  .bob-film-upload .dz-details {
    height: 120px;
}

.manage-offer-page .bob-film-upload .dropzone .dz-preview.dz-image-preview {
    background: transparent !important;
}

.manage-offer-page .bob-film-upload .dz-remove {
    margin-top: 10px;
}

.manage-offer-page .bob-film-upload .webform-element-description {
    color: #1a1a1a;
}

.manage-offer-page .bob-film-upload .bob-offer-letter-upload {
    margin-top: 15px;
}

.manage-offer-page .bob-status-wrapper > .js-form-wrapper > label {
    width: 100%;
}

.manage-offer-page .bob-status-wrapper > .js-form-wrapper {
    display: inline-block;
}


/** Responsive **/

@media screen and (max-width: 767px) {
    .manage-offer-page .bob-container {
        padding-left: 10px ;
        padding-right: 10px ;
    }
    .manage-offer-page .bob-status-wrapper > .js-form-wrapper {
        width: 100%;
        text-align: center !important;
    }
    .bob-order-form .form-group .button:not(.webform-button--draft), .bob-order-form .form-group .button:not(.webform-button--draft):focus, .bob-button-wrapper > .bob-submit-btn > button, .bob-primary-btn {
        width: 100%;
        margin-bottom: 10px;
    }
    .bob-order-form .form-group .webform-button--draft, .bob-button-wrapper > .bob-close-btn > button, .bob-bordered_btn {
        width: 100%;
        margin: 10px auto !important;
    }
    .bob-order-form  .bob-custom-btn > button {
        display: block;
    }
    .bob-contact-people-form .bob-close-btn {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .bob-blue-box .input-group > .radio {
        margin: 10px auto;
    }
    .bob-blue-box .input-group > .input-group-prepend .input-group-text {
        text-align: left;
    }
    .bob-blue-box {
        padding: 20px 15px;
    }
    .bob-button-wrapper {
        padding-right: 0;
    }
    .col-12.bob-button-wrapper {
        padding-right: 15px !important;
    }
    .bob-order-table .table-responsive {
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .bob-order-table {
        margin-left: 0;
        margin-right: 0;
    }

    #sidebar_first {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .bob-order-table .bdt_filter_wrapper, .bob-order-table > .view-content  {
        margin-left: 0;
        margin-right: 0; 
    }
    .manage-offer-page .offer_button_1 .form-submit , .manage-offer-page .offer_button_2 .form-submit , .manage-offer-page .offer_button_3 .form-submit {
	padding: 5px !important;
    }

}
.bob-account-people .form-item-action .select2-selection__clear {
    display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bob-order-form .form-group .select2-container .select2-search--inline:first-child .select2-search__field {
        width: 100% !important;
    }

    .select2-selection--multiple .select2-search.select2-search--inline:first-child {
        width: 100% !important;
    }
}

/** Contact Views **/

.bob-contact-popover {
    cursor: pointer;
}
.bob-order-form .form-group .select2-container--default .select2-selection .select2-selection__rendered > .select2-selection__choice:hover {
    background: #eee !important;
    border-color: #EEE !important;
}

/** Contact Select Ends **/

/** Fix for the manage order page mobile view **/
.manage-offer-page .webform-elements.js-form-wrapper {
    width: 100% !important;
}

#edit-ubr-on-file {
    margin-top: -10px;
}

#edit-actions-01 {
    margin-top: 10px;
}

/** Fix for dynamic width on large select boxes in Manage Contact Pages **/
.bob-contact-people-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    word-wrap: break-word;
    white-space: normal;
    text-overflow: ellipsis;
    height: 100%;
}

.iti__selected-flag {
    position: absolute !important;
    height: 35px !important;
}

.bob-order-form .form-item-phone .iti--allow-dropdown .form-item--error-message {
    color: red !important;
    font-size: 13px !important;
    padding-top: 10px !important;
}
.bob-order-form .form-item-phone .form-item--error-message {
    color: red !important;
    font-size: 13px !important;
    padding-top: 0px !important;
}



/** Remove the Cheeseburger Menu Trigger **/
.cheeseburger-menu__trigger {
    display:none !important;
    cursor: pointer;
}

/** Remove PWA Button **/ 
.bdt_pwa_button_wrapper, .bdt_pwa_ios_wrapper {
    display: none;
}
.bob-order-table.view-pending-orders > .row {
    margin-left: 0;
    margin-right: 0;
}

/* manage order alignemnt*/
.bdt_filter_wrapper .bdt_filter .order_filter_button {
    margin-top:2rem;
}
.bdt_filter_wrapper .bdt_filter .order_number_filter {
    width: 100%;
}

@media screen and (max-width: 360px) {
     .manage-offer-page .bob-inventory-wrapper .bob-go-button .bob-reassign {
        font-size:11px;
     }
}
@media screen and (min-width: 992px) {
     .manage-offer-page .offer_button_1 {
	margin-right:55px;
     }
}

@media screen and (min-width: 3000px) {
     .manage-offer-page .offer-letter-wrapper {
        display: block;
	margin: 0 auto;
     }
}
@media screen and (max-width: 510px) and (min-width:320px) {
    ul.pagination {
        flex-wrap: wrap !important;
    }
}
.bob-preview-page.bob-view-order-popup .webform-entity-print-links a.webform-entity-print-link-pdf {
	color: #000 !important;
}