@font-face {
    font-family: 'FontAwesome';
    src: url('../css/fontawesome-webfont.eot?v=4.7.0');
    src: url('../css/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../css/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../css/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../css/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../css/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
.public_page {display:block !important;}
body.page-admin div#block-menu-menu-user-contact {float:left;margin-right:20px;}
div#block-menu-menu-user-contact {float:right;margin-right:0px;font-size:14px;}
.view-id-user_contact_roster .view-content{clear:both;}
.view-ubercart-custom-report .views-table {
    margin-top:40px;
    border:2px solid #ccc;
}

.view-ubercart-custom-report .views-table:hover {
    border:2px solid #000000;
}

.view-ubercart-custom-report .views-table caption{display:none;
}

div#block-locale-0 {
    display: none !important;
}

ul.lang_links {
    position: relative;
    top: -20px;
    padding-left: 0px !important;
    margin-left: 0px !important;
    list-style-type: none !important;
    font-size: 11px !important;
}

.lang_links a {
    color: rgb(102, 102, 102) !important;
    font-size: 11px !important;
}

ul.links li {
    padding-left: 0px !important;
}

div.inset_info {
    display: block;
    float: right;
    margin-left: 15px;
    width: 40%;
    border: 3px solid rgb(76, 114, 29);
    border-radius: 10px;
    padding: 2%;
}

div.choice_box {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

div.choice_l {
    float: left;
    display: block;
}

div.choice_r {
    float: right;
    display: block;
}

body.node-type-manufacturer div.print_content,body.node-type-manufacturer.logged-in h1.title, body.node-type-manufacturer div.lang_toggle, body.node-type-manufacturer ul.tabs.primary {
    display: none !important;
}
body.node-type-manufacturer.not-logged-in h1.title {display:block;}

body.node-type-provisionalmanufacturer div.breadcrumb, body.node-type-provisionalmanufacturer h1.title, body.node-type-provisionalmanufacturer div.print_content, body.node-type-provisionalmanufacturer div.lang_toggle, body.node-type-provisionalmanufacturer ul.tabs.primary, body.node-type-provisionalmanufacturer div#listed-products {
    display: none !important;
}

div.mfg_wrap div#contact_container i {
    font-family: FontAwesome, sans-serif !important;
}

div.mfg_wrap div.mfg_info_areas {
    display: block;
    overflow: hidden;
    margin: 0px !important;
}

div.mfg_wrap div#mfg_head {
    display: block;
    clear: both;
    width: 95%;
    float: left;
    height: auto;
    min-height: 50px;
    background-color: rgb(235, 235, 235);
    font-size: 24px !important;
}

div.mfg_wrap div.mfg_rb_icon {
    float: right;
}

div.mfg_wrap div#contact_container, div.mfg_wrap div#applications_container, div.mfg_wrap div#renewal_container, div.mfg_wrap div#change_container {
    background-color: rgb(235, 235, 235);
}

div.mfg_wrap div#applications_container, div.mfg_wrap div#renewal_container, div#change_container {
    margin-top: 20px;
    padding: 0px 10px 10px;
}

div.mfg_wrap div.auth_contact_area {
    padding-left: 10px;
    border-top: 0px solid rgb(255, 255, 255);
    display: table-cell;
    width: 55%;
    height: auto;
    background-color: transparent !important;
}

div.mfg_wrap div.public_contact_area {
    border-top: 0px solid rgb(255, 255, 255);
    padding: 5px;
    display: table-cell;
    height: auto;
    background-color: transparent !important;
}

div.mfg_wrap div.public_contact_area:not(.public_page) {
    border-right: 1px solid darkgrey;
    width: 45%;
}

div.mfg_wrap div.auth_contact_edit_panel {
}

div.mfg_wrap div.public_contact {
}

div.mfg_wrap div.auth_contact_list {
}

div.mfg_wrap div.contact_record {
}

div.mfg_wrap div.contact_record_wrap.review_renewal {
    margin-bottom: 7px;
    background-color: rgb(242, 244, 185);
    border-radius: 10px;
    padding: 2.5%;
    width: 94%;
    border: 2px solid rgb(186, 189, 91);
}

div.mfg_wrap div.contact_record_wrap.alternate_review_renewal {
    margin-bottom: 7px;
    background-color: rgb(221, 242, 252);
    border-radius: 10px;
    padding: 2.5%;
    width: 94%;
    border: 2px solid rgb(150, 189, 208);
}

div.mfg_wrap div.contact_record_wrap.administrative {
    margin-bottom: 7px;
    background-color: rgb(151, 164, 211);
    border-radius: 10px;
    padding: 2.5%;
    width: 94%;
    border: 2px solid rgb(72, 101, 206);
}

div.mfg_wrap div.contact_record_wrap.manufacturing_location {
    margin-bottom: 7px;
    background-color: rgb(219, 205, 239);
    border-radius: 10px;
    padding: 2.5%;
    width: 94%;
    border: 2px solid rgb(180, 161, 208);
}

div.mfg_wrap div.contact_record_line {
    font-weight: 300;
    display: table-row;
    clear: both !important;
}

div.mfg_wrap div.contact_record_line span {
    word-break: break-word;
}

div.mfg_wrap div#mfg_head div.mfg_rb_icon {
}

div.mfg_wrap div#mfg_messaging_area {
    display: inline-block;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    background-image: none;
    border: 1px solid rgb(226, 226, 226);
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    color: rgb(85, 85, 85);
    background-color: rgb(238, 238, 238);
    width: 97%;
    cursor: default !important;
    margin-bottom: 10px !important;
}

div.mfg_wrap button {
    cursor: default;
}

div.mfg_wrap div.omri_message_area {
    width: 98%;
    padding: 10px;
    background-color: rgb(153, 153, 153);
    display: block;
    clear: both;
}

div.mfg_wrap div.message_area_inner {
    font-size: 20px;
}

div.mfg_wrap div.message_dismiss {
}

div.mfg_wrap div.message_dismiss a {
}

div#mfg_rb {
    float: right;
    display: block;
    position: relative;
    left: 46px;
}

div#mfg_rb div#mfg_rb1 {
    display: block;
    height: 45px;
    width: 45px;
    background: url("/sites/all/themes/foundation/images/us_only.png") right top / 45px 45px no-repeat;
    float: left;
}

div#mfg_rb div#mfg_rb2 {
    display: block;
    height: 45px;
    width: 45px;
    background: url("/sites/all/themes/foundation/images/ca_only.png") right top / 45px 45px no-repeat;
    float: right;
}

div#mfg_rb div#mfg_rb5 {
    display: block;
    height: 45px;
    width: 45px;
    background: url("/sites/all/themes/foundation/images/lpo_only.png") right top / 45px 45px no-repeat;
    float: right;
}

div#manufacturing_loc_area, #tax_info_area {
    margin-top: 20px !important;
}

div.mfg_wrap div.auth_contact_area button.invalid_contact_icon, div.mfg_wrap div.public_contact_area button.invalid_contact_icon, div.mfg_wrap div.manufacturuing_loc_area button.invalid_contact_icon {
    background-color: transparent !important;
    font-size: 20px !important;
    border: 0px !important;
    color: rgb(255, 0, 0) !important;
}

div.mfg_wrap div#mfg_head button.missing_manufacturer_name_icon {
    background-color: transparent;
    font-size: 28px !important;
    border: 0px !important;
    color: rgb(255, 0, 0) !important;
}

div.mfg_wrap div.auth_contact_area button.button_edit, #tax_info_area button.button_edit {
    background-color: transparent;
    font-size: 20px !important;
    border: 0px !important;
    color: rgb(102, 102, 102) !important;
}

div.mfg_wrap div.auth_contact_area button.button_delete {
    background-color: transparent;
    font-size: 20px !important;
    border: 0px !important;
    color: rgb(102, 102, 102) !important;
}

div.mfg_wrap div.manufacturing_loc_area button.button_delete {
    background-color: transparent;
    font-size: 20px !important;
    border: 0px !important;
    color: rgb(102, 102, 102) !important;
}

div.mfg_wrap div#edit_contact_body button.nav_delete {
    background-color: rgb(255, 180, 12);
    float: right;
}

div.mfg_wrap div#edit_contact_body button.nav_save {
}

div.mfg_wrap div#edit_contact_body button.nav_discard {
}

div.mfg_wrap div#edit_contact_modal button.modal_close, div.mfg_wrap div#manufacturer_history_modal button.modal_close, #edit_tax_id_modal button.modal_close {
    position: relative;
    font-family: FontAwesome, sans-serif !important;
    float: right !important;
    color: rgb(255, 255, 255) !important;
    background-color: transparent !important;
    border: 0px solid rgb(255, 255, 255) !important;
    border-radius: 0px !important;
    font-size: 26px !important;
}

.Select-multi-value-wrapper {
    line-height: 100% !important;
}

button.line-item-delete {
    height: 28px;
    margin-top: 0 !important;
    background-color: transparent !important;
    color: rgb(0, 0, 0) !important;
    font-size: 24px !important;
    border: 0 !important;
}

.delete_button_inline {
    float: none;
    display: inline;
    background-color: rgb(255, 180, 12) !important;
}

.delete_button_float_right {
    float: right;
    background-color: rgb(255, 180, 12) !important;
    background-color: red;
    float: right;
}

div.contact_record button {
    float: right;
    background-color: transparent;
    font-size: 20px !important;
    margin: 0px !important;
    padding: 6px !important;
    float: right;
    background-color: transparent;
    font-size: 20px !important;
}

div.contact_record button i {
    vertical-align: middle;
}

div.edit_contact_line_item .phone_extension {
    width: 60px !important;
}

div.auth_contact_area button plus_button {
    display: block !important;
}

div.auth_contact_area.edit_mode button.button_edit {
    display: block !important;
}

div.auth_contact_area button.auth_contact_edit {
    float: right;
    width: 150px;
    background-color: rgb(255, 255, 255);
    padding: 2px;
    position: relative;
    top: -5px;
    right: 5px;
    font-size: 10px !important;
    display: block !important;
    color: rgb(0, 0, 0) !important;
    border-radius: 0px !important;
    margin: 0px !important;
}

div.public_contact_area button.public_contact_edit {
    float: right;
    width: 150px;
    padding: 2px;
    position: relative;
    top: -5px;
    right: 5px;
    font-size: 10px !important;
    display: block !important;
    background-color: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
    border-radius: 0px !important;
    margin: 0px !important;
}

div.auth_contact_area.edit_mode div.edit_mode_helper {
    width: 94%;
    padding: 2.5%;
    font-size: 16px;
    color: rgb(255, 255, 255);
    background-color: rgb(102, 102, 102);
    display: block !important;
}

div.auth_contact_area div.edit_mode_helper {
    display: none !important;
}

div#edit_mode_helper {
    clear: both;
    padding: 1% 2.5%;
    font-size: 16px;
    color: rgb(255, 255, 255);
    text-align: center;
    background-color: rgb(102, 102, 102);
    display: block !important;
    width: auto !important;
    clear: both;
    width: 94%;
    padding: 1% 2.5%;
    font-size: 16px;
    color: rgb(255, 255, 255);
    text-align: center;
    background-color: rgb(102, 102, 102);
    display: block !important;
}

button.button_edit {
    margin: 0px !important;
}

#page_center_header i {
    vertical-align: middle;
    font-size: 26px !important;
    margin-top: 1px !important;
}

div.mfg_wrap div.mfg_public_edit {
}

div.mfg_wrap div.mfg_public_edit a {
}

div.mfg_wrap div.public_contact_area p {
    font-size: 12px !important;
}

div.mfg_wrap div.public_contact_area p strong {
    font-size: 12px !important;
}

div.mfg_wrap div.public_contact_area p em {
    font-size: 12px !important;
}

div.mfg_wrap div.auth_contact_area p {
    font-size: 12px !important;
}

div.mfg_wrap div.auth_contact_area p strong {
    font-size: 12px !important;
}

div.mfg_wrap div.auth_contact_area p em {
    font-size: 12px !important;
}

div.mfg_wrap div.auth_contact h2 {
    font-size: 20px !important;
}

div.mfg_wrap div.auth_contact_area b {
    margin-right: 5px;
    width: 88px;
    display: table-cell;
    text-align: right;
    font-size: 10px;
    line-height: 150%;
    text-transform: uppercase;
    padding-right: 5px;
    font-weight: 700 !important;
}

div.mfg_wrap div.public_contact_area #manufacturing_loc_area b {
    margin-right: 5px;
    width: 88px;
    display: table-cell;
    text-align: right;
    font-size: 10px;
    line-height: 150%;
    text-transform: uppercase;
    padding-right: 5px;
    font-weight: 700 !important;
}

div.mfg_wrap div.public_contact_area div#manufacturing_loc_area .manufacturing_location {
    font-size: 12px !important;
}

div.mfg_wrap div.public_contact_area b {
    margin-right: 5px;
    width: 115px;
    display: table-cell;
    text-align: right;
    padding-right: 5px;
    font-weight: 700 !important;
}

div.mfg_wrap div.public_contact_area div.contact_record_wrap {
    display: block;
    font-size: 15px !important;
}

div.mfg_wrap span.mfg_name {
    float: left;
    padding: 5px;
    width: 84%;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: rgb(0, 0, 0) !important;
    margin: 0px !important;
}

div.mfg_wrap div.auth_contact_area div.contact_record_wrap {
    display: block;
    font-size: 12px !important;
}

div#manufacturer-contact-pane-container h4 {
    margin-top: 0px;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
}

div.mfg_wrap div#edit_contact_modal .edit_contact_line_item {
    font-size: 12px;
    margin-bottom: 3px;
    clear: both;
}

div.mfg_wrap div#edit_contact_modal .edit_contact_line_item b {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    width: 140px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

div.mfg_wrap h4.alternate_review_and_renewal_heading {
    margin-top: 20px !important;
}

div.mfg_wrap div#edit_contact_modal .edit_contact_line_item select {
    font-size: 12px !important;
}

div.mfg_wrap div#edit_contact_modal .edit_contact_line_item .delete_communication_button {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

div.mfg_wrap div#edit_contact_modal #edit_contact_address_block b {
    font-size: 19px !important;
    font-weight: 600 !important;
}

div.mfg_wrap div#edit_contact_modal b.contact_form_phone_heading {
    font-size: 19px !important;
    color: rgb(0, 0, 0) !important;
    font-weight: 600 !important;
}

div.mfg_wrap div#edit_contact_modal #edit_contact_communication_block b.edit_contact_line_item {
    font-size: 12px;
    margin-bottom: 3px;
    clear: both;
}

div.mfg_wrap div#edit_contact_modal #staff_notes_box b, div.mfg_wrap div#edit_contact_modal #location_notes_box b {
    font-size: 19px !important;
    color: rgb(0, 0, 0) !important;
    font-weight: 600 !important;
}

div.mfg_wrap div#primary_designation b {
    font-size: 19px !important;
    color: rgb(0, 0, 0) !important;
    font-weight: 600 !important;
}

div.mfg_wrap div#primary_designation {
    margin-top: 5px !important;
}

#subtotal_box, #percent_done_box {
    font-weight: 600;
    font-size: 13px !important;
    font-size: 18px;
    font-weight: 600;
}

div.mfg_wrap div#entire_screen {
    z-index: 9998;
    background-color: rgb(227, 236, 224) !important;
    opacity: 0.8 !important;
}

div.mfg_wrap div#edit_contact_modal, div.mfg_wrap div#manufacturer_history_modal {
    max-height: 80%;
    box-shadow: rgb(102, 102, 102) 0px 0px 20px;
    width: 40% !important;
    max-width: 650px !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 0px !important;
    border: 1px solid rgb(0, 0, 0) !important;
    top: 9% !important;
    height: auto !important;
}

div.mfg_wrap div#edit_manufacturer_name_modal {
    max-height: 80%;
    box-shadow: rgb(102, 102, 102) 0px 0px 20px;
    width: 40% !important;
    max-width: 650px !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 0px !important;
    border: 1px solid rgb(0, 0, 0) !important;
    height: auto !important;
}

div.mfg_wrap div#modal_contact_heading {
    position: sticky;
    padding: 5px;
    background-color: rgb(0, 101, 164) !important;
}

div.mfg_wrap div#modal_contact_heading h2 {
    clear: none !important;
    color: rgb(255, 255, 255) !important;
    width: 50% !important;
    margin: 0px !important;
}

div.mfg_wrap div#edit_contact_body {
    margin-bottom: 25px;
    background-color: transparent !important;
    padding-top: 0px !important;
}

body {
    overflow: auto;
    font-family: "Open Sans", sans-serif !important;
}

body.modal_open {
    overflow: hidden;
}

#edit_contact_modal input[type="text"]:focus, #edit_contact_modal input[type="date"]:focus, #edit_contact_modal input[type="datetime"]:focus, #edit_contact_modal input[type="number"]:focus, #edit_contact_modal input[type="search"]:focus, #edit_contact_modal input[type="time"]:focus, #edit_contact_modal input[type="url"]:focus, #edit_contact_modal input[type="email"]:focus, #edit_contact_modal textarea:focus, #edit_contact_modal select:focus, #edit_manufacturer_name_modal input[type="text"]:focus, #edit_manufacturer_name_modal input[type="date"]:focus, #edit_manufacturer_name_modal input[type="datetime"]:focus, #edit_manufacturer_name_modal input[type="number"]:focus, #edit_manufacturer_name_modal input[type="search"]:focus, #edit_manufacturer_name_modal input[type="time"]:focus, #edit_manufacturer_name_modal input[type="url"]:focus, #edit_manufacturer_name_modal input[type="email"]:focus, #edit_manufacturer_name_modal textarea:focus, #edit_manufacturer_name_modal select:focus {
    border: 1px solid rgb(0, 204, 0);
}

#edit_contact_modal select, #edit_contact_modal input, #edit_contact_modal textarea, #edit_manufacturer_name_modal select, #edit_manufacturer_name_modal input, #edit_manufacturer_name_modal textarea {
    box-sizing: border-box;
    border: 1px solid rgb(194, 194, 194);
    box-shadow: transparent 1px 1px 4px;
    border-radius: 3px;
    padding: 4px;
    outline: none;
}

.validation_message_box {
    color: red !important;
    clear: left !important;
    display: block !important;
    width: 97% !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: 1px solid red !important;
    border-radius: 5px !important;
    padding: 4px !important;
    background-color: rgb(255, 218, 218) !important;
    margin-top: 10px !important;
    color: black;
    display: inline-block;
    background-color: yellow;
    border: 2px solid orange;
    padding: 8px;
}

div#listed-products h3 {
}

div.mfg_wrap div#listed-products h3, div.mfg_wrap div#applications_container h3, div.mfg_wrap div#change_container {
    font-size: 18px;
    padding: 5px;
    margin-bottom: 0px !important;
}

div#listed-products {
    display: block;
    background-color: rgb(235, 235, 235);
    clear: both;
}

#jeff div#page_center_wrap {
    display: block;
    height: 80%;
    width: 80%;
    top: 5%;
    left: 10%;
    position: fixed;
    z-index: 9999;
    padding: 0px;
    overflow: hidden;
    box-shadow: rgb(102, 102, 102) 0px 0px 20px;
    border: 1px solid rgb(0, 0, 0) !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 0px !important;
    display: block;
    height: 80%;
    width: 80%;
    left: 10%;
    position: fixed;
    z-index: 9999;
    border: 1px solid rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    padding: 0px 0px 52px;
    border-radius: 10px;
    overflow: hidden;
}

#jeff div#page_center_wrap div#page_center_header {
    padding: 5px;
    display: block;
    width: 100%;
    height: 4% !important;
    background-color: rgb(0, 101, 164) !important;
    border-radius: 0px !important;
    height: 6%;
    min-height: 30px;
    display: block;
    width: 100%;
    background-color: rgb(76, 114, 29);
    border-radius: 8px 8px 0px 0px;
}

#jeff div#page_center_wrap div#page_center_header h2 {
    margin-bottom: 0px !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: rgb(255, 255, 255) !important;
    display: inline;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    color: rgb(255, 255, 255) !important;
    font-weight: 100 !important;
}

#jeff div#q_pane_area .q_item {
    display: block;
    width: 95%;
    padding-bottom: 10px !important;
    display: block;
    width: 95%;
    padding: 10px 20px;
}

#pane_header {
    margin: 0px !important;
}

#save_and_close_button {
    color: white;
    float: right;
    height: 6%;
    min-height: 30px;
    display: block;
    border-radius: 0px;
    padding: 6px 8px 3px 6px;
    position: relative;
    top: -5px;
    right: 5px;
    border-left: 0px solid white !important;
    font-size: 26px !important;
    color: white;
    float: right;
    height: 6%;
    min-height: 30px;
    display: block;
    border-radius: 0px 8px 0px 0px;
    padding: 6px 8px 3px 6px;
}

#save_and_close_button:hover {
    cursor: pointer;
    background-color: transparent !important;
    background-color: rgba(255, 255, 255, 0.1);
    cursor: default;
}

#jeff div#page_cover {
    background-color: rgb(227, 236, 224) !important;
    opacity: 0.8 !important;
    z-index: 9998 !important;
    margin: 0px;
    padding: 0px;
    display: block;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 8888;
    background-color: rgba(214, 230, 186, 0.54);
    top: 0px;
    left: 0px;
}

.plus_sign {
    padding-left: 14px !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='14px' width='14px'><text x='2' y='13' fill='black' font-size='14' font-family='arial'>+</text></svg>") 0% center no-repeat white;
    padding-left: 14px !important;
}

div#jeff .step_incomplete {
    color: rgb(255, 214, 0) !important;
    text-shadow: transparent 0px 0px 0px, transparent 0px 0px 0px, transparent 0px 0px 0px, transparent 0px 0px 0px !important;
}

div#jeff.access_pass_modal #company_name_textbox {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px !important;
}

div#jeff.access_pass_modal div#company_name {
    width: 40%;
    display: block;
    padding: 10px;
    position: absolute;
}

div#jeff.access_pass_modal div#public_contact {
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 45%;
    display: inline-block;
    margin-right: 1%;
    vertical-align: top;
    padding-top: 0px !important;
}

div#jeff.access_pass_modal div#primary_contact {
    width: 45%;
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    vertical-align: top;
    padding-top: 0px !important;
}

div#jeff.access_pass_modal .edit_contact_line_item {
    font-size: 12px;
    margin-bottom: 3px;
    clear: both;
}

div#jeff.access_pass_modal .edit_contact_line_item input {
    font-size: 12px !important;
}

div#jeff.access_pass_modal .edit_contact_line_item select {
    font-size: 12px !important;
}

div#jeff.access_pass_modal .edit_contact_line_item .delete_communication_button {
    display: inline-block;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    float: none !important;
}

div#jeff.access_pass_modal #edit_contact_address_block b {
    font-size: 19px !important;
    color: rgb(0, 0, 0) !important;
    font-weight: 600 !important;
}

div#jeff.access_pass_modal #edit_contact_communication_block b {
    font-size: 19px !important;
    color: rgb(0, 0, 0) !important;
    font-weight: 600 !important;
}

div#jeff.access_pass_modal .edit_contact_contry_code_input {
    margin-top: 16px;
    width: 55px !important;
    margin-right: 5px !important;
}

#jeff input[type="text"]:focus, #jeff input[type="date"]:focus, #jeff input[type="datetime"]:focus, #jeff input[type="number"]:focus, #jeff input[type="search"]:focus, #jeff input[type="time"]:focus, #jeff input[type="url"]:focus, #jeff input[type="email"]:focus, #jeff textarea:focus, #jeff select:focus {
    border: 1px solid rgb(0, 204, 0);
}

#jeff select, #jeff input, #jeff textarea {
    box-sizing: border-box;
    border: 1px solid rgb(194, 194, 194);
    box-shadow: transparent 1px 1px 4px;
    border-radius: 3px;
    padding: 4px;
    outline: none;
}

#jeff .Select-control {
    border: 1px solid rgb(194, 194, 194);
    height: 30px !important;
    margin-bottom: 3px !important;
}

#jeff .Select-control:focus {
    border: 1px solid rgb(0, 204, 0) !important;
    height: 30px !important;
    margin-bottom: 3px !important;
}

#jeff input.edit_contact_phone_number_input {
    width: 140px !important;
}

#jeff #edit_contact_communication_block .combo_box_box, #mfg_wrap #edit_contact_communication_block .combo_box_box {
    margin-bottom: 0px !important;
}

#jeff .combo_box_box, #mfg_wrap .combo_box_box {
    margin-bottom: 3px !important;
}

#jeff textarea.additionalInfoTextBox, #jeff textarea.edit_modal_textarea {
    min-height: 100px !important;
}

#jeff input[type="radio"], #jeff input[type="checkbox"] {
    height: auto !important;
}

#jeff div#progress_indicator {
    margin-top: 15px;
    width: 60% !important;
    float: right !important;
    position: relative !important;
    z-index: 999 !important;
}

#jeff div#progress_indicator i {
    font-family: FontAwesome, sans-serif !important;
}

#jeff #progress_parts {
    font-size: 16px !important;
}

#jeff #progress_parts div#checkout_progress button {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px !important;
}

#jeff #progress_parts div#checkout_progress button i {
    margin-left: 10px;
}

#jeff #progress_parts div#checkout_progress {
    display: inline-block;
    margin-top: 4px;
    font-size: 16px !important;
}

div#jeff #top_part {
    margin-bottom: 10px;
    clear: both;
    height: 105px;
}

#jeff button.form_incomplete {
    pointer-events: none !important;
    cursor: default !important;
    background-color: rgb(153, 153, 153) !important;
}

#jeff button.form_complete {
    pointer-events: auto !important;
    cursor: auto !important;
}

#jeff #asterisk_at_bottom {
    float: left;
    padding: 0px 0px 0px 25px !important;
}

#jeff .edit_contact_country_combobox {
    display: inline-block;
    width: 160px !important;
}

#jeff .progress_checkmark i {
    color: rgb(153, 153, 153);
    font-size: 24px !important;
    text-shadow: transparent 0px 0px 0px, transparent 0px 0px 0px, transparent 0px 0px 0px, transparent 0px 0px 0px !important;
}

#jeff .progress_checkmark i.step_complete {
    color: green;
}

div.edit_contact_country_combobox > .Select > .Select-control > span.Select-multi-value-wrapper > div.Select-input > input {
    margin-top: 5px;
}

div.edit_contact_country_combobox > .Select > .Select-control > span.Select-multi-value-wrapper > div.Select-placeholder {
    padding-left: 16px;
}

div.edit_contact_country_combobox > .Select > .Select-control > span.Select-multi-value-wrapper > div.Select-value > span.Select-value-label {
    padding-left: 5px;
}

.overflow_hidden {
    overflow-y: hidden;
    overflow-y: hidden;
}

.icon_highlight {
    background-color: rgb(0, 206, 209);
    background-color: rgb(0, 206, 209);
}

#cart_button_box.nav_button_box {
    float: none;
}

#nav_pane_box {
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
    z-index: 9997;
    background-color: rgb(74, 74, 74);
    padding: 10px;
    position: absolute;
    bottom: 0;
    vertical-align: middle;
}

#nav_pane_box.separator {
    border-top: 1px solid rgb(160, 160, 160);
}

div#help_icon {
    float: right;
    color: white;
    font-size: 32px;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 0px 10px 0px 0px !important;
}

div#maximize_icon {
    float: right;
    color: white;
    font-size: 32px;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 0px 10px 0px 0px !important;
    margin-right: 10px !important;
}

div#spit_out_all_panes_icon {
    float: right;
    color: white;
    font-size: 32px;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 0px 3px 0px 0px !important;
}

div#compare_all_pane_fields_with_router_fields {
    float: right;
    color: white;
    font-size: 32px;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 0px 3px 0px 0px !important;
    color: white;
    float: right;
    width: 32px;
}

div#help_icon:hover, div#maximize_icon:hover {
    cursor: default;
}

#jeff div#page_center_wrap.fullscreen div#page_center_header {
    height: 3% !important;
}

div#help_icon:hover div#contact_bit {
    display: block;
}

div#contact_bit {
    color: black;
    max-height: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: lightgoldenrodyellow;
    font-size: large;
    cursor: default;
    overflow-wrap: break-word;
    clear: both;
    position: absolute;
    padding: 0px 20px;
    right: 2px;
    width: 25%;
    top: 0px;
    z-index: 999999;
}

.contact_bit_border {
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

div.edit_contact_line_item input.input_phone_extension {
    width: 60px !important;
}

div.edit_contact_line_item input.input_phone_number {
    width: 150px !important;
}

div.edit_contact_line_item input.input_country_code {
    width: 150px !important;
}

div.edit_contact_line_item input {
    width: 220px !important;
}

div.address_line input {
    width: 220px !important;
}

.error-message {
    color: rgb(255, 0, 0);
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    padding: 4px;
    background-color: rgb(255, 218, 218);
    margin-top: 10px;
    z-index: 99999999;
    border: 1px solid rgb(255, 0, 0);
}

.error-message:not(.omri_tooltip) {
    clear: left;
    display: block;
    text-align: center;
    width: 97%;
}

.information-message {
    color: black;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    background-color: white;
    margin-top: 10px;
    z-index: 99999999;
    border: 1px solid black;
}

.information-message:not(.omri_tooltip) {
    clear: left;
    display: block;
    text-align: center;
    width: 97%;
}

div#jeff .edit_contact_line_item b {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    width: 140px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

#jeff .text p {
}

#jeff div#q_pane_area_wrap {
    display: block;
    width: 100%;
}

#manufacturer-name {
    padding: 10px 8px 0px 20px;
}

#manufacturer-name h1 {
    color: rgb(0, 0, 0) !important;
}

#jeff div#q_pane {
}

#jeff p.question_text {
    font-weight: 600;
    font-size: 22px !important;
    margin-bottom: 0px !important;
    margin-top: 5px !important;
    line-height: 110% !important;
}

#jeff p.helper_text {
    clear: left;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 0px;
    margin-top: 0px;
}

#jeff div#o_pane {
}

#jeff ul {
    list-style-type: none !important;
}

#jeff ul li {
    list-style-type: none !important;
}

#jeff .option {
    margin-bottom: 10px;
    font-size: 14px !important;
}

#jeff .option label {
    margin-bottom: 5px;
    font-size: 14px !important;
}

#jeff div#o_pane p.helper_text {
    font-size: 13px;
    font-style: italic;
}

#jeff span.field_label, #jeff span.field_label {
    font-size: 16px;
    margin-right: 5px;
}

#jeff .field_wrap {
    margin-bottom: 10px;
}

#jeff div#q_pane_area .nav_cancel {
    float: left;
    border-radius: 7px;
    display: block;
    background-color: rgb(102, 102, 102);
    color: rgb(255, 255, 255);
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin: 5px;
    border: 0px;
}

#jeff div#q_pane_area .nav_cancel a {
    font-size: 15px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

#jeff div#q_pane_area .nav_next a {
    font-size: 15px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

#jeff div#q_pane_area .nav_back {
    float: left;
    border-radius: 7px;
    display: block;
    background-color: rgb(76, 114, 29);
    color: rgb(255, 255, 255);
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin: 5px;
    border: 0px;
}

#jeff div#q_pane_area .nav_back a {
    font-size: 15px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

#jeff div.q_item .nav_pane .nav_next {
    background: red;
    opacity: 0.25;
    cursor: default;
}

#jeff div.q_item.valid .nav_pane .nav_next {
    background: rgb(76, 114, 29);
    opacity: 1;
    transition: opacity 2s;
    pointer-events: all;
    cursor: default;
}

#jeff div.q_item:checked + label::before {
    content: "";
    float: left;
    margin-left: -41px;
    margin-top: -2px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 22px;
    line-height: 1;
    font-family: FontAwesome;
    color: rgb(76, 114, 29);
    width: 0px;
}

#jeff input.field.invalid-entry + label::after {
    content: "";
    float: right;
    margin-left: 5px;
    margin-top: 0px;
    display: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 22px;
    line-height: 1;
    font-family: FontAwesome;
    color: red;
    width: 0px;
}

#jeff input.field.valid-entry + label::after {
    content: "";
    float: right;
    margin-left: 5px;
    margin-top: -4px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 22px;
    line-height: 1;
    font-family: FontAwesome;
    color: rgb(76, 114, 29);
    width: 0px;
}

#jeff input.invalid-entry[type="text"] {
    width: 185px;
    margin-left: 10px;
    float: none !important;
    margin-bottom: 0px !important;
}

#jeff input.valid-entry[type="text"] {
    min-width: 185px;
    margin-left: 10px;
    float: none !important;
    margin-bottom: 0px !important;
}

#jeff input.valid-entry.combobox_textbox[type="text"] {
    min-width: 185px;
}

#jeff input.invalid-entry.combobox_textbox[type="text"] {
    min-width: 185px;
}

#jeff input.valid-entry.ingredient_builder_field[type="text"] {
    width: 360px !important;
}

#jeff input.invalid-entry.ingredient_builder_field[type="text"] {
    width: 360px !important;
}

#jeff input.field + label {
    float: left;
}

#jeff select.field.valid-entry + label::after {
    content: "";
    float: right;
    margin-left: 5px;
    margin-top: -4px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 22px;
    line-height: 1;
    font-family: FontAwesome;
    color: rgb(76, 114, 29);
    width: 0px;
}

#jeff select {
    font-size: 12px !important;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid rgb(102, 102, 102);
    font-size: 11px !important;
    width: auto !important;
}

#jeff select.invalid-entry {
    width: 150px;
    margin-left: 10px;
    float: none !important;
    background-color: white;
    margin-left: 0px !important;
}

#jeff select.valid-entry {
    width: 150px;
    margin-left: 25px;
    float: none !important;
    background-color: rgb(233, 255, 196) !important;
    margin-left: 0px !important;
}

#jeff select.field + label {
    float: left;
}

#jeff button.nav_add_another {
    float: left;
    border-radius: 7px;
    display: block;
    background-color: rgb(76, 114, 29);
    color: rgb(255, 255, 255);
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin: 5px 5px 20px;
    border: 0px;
    clear: both;
}

#jeff table.table-cells-were-too-wide tr td {
    font-size: 12px !important;
}

#jeff .button_edit {
    color: rgb(76, 114, 29);
    background-color: transparent;
    border: 0px !important;
}

#jeff .button_delete {
    background-color: transparent;
    border: 0px !important;
}

.grayout {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

div#q_rt_col_area_top:empty {
    display: none;
}

.disable {
    pointer-events: none;
}

.float-right {
    float: right;
    margin-right: 5px;
}

.contents_label {
    display: block;
    width: 60%;
}

.currency {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='14px' width='14px'><text x='2' y='13' fill='black' font-size='14' font-family='arial'>$</text></svg>") left center no-repeat;
    padding-left: 12px;
}

.nav_pane {
    clear: both !important;
}

#product-change-additional-class-or-standard-pane-view .field_wrap {
    float: left;
    margin-left: 10px;
}

#product-change-additional-class-or-standard-pane-view .field_wrap:first-of-type {
    float: left;
    margin-left: 0px;
}

#product-change-additional-class-or-standard-pane-view .line_item_per {
    clear: both;
}

#new-application-upload-labels-and-bulk-distribution-materials-pane-view .line_item_per {
    clear: both;
}

#new-application-safety-data-sheet-pane-model .line_item_per {
    clear: both;
}

#new-application-final-product-certified-organic-pane-view .line_item_per {
    clear: both;
}

#new-product-application-formulations-pane-view ul {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

#new-product-application-formulations-pane-view li.options {
    margin-left: 0px;
}

#product-change-additional-category-pane-view .field_wrap {
    float: left;
    margin-left: 10px;
}

#product-change-additional-category-pane-view .field_wrap:first-of-type {
    float: left;
    margin-left: 0px;
}

#product-change-additional-category-pane-view .line_item_per {
    clear: both;
}

#product-change-rebuttals-and-appeals-pane-view .field_wrap {
    float: left;
    margin-left: 10px;
}

#product-change-rebuttals-and-appeals-pane-view .field_wrap:first-of-type {
    float: left;
    margin-left: 0px;
}

#product-change-rebuttals-and-appeals-pane-view .line_item_per {
    clear: both;
}

#new-product-application-standard-use-class-pane-view .field_wrap {
    float: left;
    margin-left: 10px;
}

#new-product-application-standard-use-class-pane-view .field_wrap:first-of-type {
    float: left;
    margin-left: 0px;
}

#new-product-application-standard-use-class-pane-view .line_item_per {
    clear: both;
}

#product-change-product-change-pane-view .field_wrap {
    float: left;
    margin-left: 0px;
    clear: both !important;
}

#product-change-product-change-pane-view .field_wrap:first-of-type {
    float: left;
    margin-left: 0px;
}

#product-change-product-change-pane-view .line_item_per {
    clear: both;
}

#product-change-product-change-pane-view button.line-item-delete {
    float: right !important;
}

#new-product-application-third-party-agreement-pane-view .field_wrap {
    float: left;
    margin-left: 0px;
    clear: both !important;
}

#new-product-application-third-party-agreement-pane-view .field_wrap:first-of-type {
    float: left;
    margin-left: 0px;
}

#new-product-application-third-party-agreement-pane-view .line_item_per {
    clear: both;
}

#new-product-application-third-party-agreement-pane-view button.line-item-delete {
    float: right !important;
}

button.nav_add_another {
    clear: both !important;
}

#new-product-application-category-pane-view ul.options li {
    clear: both !important;
}

div#access_pass_modal label, div#contact_container label, div#jeff label:not(.switch) {
    margin-top: 3px;
    font-size: 16px !important;
}

label.number_value {
    float: left;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    margin: 5px;
}

#new-product-application-pane1 li {
    margin-top: 10px;
    clear: both !important;
}

span.use_class {
    padding-top: 5px;
    display: block;
}

.table-indent {
    margin: 2%;
}

.confirm-total-floated-right {
    float: right;
}

.line-up-the-money {
    padding-right: 15px;
    text-align: right;
}

td.center_cart_item {
    text-align: center;
}

#cart_table td {
    padding: 1px 8px;
}

.invisible {
    visibility: hidden;
}

.additionalInfoTextBox {
    height: 7em;
    resize: none;
    width: 100%;
}

.numberLabel {
    clear: both;
    float: left;
}

#jeff input[type="checkbox"] + label {
    display: block !important;
}

#jeff input, #new_formulation_modal input {
    padding: 5px;
    border-radius: 5px;
    font-size: 11px !important;
}

#jeff input, #new_formulation_modal input.valid-entry {
    border: 1px solid rgb(102, 102, 102);
}

#jeff input.valid-entry {
    background-color: rgb(233, 255, 196) !important;
    margin-left: 0px !important;
}

#jeff input.invalid-entry {
    background-color: white;
    margin-left: 0px !important;
    color: rgb(0, 0, 0) !important;
}

#jeff table.number_edit {
}

#jeff table.number_edit td.cat_label {
    text-align: center;
    font-size: 10px !important;
}

button.button_minus {
    border-radius: 7px;
    display: block;
    background-color: rgb(76, 114, 29);
    color: rgb(255, 255, 255);
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin: 0px;
    border: 0px;
    float: left;
}

button.button_add {
    border-radius: 7px;
    display: block;
    background-color: rgb(76, 114, 29);
    color: rgb(255, 255, 255);
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin: 0px;
    border: 0px;
    float: right;
}

#jeff table {
    border-collapse: inherit;
}

#jeff .invoice_amount_due {
    padding-left: 12px;
}

#jeff span.fee_information {
    display: block;
    font-style: normal;
    font-weight: bold !important;
    clear: both !important;
}

span.line_cost {
    display: none !important;
}

#jeff input.field.invalid-entry::-webkit-input-placeholder {
    color: rgb(0, 0, 0);
}

#jeff .q_item h2 {
    clear: both !important;
}

div.login_button {
    padding-top: 12px;
    clear: both;
    display: block;
}

input.valid-entry:-webkit-autofill {
    box-shadow: rgb(233, 255, 196) 0px 0px 0px 1000px inset !important;
}

table {
    border-spacing: 0px;
}

.one-line-top-margin {
    margin-top: 1em;
}

.warning_make_room_below {
    margin-bottom: 8px;
}

#manufacturer_name_modal_buttons {
    margin-top: 15px;
    text-align: center;
}

.close_modal_button {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 999999;
    margin: 0px;
    float: right;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

#close_edit_manufacturer_name_modal_button {
    display: none !important;
    float: right;
}

#jeff h2 {
    margin-top: 5px;
    color: black !important;
}

#jeff ul.unordered_list_with_circle li {
    list-style-type: disc !important;
}

#pane_header h1 {
    margin: 0px;
}

.q_pane {
    clear: both;
}

.hyperlink {
    text-decoration: underline;
    cursor: pointer;
    color: #0065A4;
}

#jeff input.field.invalid-entry {
    color: red !important;
}

.ingredient_line {
    display: inline;
    width: 100%;
}

.delete-button-inline {
    display: inline;
    float: none;
}

.formulation_percent_line {
    clear: both;
}

.ingredient_spacer {
    margin-bottom: 16px;
}

.component_divider_hr {
    height: 1px;
    background-color: rgb(0, 0, 0);
    margin-top: 20px;
    width: 100%;
    display: table !important;
}

.brand_manufacturer_divider {
    border-top: 1px solid black;
}

.brand_manufacturer_divider button {
    float: none;
}

.clear-fix {
    display: block;
    height: 1px;
    width: 100%;
    clear: both;
    display: block;
    height: 1px;
    width: 100%;
    clear: both;
}

.ingredient_nav_buttons {
    float: left;
    width: 20%;
}

#ingredient_name_manufacturer {
    float: left;
    font-weight: bold;
    text-align: center;
    width: 60%;
}

#save_and_close_button h3 {
    margin: 0px;
    padding: 0px;
}

#jeff input[type="checkbox"] + label.ingredient_range_checkbox {
    display: inline !important;
}

.percent_range_text_inputs {
    display: inline;
}

.ingredient_text_input {
    width: 20% !important;
}

.percent {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='14px' width='14px'><text x='2' y='13' fill='black' font-size='14' font-family='arial'>%</text></svg>") 90% center no-repeat;
    width: 20% !important;
}

.ingredient_range_label {
    width: 5%;
    text-decoration: underline;
}

.ingredient_range_checkbox {
    width: 5%;
    display: inline-block;
    text-align: center;
}

.non_floating_inline {
    float: none;
    display: inline;
}

.delete_formulation_button {
    float: right;
    background-color: rgb(255, 0, 0);
}

.ingredient_brands_divider {
    margin: 10px 0px;
    height: 1px;
    border-top: 1px dashed dimgrey;
}

div.content_area .text ul li.formulation_checkmarks {
    font-size: 20px;
}

.green_checkmark {
    font-weight: bold;
    color: green;
}

.checkmark_reserved_space {
    text-align: center;
    display: inline-block;
    width: 1em;
}

.wide_combo_box_with_spacing {
    margin: 10px 0px;
    width: 100%;
}

#repack_product_name_slider {
    margin-bottom: 16px;
}

.address_title {
    display: inline;
}

#jeff input.manufacturer_name[type="text"] {
    border-color: rgb(204, 204, 204);
    line-height: 20px;
    width: 98.5%;
}

.category_combobox {
    width: 300px;
}

#add_another_button {
    float: none;
    margin-top: 30px;
}

.country_combobox {
    width: 500px;
}

.brand_combobox {
    width: 500px !important;
}

.separate_combobox_description {
    margin-top: 7px;
}

.manufacturer_supplier_addresses {
    margin-top: 10px;
}

.right_justify {
    text-align: right;
}

.arrow_button_box {
    overflow: hidden;
    position: relative;
    width: 100px;
    height: 75px;
}

.right_arrow_button_label {
    background-color: rgb(76, 114, 29);
    position: absolute;
    color: white;
    cursor: default;
    padding: 3px 0px 3px 12px;
    top: 26px;
    left: 0px;
    width: 80px;
    text-align: center;
    z-index: 1;
}

.left_arrow_button_label {
    background-color: rgb(76, 114, 29);
    position: absolute;
    color: white;
    cursor: default;
    padding: 3px 6px 3px 0px;
    top: 26px;
    left: 34px;
    width: 80px;
    text-align: center;
    z-index: 1;
}

.arrow_button {
    font-size: 120px;
    position: absolute;
    color: rgb(76, 114, 29);
    top: -20px;
    left: 0px;
}

#cart_button_box {
    width: 100%;
    width: 100%;
}

#cart_button_box.hide {
    display: none;
}

.checkout_button_right {
    float: right;
    position: relative;
    width: 150px;
    height: 75px;
}

.error-message:empty:not(.omri_tooltip) {
    display: none;
}

#jeff.cart_pane_full_width .q_rt_col_area {
    display: none;
}

#jeff.cart_pane_full_width div#q_pane_area_wrap {
    width: 100%;
}

.shopping_cart_slider.cart_visible + #q_pane_area_wrap {
    pointer-events: none;
}

div.Select.is-focused > div.Select-control {
    border: 1px solid rgb(0, 204, 0) !important;
}

.progress_checkmark {
    font-size: 24px;
}

.step_incomplete {
    color: yellow;
    text-shadow: orange -1px -1px 0px, orange 1px -1px 0px, orange -1px 1px 0px, orange 1px 1px 0px;
}

.breadcrumbs {
    display: inline;
}

.inline_block {
    display: inline-block;
}

.breadcrumb:hover {
    text-decoration: underline;
    cursor: pointer;
}

#breadcrumbs_slider .ui-slider-range {
    background: rgb(136, 172, 11);
    color: red;
    z-index: 99999;
}

#breadcrumbs_slider .ui-slider-handle {
    color: black;
    z-index: 99999;
}

.disclosure_manufactuer_name {
    padding-bottom: 30px;
}

.contact_field_required::before {
    content: "* ";
    color: red;
}

.add_info {
    margin-top: 70px;
    clear: both;
}

.address_line {
    width: 75%;
}

#place_in_cart_button {
    margin-top: 30px;
    padding: 10px;
}

.nav_buttom_box {
    display: inline-block;
    width: 25%;
}

.inactive_nav_button {
    opacity: 0.5;
}

.inactive_next_button {
    opacity: 0.5;
}

.nav_buttom_box button {
    float: none;
    margin: auto;
}

div.nav_buttom_box button.hide {
    opacity: 0;
    pointer-events: none;
}

button.plus_button {
    float: none;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    font-size: 12px !important;
}

#nav_box {
    padding: 15px 20px 0 0;
}

.inline_buttons {
    display: inline-block;
}

.app_kit_auth_contact_buttons button {
    clear: right;
    float: right;
    margin-bottom: 20px;
}

.delete_contact_button {
    background-color: red;
    float: right;
}

#add_contact_button_box button {
    float: none;
    margin: auto;
}

.contact_divider {
    background-color: dodgerblue;
    border: 0 solid transparent !important;
}

.primay_contact_class {
    width: 50%;
    clear: none !important;
}

.validation_message_box:empty {
    display: none;
}

#add_contact_button button {
    margin: 1em auto;
}

#required_uploads_box {
    position: absolute;
    left: 66%;
    right: 2px;
    height: 0;
    overflow: hidden;
    padding: 0 20px;
    z-index: 999999;
    background-color: rgb(255, 255, 255) !important;
}

#required_uploads_list {
    overflow: auto;
}

#required_uploads_heading {
    font-size: 22px;
    font-weight: 600;
}

#edit_pane_icon {
    float: right;
    color: white;
}

#edit_pane_icon button:hover {
    cursor: pointer;
}

#edit_pane_icon button.button_edit {
    font-size: xx-large;
    color: white;
    background-color: transparent;
}

thead th {
    border: none;
}

#cart_contents_list {
    max-height: 300px;
    overflow: auto;
}

#cart_add_payment_button {
    margin-top: 20px;
}

#jeff .invoice_line, .invoice_secondary_line {
    line-height: 20px;
    overflow: hidden;
}

.cart_column {
    display: inline-block;
}

.cart_action_buttons {
    white-space: nowrap;
    overflow-x: hidden;
    text-align: right;
}

.cart_action_buttons button {
    display: inline-block;
    float: none;
}

#cart_table .table_heading {
    font-weight: bold;
    text-decoration: underline;
    padding: 1px 8px;
}

#cart_table .table_heading.center {
    text-align: center;
}

#cart_table, .cart_total {
    font-weight: bold;
}

.icon_window_shadow {
    box-shadow: rgb(194, 210, 216) -1px 2px 4px 2px;
}

#cart_table_body {
    overflow-y: auto;
}

#empty_cart_message {
    padding: 10px 0px;
    text-align: center;
}

.opposable_elements {
    display: flex;
    justify-content: space-between;
}

#contact_bit {
    line-height: initial;
}

div.mfg_wrap {
    width: 100%;
}

div.omri_message_area *, div.mfg_info_area * {
}

div.omri_message_area {
    width: 98%;
    padding: 10px;
    background-color: rgb(153, 153, 153);
    display: block;
    clear: both;
}

div.message_area_inner {
    font-size: 20px;
}

div.message_dismiss {
}

div.message_dismiss a {
}

div.mfg_info_areas {
    display: block;
    overflow: hidden;
    margin: 0px !important;
}

div.mfg_header {
    display: block;
    clear: both;
    width: 100%;
    float: left;
}

div.mfg_header h2 {
}

div.public_contact_area {
    display: table-cell;
    width: 45%;
    height: auto;
    background-color: rgb(153, 153, 144);
}

div.public_contact_area p {
    font-size: 10px !important;
}

div.public_contact_area p strong {
    font-size: 10px !important;
}

div.public_contact_area p em {
    font-size: 10px !important;
}

div.auth_contact_edit_panel {
}

div.auth_contact_area {
    display: table-cell;
    width: 55%;
    height: auto;
    background-color: rgb(153, 153, 153);
}

div.auth_contact_area.expanded {
    display: table-cell;
    width: 85% !important;
}

div.public_contact_area.minimized {
    display: table-cell;
    width: 15% !important;
}

div.auth_contact_area p {
    font-size: 10px !important;
}

div.auth_contact_area p strong {
    font-size: 10px !important;
}

div.auth_contact_area p em {
    font-size: 10px !important;
}

#edit_contact_modal, #manufacturer_history_modal {
    display: block;
    z-index: 999999;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    position: fixed;
    border-radius: 10px;
    box-shadow: rgba(222, 222, 222, 0.28) 0px 0px 5px 10000px;
    opacity: 1;
    border: 2px solid rgb(76, 114, 29);
    height: 80% !important;
}

#edit_contact_heading {
    display: block;
    position: sticky;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 40px;
    font-size: x-large;
    padding-left: 16px;
    background-color: rgb(127, 159, 72);
    color: white;
}

#edit_contact_heading button {
    border-radius: 60%;
    border: 1px solid white;
    float: right;
}

.button_edit {
    float: right;
}

.text_input_array {
    width: 220px;
}

.text_input_array .field_wrap {
    clear: both;
}

.text_input_array button.line-item-delete {
    float: right;
}

#entire_screen {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

#duplicate_filename_modal_backdrop {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0.8;
    z-index: 99999;
    background-color: rgb(227, 236, 224) !important;
}

.add_communication_button {
    float: none;
}

.delete_communication_button {
    float: none;
    display: inline;
}

.delete_contact_address_button button {
    float: none;
    display: inline;
}

#add_contact_link {
    text-decoration: underline;
    font-weight: bold;
}

#add_contact_link:hover {
    cursor: pointer;
}

#primary_designation {
    margin: 10px 0;
}

.contact_modal_auto_complete_full_line {
    width: 100%;
}

.contact_modal_auto_complete_inline {
    display: inline-block;
    width: 80%;
}

.flex_label {
    display: inline-block;
    width: 20%;
}

#edit_contact_address_block {
    margin-bottom: 20px;
    margin-top: 10px;
}

div.react-phone-number-input {
    display: inline;
    margin-left: 10px;
}

.react-phone-number-input.valid-entry > input.react-phone-number-input__phone {
    background-color: rgb(233, 255, 196);
}

select.valid-entry {
    background-color: rgb(233, 255, 196);
}

input.valid-entry {
    background-color: rgb(233, 255, 196);
}

.edit_contact_country_combobox {
    display: inline-block;
    width: 150px;
}

.edit_contact_contry_code_input {
    margin-top: 16px;
    width: 50px !important;
}

.edit_contact_phone_number_input {
    width: 150px !important;
}

.edit_contact_line_item {
    margin: 5px;
    width: 90%;
}

.staff_notes, .location_notes {
    height: 7em;
    width: 100%;
}

.contact_staff_notes {
    margin: 10px 2%;
    width: 96%;
}

#location_notes_box {
    margin-top: 10px;
}

#staff_notes_box {
    margin-top: 10px;
}

div.add_contact_button_box button {
    margin: 0 auto 20px;
    float: left;
}

div.mfg_wrap div.public_contact_area button.button_edit {
    background-color: transparent;
    color: rgb(102, 102, 102);
    font-size: 20px !important;
    display: block !important;
    border: 0 !important;
}

#edit_contact_body {
    padding-bottom: 10px;
    overflow: auto;
    width: 100%;
}

#modal_body_wrap {
    padding: 0 0 35px 10px;
}

div.mfg_wrap div.public_contact_area button.button_delete {
    color: rgb(102, 102, 102);
}

#delete_contact_modal_wrapper {
    display: block;
    left: 0;
    top: 40%;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    z-index: 999998;
}

#delete_application_modal_wrapper, #generic_message_modal_wrapper, #magic_button_modal_wrapper {
    display: block;
    left: 0;
    top: 40%;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    z-index: 9999;
}

#delete_application_modal {
    background-color: white;
    border: 1px solid black;
    display: table;
    margin: auto;
    box-shadow: rgb(102, 102, 102) 0 0 20px !important;
}

#delete_application_modal div.nav_pane button {
    display: inline;
}

#delete_application_modal table {
    margin: 1em 0;
}

#delete_application_modal th {
    padding-right: 1px;
    text-align: center;
}

#generic_message_modal, #magic_button_modal {
    background-color: white;
    border: 1px solid black;
    display: table;
    margin: auto;
    box-shadow: rgb(102, 102, 102) 0 0 20px !important;
    padding: 30px;
    font-size: large;
    font-weight: 600;
}

#delete_contact_modal_body {
    padding: 20px 15px;
}

#delete_application_modal_body {
    padding: 20px 15px;
}

#php_error_box {
    background-color: white;
    border: 1px solid red;
    clear: both;
    padding: 20px;
}

#php_error_box:empty {
    display: none;
}

div.nav_button_box {
    display: inline-block;
}

div.nav_button_box button {
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    border-radius: 7px;
    background-color: rgb(76, 114, 29);
    font-size: 16px !important;
    color: rgb(255, 255, 255) !important;
    font-family: "Open Sans", sans-serif !important;
}

div.nav_button_box button.inactive, #ingredient-details-pane-view button.inactive_nav_button {
    background-color: rgb(153, 153, 153);
    opacity: 0.5;
}

#react_renewal_nav_buttons .inactive {
    background-color: rgb(153, 153, 153);
    opacity: 0.5;
}

div#edit_contact_communication_block button.plus_button {
    margin: 10px 5px 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    border-radius: 7px;
    background-color: rgb(76, 114, 29);
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

div#add_contact_button button.plus_button {
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    border-radius: 7px;
    background-color: rgb(76, 114, 29);
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

button#save_manufacturer_name_button {
    margin-left: auto;
    margin-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    border-radius: 7px;
    background-color: rgb(76, 114, 29);
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

button#cancel_manufacturer_name_button {
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    border-radius: 7px;
    background-color: rgb(76, 114, 29);
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

div#manufacturer_name_modal_buttons {
}

div#delete_contact_modal div.button_box button.nav_back {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    border-radius: 7px;
    background-color: rgb(76, 114, 29);
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

div#delete_contact_modal div.button_box button.nav_next {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    border-radius: 7px;
    background-color: rgb(76, 114, 29);
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

div#delete_contact_modal div.button_box {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
}

div.nav_pane button.nav_back, div.nav_pane button.nav_cancel {
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    border-radius: 7px;
    background-color: rgb(76, 114, 29);
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

div.nav_pane button.nav_next {
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    border-radius: 7px;
    background-color: rgb(76, 114, 29);
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

div.add_contact_button_box {
    width: 100%;
    clear: both;
    display: block;
    height: 50px;
}

div#shopping_cart_icon {
    float: right;
    width: 41px;
}

div#shopping_cart_icon:hover {
    cursor: default;
}

div.icon_bg_area {
    z-index: 999995;
    position: absolute;
    color: rgb(255, 255, 255) !important;
}

div.icon_number_area {
    z-index: 999996;
    position: relative;
    top: 0px;
    left: 15px;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    background-color: red !important;
    color: rgb(255, 255, 255) !important;
}

div#required_uploads_icon {
    float: right;
    width: 41px;
}

div#required_uploads_icon.disabled, div#required_uploads_icon.disabled * {
    pointer-events: none !important;
}

div#required_uploads_icon.disabled.hidden_icon .icon_bg_area {
    color: rgb(153, 153, 153) !important;
}

div#required_uploads_icon.hidden_icon .icon_number_area {
    background-color: transparent !important;
    color: transparent !important;
}

div#shopping_cart_icon.disabled, div#shopping_cart_icon.disabled * {
    pointer-events: none !important;
}

div#shopping_cart_icon.disabled.hidden_icon .icon_bg_area {
    color: rgb(153, 153, 153) !important;
}

div#shopping_cart_icon.hidden_icon .icon_number_area {
    background-color: transparent !important;
    color: transparent !important;
}

div.auth_mfg_line_item {
    display: block;
    clear: both;
    border-bottom: 1px solid rgb(255, 255, 255);
    padding: 5px;
    margin: 5px;
    height: 45px;
}

div.auth_mfg_line_item div.auth_mfg_company_name {
}

div.auth_mfg_line_item div.auth_mfg_company_name span {
    font-weight: normal;
    font-size: 18px !important;
    color: rgb(255, 255, 255) !important;
    padding: 0px !important;
}

div.auth_mfg_line_item div.auth_mfg_company_name a {
    font-weight: normal;
    font-size: 18px !important;
    color: rgb(255, 255, 255) !important;
}

div.auth_mfg_line_item div.auth_mfg_products_number {
    float: left;
    font-size: 12px;
}

div.auth_mfg_line_item div.auth_mfg_exp {
    display: none !important;
}

div.auth_mfg_line_item div.auth_mfg_renewal_state {
    display: none !important;
}

div.auth_mfg_line_item div.auth_mfg_icon_buttons {
    display: block;
    float: right;
    width: auto;
}

div.auth_mfg_line_item div.auth_mfg_icon_buttons div.icon_bg_area {
    width: 40px;
    text-align: center;
    display: block;
}

div.auth_mfg_line_item div.auth_mfg_icon_buttons a {
    color: rgb(255, 255, 255) !important;
}

div.auth_mfg_line_item.mfg_provisional_incomplete div.auth_mfg_warning_icon {
    display: block;
    color: rgb(255, 255, 255);
}

div.auth_mfg_line_item.mfg_provisional div.auth_mfg_warning_icon i {
    display: none;
    color: red;
}

div.auth_mfg_line_item.mfg_provisional_incomplete div.auth_mfg_warning_icon i {
    display: block;
    color: rgb(255, 255, 255);
    clip-path: circle(11px at 50% 50%);
    background: red;
}

button.delete_contact_button {
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    border-radius: 7px;
    background-color: red;
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

.auth_mfg_renewals_icon a {
    text-decoration: none !important;
}

div.auth_mfg_line_item.complete .auth_mfg_warning_icon {
    width: 41px;
    float: left;
    display: block;
    height: 42px;
    background-color: transparent;
    border-radius: 50%;
}

div.auth_mfg_warning_icon {
    width: 41px;
    float: left;
    display: block;
    height: 42px;
    background-color: transparent;
    border-radius: 50%;
}

div.auth_mfg_warning_icon i {
    vertical-align: middle;
    color: red;
    font-size: 26px !important;
    margin-top: 1px !important;
}

div.auth_mfg_warning_icon.disabled, div.auth_mfg_warning_icon.disabled * {
    pointer-events: none !important;
}

div.auth_mfg_warning_icon.disabled .icon_bg_area {
    color: rgb(153, 153, 153) !important;
}

div.auth_mfg_warning_icon.disabled .icon_number_area {
    background-color: transparent !important;
    color: transparent !important;
}

div.auth_mfg_contacts_icon {
    width: 41px;
    float: right;
    display: block;
    height: 42px;
}

div.auth_mfg_contacts_icon i {
    vertical-align: middle;
    font-size: 26px !important;
    margin-top: 1px !important;
}

div.auth_mfg_contacts_icon.disabled, div.auth_mfg_contacts_icon.disabled * {
    pointer-events: none !important;
}

div.auth_mfg_contacts_icon.disabled .icon_bg_area {
    color: rgb(153, 153, 153) !important;
}

div.auth_mfg_contacts_icon.disabled .icon_number_area {
    background-color: transparent !important;
    color: transparent !important;
}

div.auth_mfg_contacts_icon .icon_number_area {
    background-color: transparent !important;
    color: transparent !important;
}

div.auth_mfg_fee_payment_icon {
    width: 41px;
    float: right;
    display: block;
    height: 42px;
}

div.auth_mfg_fee_payment_icon i {
    vertical-align: middle;
    font-size: 26px !important;
    margin-top: 1px !important;
}

div.auth_mfg_fee_payment_icon.disabled, div.auth_mfg_fee_payment_icon.disabled * {
    pointer-events: none !important;
}

div.auth_mfg_fee_payment_icon.disabled .icon_bg_area {
    color: rgb(153, 153, 153) !important;
}

div.auth_mfg_fee_payment_icon.disabled .icon_number_area {
    background-color: transparent !important;
    color: transparent !important;
}

div.auth_mfg_fee_payment_icon .icon_number_area {
    background-color: transparent !important;
    color: transparent !important;
}

div.complete .auth_mfg_renewals_icon {
    width: 41px;
    float: right;
    display: block;
    height: 42px;
}

div.complete .auth_mfg_renewals_icon i {
    vertical-align: middle;
    font-size: 26px !important;
    margin-top: 1px !important;
}

div.complete .auth_mfg_renewals_icon.disabled, div.auth_mfg_renewals_icon.disabled * {
    pointer-events: none !important;
}

div.complete .auth_mfg_renewals_icon.disabled .icon_bg_area {
    color: rgb(153, 153, 153) !important;
}

div.complete .auth_mfg_renewals_icon.disabled .icon_number_area {
    background-color: transparent !important;
    color: transparent !important;
}

div.auth_mfg_line_item.complete .auth_mfg_warning_icon i {
    display: none !important;
}

.ghostly {
    display: none !important;
}

#edit_manufacturer_name_modal {
    display: table;
    position: fixed;
    z-index: 999999;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    margin: auto;
    width: 33%;
    background-color: rgb(255, 255, 255);
    border-radius: 0px !important;
    box-shadow: rgb(102, 102, 102) 0px 0px 20px !important;
    border: 1px solid rgb(0, 0, 0) !important;
}

#manufacturer_name_modal_buttons button {
    display: inline-block;
}

.phone_number_group {
    margin-right: 1em;
}

.delete_contact_heading {
    font-size: 20px;
    font-weight: 600;
}

#delete_contact_modal_body div.button_box button {
    float: none !important;
    display: inline-block !important;
}

#delete_contact_modal_body div.button_box {
    margin-bottom: 10px !important;
}

div#mfg_messaging_area {
}

div.msg_wrap {
    padding: 5px;
}

div.err_message {
    color: rgb(255, 0, 0);
    white-space: normal;
    clear: left;
    display: block;
    width: 98%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid rgb(255, 0, 0);
    border-radius: 5px;
    padding: 4px;
    background-color: rgb(255, 218, 218);
    margin-top: 10px;
}

div.err_message i {
    color: red;
    font-size: 14px;
}

div.warn_message {
    color: rgb(222, 144, 0);
    clear: left;
    display: block;
    width: 98%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid rgb(222, 144, 0);
    border-radius: 5px;
    padding: 4px;
    background-color: rgb(244, 245, 208);
    margin-top: 10px;
}

div.warn_message i {
    color: rgb(222, 144, 0);
    font-size: 14px;
}

div.err_message.c_name {
    display: none;
}

div.err_message.missing_public_contact {
    display: none;
}

div.err_message.missing_employee_contact {
    display: none;
}

div.err_message.missing_primary_contact {
    display: none;
}

div.warn_message.missing_alternate_contact {
    display: none;
}

div.err_message.invalid_contact {
    display: none;
}

div.err_message.c_name.throw_error {
    display: block;
}

div.err_message.missing_public_contact.throw_error {
    display: block;
}

div.err_message.missing_employee_contact.throw_error {
    display: block;
}

div.err_message.missing_primary_contact.throw_error {
    display: block;
}

div.err_message.invalid_contact.throw_error {
    display: block;
}

div.warn_message.missing_alternate_contact.throw_error {
    display: block;
}

div#mfg_messaging_area.required_complete {
    display: none !important;
}

.notes_field {
    white-space: pre-wrap;
}

#manufacturer_history_body {
    padding: 10px 0px 10px 10px;
    overflow-y: auto;
}

div.mfg_wrap div#manufacturer_history_modal div#modal_contact_heading h2 {
    width: 75% !important;
}

div#manufacturer_history_modal div#nav_pane_box {
    display: block;
    text-align: center;
}

div#renewal-container div#product_list_heading {
    font-size: 18px;
    font-weight: 600;
}

#left_arrow, #contact_box, #right_arrow {
    display: table-cell;
}

.invisible_content {
    visibility: hidden;
}

#update_contact_wrapper {
    display: flex;
    justify-content: space-between;
}

#left_arrow i, #right_arrow i {
    position: absolute;
    font-size: 72px;
}

#left_arrow.update_contacts, #right_arrow.update_contacts {
    margin-top: 200px;
}

#update_contact_indentifier_heading {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
}

div#left_arrow.disabled i, div#right_arrow.disabled i {
    opacity: 0.3;
    pointer-events: none;
}

#delete_contact_button {
    border-radius: 7px;
    background-color: red;
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

#contact_plus_button {
    background-color: rgb(76, 114, 29);
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

#update_contact_buttons {
    display: flex;
    justify-content: space-between;
}

#designate_primary_button {
    background-color: rgb(76, 114, 29);
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 7px;
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

#blue_menu_welcome_line {
    display: flex;
    justify-content: space-between;
}

#update_contacts_contact_type {
    text-align: center;
}

.contact_history_section {
    margin-bottom: 16px;
}

.mfg_list_toggle {
    cursor: pointer;
}

.mfg_list_toggle:hover {
    text-decoration: underline;
}

div#edit_contact_communication_block {
    margin-top: 10px;
}

div#edit_contact_communication_block button.line-item-delete {
    display: inline;
    margin-left: 8px;
}

div.mfg_wrap div#edit_contact_modal .do_not_clear_both {
    clear: none;
}

.contact_form_phone_divider {
    margin: 16px 0px 8px;
    width: 98% !important;
}

.uploading_files_list {
    clear: both;
    float: none;
    min-height: 24px;
    display: flex;
    justify-content: space-between;
}

div.file_dropzone .delete_button {
    font-size: 14px;
}

.file_selector_area {
    display: flex;
    justify-content: space-between;
}

.file_dropzone {
    display: inline-block;
    cursor: default;
    width: 60%;
    min-height: 94px;
    border: 1px solid black;
}

.file_drop_zone_progress_bar {
    height: 100%;
    background-color: darkgreen;
    position: absolute;
    z-index: -1;
}

.already_uploaded_file_list_box {
    display: inline-block;
    margin-left: 1%;
    width: 39%;
    min-height: 94px;
}

#jeff select.already_uploaded_file_list_selector {
    border: 0px;
    width: 100% !important;
}

#jeff div.already_uploaded_file_list_border {
    border: 1px solid rgb(102, 102, 102);
    border-radius: 5px;
    padding: 2px;
}

.highlight_dropzone {
    border: 1px solid green;
}

.file_upload_progress_wrapper {
    border: 1px solid dimgrey;
    display: inline-block;
    height: 16px;
    text-align: center;
    position: relative;
    width: 15%;
    color: white;
    padding-bottom: 4px;
    text-shadow: rgb(0, 0, 0) -1px -1px 0px, rgb(0, 0, 0) 1px -1px 0px, rgb(0, 0, 0) -1px 1px 0px, rgb(0, 0, 0) 1px 1px 0px;
}

.file_upload_message {
    display: inline-block;
    text-align: center;
    width: 15%;
}

.file_upload_filename {
    display: inline-block;
    width: 84%;
}

td.saved_application_table_data:hover {
    cursor: pointer;
}

td.saved_application_table_data.legacy_renewal:hover {
    cursor: default;
}

tr.saved_application_table_row {
    border-bottom: 2px solid transparent;
}

tr.saved_application_table_row:hover .saved_application_table_data {
    background-color: rgb(245, 245, 245);
}

td.application_delete_button_column {
    text-align: center;
}

table.list_of_saved_applications_table th:nth-child(1) {
    padding-left: 8px;
}

td.saved_application_table_data:nth-child(1) {
    border-radius: 8px 0px 0px 8px;
    padding-left: 8px;
}

td.saved_application_table_data:nth-child(4) {
    padding-right: 8px;
    width: 1%;
    text-align: center;
    border-radius: 0px 8px 8px 0px;
}

td.saved_application_table_delete_button {
    text-align: right;
}

#start_new_application_button_box {
    margin-top: 30px;
    text-align: center;
}

.text_not_selectable {
    user-select: none;
}

.duplicate_filename_modal {
    display: table;
    position: fixed;
    z-index: 999999;
    text-align: center;
    width: 33%;
    left: 33%;
    top: 33%;
    background-color: lightgoldenrodyellow;
    padding: 20px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 0px !important;
}

.app_kit_designate_primary_button {
    background-color: rgb(76, 114, 29);
    border-radius: 7px;
    color: white;
    padding: 4px 8px;
    border: 0px;
}

#jeff .locations_addresses button.react_delete_button {
    float: right;
}

#jeff .ingredient_spacer button.react_delete_button {
    float: right;
}

#jeff div.react_manufacturer_supplier input.manufacturer_name {
    border: 1px solid rgb(102, 102, 102);
}

#jeff .cancel_button {
    background-color: rgb(176, 196, 222);
    border-radius: 7px;
    padding: 1px 4px;
    border: 1px solid rgb(119, 136, 153) !important;
}

#jeff .category_array_box {
    clear: both;
    float: none;
}

#jeff .category_array_box_button {
    margin-top: 1em;
}

#new-product-application-standard-use-class-pane-view .react_delete_button {
    margin-left: 8px;
}

#new-product-application-standard-use-class-pane-view .plus_button {
    margin: 8px 5px;
}

#jeff .formulated_subingredient_manufacturer_name {
    margin-bottom: 10px;
}

#jeff .repackaged_product_company_name {
    padding-bottom: 8px;
}

#jeff #countries-pane-view .plus_button {
    margin-top: 8px;
}

#application_box_heading_and_button, #renewal_box_heading_and_button, #change_box_heading_and_button {
    display: flex;
    justify-content: space-between;
}

#application_box_heading_and_button h3, #renewal_box_heading_and_button h3, #change_box_heading_and_button h3 {
    margin: 0px;
}

#start_new_application_button, #start_renewal_button, #renewal_invoice_button,
#report_change_button, #ingredient_export_button {
    display: block;
    margin: 12px 0 0;
    font-size: 16px !important;
    font-family: "Open Sans", sans-serif !important;
}

.location_divider_hr {
    height: 1px;
    background-color: rgb(0, 101, 164);
    margin-top: 20px;
    width: 100%;
    display: table !important;
}

.yellow_exclamation_point {
    color: orange;
    text-align: center;
}

.add_selected_files_button {
    background-color: rgb(76, 114, 29);
    border-radius: 7px;
    border: transparent;
    color: white;
    margin-top: 1px;
    padding: 2px 7px;
}

.dropzone_drag_and_drop_directions {
    color: grey;
    font-weight: 600;
    font-size: 16px;
    padding: 0px 50px;
}

.center_text_horizontal_and_vertical {
    display: flex;
    align-items: center;
    text-align: center;
}

.download_uploaded_file_button {
    color: black;
    cursor: default;
}

#jeff .repack_original_product_labels {
    text-align: right;
    padding-right: 1em;
    font-weight: 600;
    vertical-align: top;
    white-space: nowrap;
}

#jeff .category_component_single_category {
    margin-top: 4px;
}

#jeff .category_delete_button {
    margin-left: 1em;
}

#jeff .brand_description_button {
    margin-top: 1em;
}

.formulation_builder div.floaty_box {
    position: absolute;
    width: 300px;
    height: 300px;
    display: block;
    top: 0px;
    right: 0px;
}

#jeff .fullscreen {
    display: block !important;
    height: 100% !important;
    width: 100% !important;
    top: 0px !important;
    left: 0px !important;
    padding: 0px !important;
}

div.top_level_ingredient {
    margin-left: 0px;
    min-height: 28px;
}

div.child_level_ingredient {
    margin-left: 40px;
}

.ingredient, .formulated_ingredient_formulation_label {
    margin-top: 1px;
}

.top_level_ingredient.ingredient.generic_ingredient {
    padding: 6px 0px;
}

div.grandchild_level_ingredient {
    margin-left: 80px;
}

div.formulation_builder_outline div.ingredient_selector_target {
    margin: -5px;
    background-color: rgb(204, 204, 204);
    border: 1px dotted rgb(0, 0, 0);
    font-size: 14px;
    padding: 2px;
}

div.formulation_builder_outline div.generic_name {
    font-style: italic;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    font-size: 14px !important;
    text-align: left;
}

div.formulation_builder_outline div.generic_name.bolded {
    font-weight: bold;

}

div.formulation_builder_outline div.brand_name {
    clear: left;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px !important;
    text-align: left;
}

div.formulation_builder_outline div.manufacturerName {
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size: 10px !important;
    text-align: left;
}

div.formulation_builder_outline div.supplierName {
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size: 10px !important;
    text-align: left;
}

div.formulation_builder_outline div.water {
    background-color: rgb(154, 221, 198);
    font-weight: bold;
    font-size: 15px !important;
}

div.formulation_builder_outline div.formulation_percent {
    float: right;
    display: block;
    font-size: 11px;
    font-weight: normal !important;
}

div.formulation_builder_outline div.formulation_percent input::placeholder {
    color: red;
    font-weight: bold;
}

div.formulation_builder_outline div.formulation_percent input.outline_ingredient_percent {
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent !important;
    font-size: 14px !important;
    text-align: right !important;
    border-width: 0px 0px 1px !important;
    border-top-style: initial !important;
    border-right-style: initial !important;
    border-left-style: initial !important;
    border-top-color: initial !important;
    border-right-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(0, 0, 0) !important;
    width: 65px !important;
    border-radius: 0px !important;
}

div.formulation_builder_outline div.formulation_function b {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px !important;
}

div.formulation_builder_outline div.formulation_function input.outline_ingredient_function {
    font-size: 12px !important;
    border-width: 0px 0px 1px !important;
    border-top-style: initial !important;
    border-right-style: initial !important;
    border-left-style: initial !important;
    border-top-color: initial !important;
    border-right-color: initial !important;
    border-left-color: initial !important;
    border-image: initial !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(0, 0, 0) !important;
    border-radius: 0px !important;
}

#jeff #ingredient_area div.ingredient_box {
    display: inline-block;
    border: 2px solid rgb(150, 171, 126);
    cursor: default;
    margin: 5px;
    background-color: rgb(242, 255, 228);
    vertical-align: middle;
    min-height: 105px;
}

#jeff #ingredient_area div.ingredient_box:hover {
    background-color: rgb(150, 201, 153);
    border: 2px solid rgb(49, 140, 55) !important;
}

div.ingredient_box.formulated div.generic_name::after {
    content: "\a Formulated Ingredient";
    white-space: pre;
}

.formulation_builder_outline .generic_name i {
    margin-left: 0.5em;
}

div#ingredient_area div.generic_name {
    font-size: 15px;
    font-weight: bold;
}

div#ingredient_area div.brand_name {
    font-size: 12px;
    font-style: italic;
    max-width: 200px;
}

div#ingredient_area div.ingredient_manufacturer {
    font-size: 10px;
    text-transform: uppercase;
}

div#ingredient_area div.ingredient_supplier {
    font-size: 10px;
    text-transform: uppercase;
}

div.formulation_builder_outline div.ingredient_selector_dropzone {
    display: block;
    background-color: rgb(153, 153, 153);
    margin: -5px;
    padding: 5px;
    font-size: 12px;
    border: 1px dotted rgb(153, 153, 144);
}

div#build-formulation-pane-view {
}

div#build-formulation-pane-view .formulation_builder_outline {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 600px;
    width: 33vw;
}

.folder_stuff h3 {
    display: inline-block;
}

#jeff .node text {
    font-size: 12px;
}

#jeff .node text:hover {
    cursor: default;
}

#jeff .clickable_ingredient_link {
    font-size: 12px;
}

#jeff .clickable_ingredient_link:hover {
    text-decoration: underline;
}

.minified_manufacturer_name {
    display: inline-block;
    width: 50%;
    height: auto !important;
}

div.content_area .minified_manufacturer_name h1 {
    height: 28px;
    overflow: hidden;
    font-size: 22px !important;
}

.minified_breadcrumbs {
    display: inline-block;
    width: 50%;
    margin-right: 5px;
}

hr.application_export {
    border: 2px solid black;
}

h1.application_export {
    color: darkgreen;
    text-decoration: underline;
}

.timeout_message_modal {
    display: table;
    position: fixed;
    z-index: 999999;
    text-align: center;
    width: 33%;
    left: 33%;
    top: 33%;
    background-color: lightgoldenrodyellow;
    padding: 20px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 0px !important;
}

#timeout_message_modal_button_box {
    margin: 1em 0px;
}

#timeout_message_modal_button {
    padding: 4px 16px;
    border-radius: 7px;
    background-color: rgb(76, 114, 29);
    font-size: 16px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
    font-family: "Open Sans", sans-serif !important;
}

#supplier_agreement_heading {
    display: flex;
    justify-content: space-between;
}

#supplier_agreement_heading h1 {
    color: black !important;
    font-weight: 900 !important;
}

#supplier_agreement_confidential_box {
    text-align: center;
}

#supplier_agreement_confidential {
    border: 3px solid black;
    display: inline-block;
    padding: 2px;
    font-weight: 900;
}

td.supplier_agreement_outline_label {
    vertical-align: top;
    padding-right: 20px;
}

#supplier_agreement_signature_box {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
}

#supplier_agreement_applicant_box {
    margin-bottom: 0.5em;
    text-align: right;
}

#supplier_agreement_intro {
    margin: 1em 0px;
}

#jeff input.field.invalid-entry.highlighted {
    border-color: red;
}

.tree_top_level_ingredient_details {
    position: fixed;
    display: block;
    border: 1px solid black;
    padding: 10px;
    cursor: default;
    overflow-x: hidden;
    z-index: 1;
    max-width: 400px;
}

.tree_top_level_ingredient_details div {
    display: block;
}

.tree_percent_input {
    width: 3em;
}

.tree_top_level_ingredient_button_box {
    margin-top: 10px;
    text-align: center;
}

.tree_top_level_ingredient_button {
    padding: 3px 12px;
    border-radius: 7px;
    background-color: rgb(76, 114, 29);
    font-size: 12px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
    font-family: "Open Sans", sans-serif !important;
}

#jeff .node text.tree_top_level_ingredient_text {
    font-size: 14px;
    font-weight: 600;
}

#jeff input[type="text"].invalid-entry.highlight, #edit_contact_modal input[type="text"].invalid-entry.highlight, .generic_modal_wrapper input[type="text"].invalid-entry.highlight {
    border-color: red;
}

#jeff select.invalid-entry.highlight, #edit_contact_modal select.invalid-entry.highlight, .generic_modal_wrapper select.invalid-entry.highlight {
    border-color: red;
}

#jeff textarea.invalid-entry.highlight {
    border-color: red;
}

#jeff .formulation_overview_block {
    border-radius: 10px;
    display: inline-block;
    background-color: rgb(245, 245, 245);
    border: 1px solid lightgrey;
    padding: 10px;
    margin: 10px;
}

#jeff .formulation_overview_block:hover {
    background-color: rgb(245, 245, 245);
    border: 1px solid lightgrey;
}

.doughnut_box {
    margin: 4px 0px;
    text-align: center;
}

.doughnut_wrapper {
    display: inline-block;
}

.formulation_tree_or_outline {
    display: inline-block;
    vertical-align: top;
}

#formulation_tree_or_outline_wrapper {
    display: inline-block;
}

.ingredient_box .ingredient_options {
    text-align: center;
}

.ingredient_box .ingredient_options.fa-times {
    padding-bottom: 0.5em;
}

.ingredient_options button.plus_button {
    display: inline-block;
}

#formulation_overview_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.formulation_overview_block h2 {
    white-space: nowrap;
}

.add_ingredient_inner_wrap {
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 6px;
}

.add_ingredient_inner_wrap i {
    font-size: 18px;
    font-weight: 900;
}

#formulation-overview-pane-view {
    display: inline-block;
    min-width: 100%;
}

#formulation-overview-pane-view h1 {
    text-align: center;
}

.formulation_tree_or_outline.tree_view {
    padding-left: 10px;
}

#ingredient_list_boxes_bottom {
    margin-top: 4px;
}

.empty_formulation_instructions {
    margin: 0px 0px 10px 10px;
    max-width: 300px;
}

.no_formulations_initial_message {
    padding: 0px 20px;
}

.formulation_overview_block {
    text-align: center;
}

#delete_formulation_modal {
    display: table;
    position: fixed;
    z-index: 999999;
    text-align: center;
    left: 33%;
    top: 40%;
    width: 33%;
    background-color: lightgoldenrodyellow;
    padding: 20px;
    box-shadow: rgba(222, 222, 222, 0.28) 0px 0px 5px 10000px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 0px !important;
}

#delete_formulation_modal_buttons {
    margin-top: 0.5em;
}

.react_button {
    margin: 1px 5px;
    padding: 5px 6px;
    border-radius: 7px;
    font-size: 12px !important;
    border: 1px solid transparent;
    transition: background-color 0.3s, color 0.3s, opacity 0.3s, border-color 0.3s;
}

.react_button.green {
    background-color: rgb(76, 114, 29);
    color: rgb(255, 255, 255) !important;
}

.react_button.nav {
    padding-left: 10px;
    padding-right: 10px;
}

.react_button.green:hover {
    background-color: rgb(96, 134, 49);
    transition: 0.3s;
    border: 1px solid rgb(85, 107, 47);
}

.react_button.green.nav:hover {
    border: 1px solid #fff;
}

.react_button.green.inactive {
    background-color: rgb(153, 153, 153);
}

#q_pane_area_wrap .ingredient_list_header .react_delete_button {
    font-size: 12px;
}

.ingredient_group_section {
    display: inline-block;
    margin: 4px;
    min-width: 1em;
    vertical-align: middle;
}

.ingredient_group_section i {
    font-size: 24px;
}

div#formulation-overview-pane-view div.manufacturerName, div#formulation-overview-pane-view div.supplierName {
    text-align: left !important;
}

.formulated_ingredient_formulation_label {
    background-color: transparent !important;
}

.known_hnlf_locations, .enter_new_manufacturing_location {
    margin-top: 20px;
}

.known_hnlf_location_box {
    display: flex;
}

.known_hnlf_location_checkbox {
    font-weight: 600;
    margin-bottom: auto;
    margin-top: auto;
    text-align: center;
}

.known_hnlf_location_checkbox input[type="checkbox"] {
    margin-left: 30px;
    transform: scale(1.5);
}

.known_hnlf_location_address_line b {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    width: 150px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

.manufacturing_location_address_checkboxes {
    display: block;
}

.manufacturing_location_address_checkboxes strong {
    display: block;
    margin-bottom: 10px;
}

.add_ingredient_placeholder {
    cursor: default;
    text-align: center;
    border: 1px dashed rgb(138, 138, 138);
    color: rgb(138, 138, 138);
    font-weight: 100;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 1px;
}

.add_ingredient_placeholder:hover {
    background-color: rgb(220, 220, 220);
}

#arrow_pane_wrapper {
    display: flex;
    justify-content: space-between;
}

.arrow_pane_buttons {
    font-size: 32px;
}

.arrow_pane_left_box {
    padding-right: 20px;
}

.arrow_pane_right_box {
    padding-left: 20px;
}

.arrow_pane_middle_box {
    width: 100%;
}

.renewal_invoice_modal {
    position: fixed;
    z-index: 999999;
    top: 20%;
    left: 5%;
    width: 90%;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    border: 2px solid rgb(76, 114, 29);
    border-collapse: collapse;
}

.renewal_invoice_modal_body {
    height: 50vh;
    margin-top: 32px;
    padding: 20px;
    overflow: auto;
}

.renewal_invoice_modal_header {
    background-color: rgb(76, 114, 29);
    border-radius: 8px 8px 0px 0px;
    color: white;
    font-size: 24px;
    padding: 0 0 4px 0;
    position: fixed;
    display: flex;
    justify-content: space-between;
    height: 32px;
    width: 90%;
}

.renewal_invoice_modal_header span {
    margin-left: 10px;
}

.renewal_invoice_modal_header button {
    margin: 3px 6px 0px 0px;
}

.ingredient_group_button_section {
    border-bottom-right-radius: 5px;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: rgb(150, 171, 126);
    height: 20px;
    display: inline-block;
    padding-right: 4px;
}

.ingredient_box:hover .ingredient_group_button_section {
    background-color: rgb(49, 140, 55);
}

.ingredient_group_button_section i {
    color: rgb(255, 255, 255);
}

.builder_add_ingredient_button_box, .builder_delete_ingredient_button_box, .builder_edit_ingredient_button_box {
    float: left;
    height: 20px;
    width: 20px;
    text-align: center;
}

div.formulation_help_wrapper {
    width: 33%;
    background-color: lightgoldenrodyellow;
    position: absolute;
    z-index: 9999999;
}

div.formulation_help_wrapper.ingredient_view {
    right: 0 !important;
}

.formulation_help_box {
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid #ababab;
    padding: 10px;
}

.formulation_help_header {
    text-align: center;
}

div#formulation_builder_help {
}

div#formulation_builder_help > div {
    margin-top: 0px;
}

div.formulation_and_ingredient_help {
    margin-top: 0px;
}

div.formulation_and_ingredient_help p {
    margin-left: 5px;
}

div#ingredient_help_header {
    padding: 5px 0px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    background-color: rgb(0, 101, 164) !important;
}

div#ingredient_help_header h1 {
    padding-left: 5px;
    margin: 0px !important;
    color: rgb(255, 255, 255) !important;
    font-weight: 300 !important;
}

div.formulation_overview_help_wrapper p {
    margin-left: 5px;
}

div.ingredient_group_section_water {
    display: inline-block;
    cursor: default;
    margin: 5px;
    vertical-align: middle;
    min-height: 105px;
    border: 2px solid rgb(64, 140, 187) !important;
    background-color: rgb(221, 242, 252) !important;
}

div.ingredient_group_section_impurity {
    display: inline-block;
    cursor: default;
    margin: 5px;
    vertical-align: middle;
    min-height: 105px;
    border: 2px solid rgb(64, 140, 187) !important;
    background-color: rgb(238, 232, 170) !important;
}

div.ingredient_group_section_water:hover {
    border: 2px solid rgb(64, 140, 187) !important;
    background-color: rgb(221, 242, 252) !important;
}

#formulation-overview-pane-view .overview_empty_formulation {
    margin-top: 20px;
}

.formulation_builder_outline .manufacturer_name {
    text-align: left;
    font-size: 10px;
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
}

.formulation_builder_outline .supplier_name {
    text-align: left;
    font-size: 10px;
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
}

div.formulationName {
    font-size: 10px;
    font-weight: 100;
    text-transform: uppercase;
    background-color: transparent !important;
}

#formulation_builder_body {
    overflow: auto;
}

#applications_container table, #table_cart table {
    border-collapse: collapse;
}

.formulation_function {
    text-align: left;
    padding-bottom: 5px;
    clear: both;
}

.formulation_reaction_label h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

.formulations_reactions b {
    font-size: 14px;
    font-weight: normal;
    margin: 10px;
}

div#delete_cart_item_modal div.user_caution_modal_text div {
    text-align: left;
}

.file_upload_complete_check {
    color: rgb(76, 114, 29);
    font-size: 16px;
}

.required_stuff_loading {
    display: flex;
    font-size: 32px;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#react_api_loading_indicator {
    display: inline-block;
    margin-left: 10px;
    position: absolute;
}

.fountainG {
    position: absolute;
    background-color: rgb(0, 101, 164);
    top: 8px;
    width: 10px;
    height: 10px;
    animation-name: bounce_fountainG;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    transform: scale(0.3);
    border-radius: 19px;
}

#fountainG_1 {
    left: 0px;
    animation-delay: 0.6s;
}

#fountainG_2 {
    left: 12px;
    animation-delay: 0.75s;
}

#fountainG_3 {
    left: 24px;
    animation-delay: 0.9s;
}

#fountainG_4 {
    left: 36px;
    animation-delay: 1.05s;
}

#fountainG_5 {
    left: 48px;
    animation-delay: 1.2s;
}

#fountainG_6 {
    left: 60px;
    animation-delay: 1.35s;
}

.hnlf_pane_address_block {
    display: flex;
    justify-content: center;
    margin: 40px 0px;
}

li.hnlf_location_upload_list {
    margin-bottom: 20px;
}

.opaque {
    opacity: 0.3;
}

.brand_list_or_product_selector {
    margin-bottom: 20px;
}

.brand_list_or_product_selector .plus_button {
    margin-top: 10px;
}

.ingredient_sort_buttons i {
    color: rgb(100, 149, 237);
}

.ingredient_sort_buttons i:hover {
    color: white;
}

.ingredient_sort_buttons i.active_sort {
    color: white;
}

div.preapp_exp_icon {
    width: 41px;
    float: left;
    display: block;
    height: 42px;
}

div.preapp_exp_icon i {
    vertical-align: middle;
    font-size: 26px !important;
    margin-top: 1px !important;
}

div.preapp_exp_icon.disabled, div.preapp_exp_icon.disabled * {
    pointer-events: none !important;
}

div.preapp_exp_icon.disabled .icon_bg_area {
    color: rgb(153, 153, 153) !important;
}

div.preapp_exp_icon.disabled .icon_number_area {
    background-color: transparent !important;
    color: transparent !important;
}

div.preapp_exp_icon .icon_number_area {
    background-color: transparent !important;
    color: transparent !important;
}

.formulation_reaction_label {
    margin-top: 4px;
}

.formulation_finished_step_button {
    text-align: center;
}

#jeff #formulation_name input[type="text"] {
    background-color: transparent;
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-bottom-style: solid;
    border-bottom-color: rgb(100, 149, 237);
    border-radius: 0px;
    color: white !important;
    font-size: 24px !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
}

#jeff .ingredient_sort_buttons i {
    display: inline-block;
    margin: 5px;
    font-size: 12px;
}

#jeff #formulation_name input[type="text"]::placeholder {
    color: rgb(100, 149, 237);
    font-style: italic;
}

.ingredient_level1 .brand_name {
    padding-top: 5px;
}

.required_upload_list_item {
    cursor: default;
}

.formulation_overview_text {
    clear: both;
    padding: 0px 20px;
}

.tree_percent_input[type="text"] {
    width: 50px !important;
}

.tree_top_level_ingredient_percent {
    height: 30px;
    margin-top: 4px;
}

b.formulation_tree_editor_label {
    font-weight: 500;
}

.generic_modal {
    background-color: white;
    border: 1px solid rgb(0, 0, 0);
    left: 33%;
    top: 30%;
    width: 33%;
    position: fixed;
    box-shadow: rgb(102, 102, 102) 0px 0px 20px;
    z-index: 999999;
    border-radius: 0px !important;
}

.generic_modal_body {
    padding: 20px;
}

.generic_modal input:focus {
    border-color: rgb(0, 204, 0);
    outline: none;
}

.generic_modal_heading {
    background-color: rgb(0, 101, 164);
    color: white;
    font-size: 22px;
    padding: 10px 0px;
    text-align: center;
    width: 100%;
}

.generic_modal_button {
    background-color: rgb(74, 74, 74);
    padding: 10px 0px;
    text-align: center;
    width: 100%;
}

.generic_modal .no_bullet_list ul {
    list-style-type: none;
}

.new_formulation_modal_list ul {
    list-style-type: none;
    margin-top: 10px;
}

.pay_no_attention_to_the_man_behind_the_curtain {
    background-color: white;
    opacity: 0.2;
    position: fixed;
    z-index: 10000;
}

.multi_brand_slider {
    height: 0px;
    overflow: hidden;
    width: 0px;
}

.multi_brand_slider ul {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.ingredient_box.open {
    animation-name: ingredient_box_shadow;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
}

@keyframes ingredient_box_shadow {
    0% {
        box-shadow: 2px 2px 0 1px rgba(60, 60, 60, 0.1);
    }
    50% {
        box-shadow: 2px 2px 0 2px rgba(60, 60, 60, 0.2);
    }
    100% {
        box-shadow: 2px 2px 0 3px rgba(60, 60, 60, 0.3);
    }
}

.ingredient_box.close {
    animation-name: ingredient_box_shadow;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-direction: reverse;
    animation-fill-mode: forwards;
}

.multi_brand_selector_buttons {
    text-align: center;
}

.ingredient_box_clone:hover {
    display: inline-block;
    border: 2px solid rgb(150, 171, 126) !important;
    background-color: rgb(242, 255, 228) !important;
}

.multi_brand_slider li:hover {
    font-weight: bold;
}

div.ingredient_box.already_used_ingredient {
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
    min-height: 105px;
    border: 2px solid rgb(153, 153, 153) !important;
    background-color: rgb(185, 191, 190) !important;
}

div.ingredient_box:hover.already_used_ingredient:hover {
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
    min-height: 105px;
    border: 2px solid rgb(153, 153, 153) !important;
    background-color: rgb(185, 191, 190) !important;
}

div.ingredient_box.already_used_ingredient .ingredient_group_button_section {
    border-bottom-right-radius: 5px;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: rgb(153, 153, 153);
    height: 20px;
    width: 65px;
}

div.ingredient_box.already_used_ingredient .builder_add_ingredient_button_box, .builder_delete_ingredient_button_box.used_in_another_application {
    cursor: not-allowed !important;
}

#jeff button.inactive {
    background-color: rgb(153, 153, 153);
    transition: 0.3s;
    border: 1px solid transparent !important;
}

#jeff button.inactive_formulation_button {
    background-color: rgb(153, 153, 153);
    transition: 0.3s;
    border: 1px solid transparent !important;
}

#jeff button.inactive_formulation_button:hover {
    background-color: rgba(153, 153, 153, 0.8);
    transition: 0.3s;
    border: 1px solid transparent !important;
}

#jeff button.inactive_nav_button {
    background-color: rgb(153, 153, 153);
    transition: 0.3s;
    border: 1px solid transparent !important;
}

#jeff #q_pane_area_wrap button.react_delete_button {
    margin: 1px 5px;
    padding: 5px 6px;
}

div#table_cart button.react_delete_button {
    font-size: 11px;
    padding: 0px 6px !important;
}

.react_how_to_helper {
    position: absolute;
    max-width: 200px;
    z-index: 9999;
    transition: 0.3s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 5px 5px;
}

.react_how_to_body {
    float: left;
    width: 186px;
    border: 2px solid rgb(255, 140, 0);
    background-color: rgb(255, 255, 255);
    display: flex;
}

.react_how_to_body span {
    margin: 5px;
    font-size: 12px;
}

.react_how_to_pointer {
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(255, 140, 0);
    float: right;
}

.ingredient_box.adding_ingredient {
    background-color: lightcyan !important;
}

.ingredients_not_loaded_message {
    padding: 20px 0px;
}

#invisible_mfg_box {
    visibility: hidden;
}

div.mfg_wrap div#edit_contact_modal.renewal_invoice_estimate_modal {
    max-width: unset !important;
    width: 80% !important;
}

#q_pane_area.locked #update-contacts-pane-view button {
    pointer-events: none;
}

.view_submission_fieldValues {
    font-size: 10px;
}

#react_invoice_table:not(.delete_cart_item_modal) tr.painted_line_item {
    background-color: #efefef;
}

#shopping_cart_box .painted_cart_row, #cart_table .painted_cart_row {
    background: rgba(214, 230, 186, 0.54);
}

#shopping_cart_box .cart_item_divider, #cart_table .cart_item_divider {
    border-top: 1px solid rgba(76, 114, 29, 0.6);
}

#shopping_cart_box button.react_delete_button, #cart_table button.react_delete_button {
    margin: 1px;
}

#cart_table thead tr {
    border-bottom: 1px solid transparent;
}

#cart_table td {
    vertical-align: top;
    font-size: 11px;
}

#submission_viewer_modal {
    background-color: white;
    border: 1px solid black;
    bottom: 15%;
    left: 15%;
    position: fixed;
    right: 15%;
    top: 15%;
    z-index: 9999;
}

#submission_viewer_modal_heading {
    background-color: rgb(0, 101, 164);
    color: white;
    display: flex;
    font-size: 24px;
    justify-content: space-between;
    width: 100%;
}

#submission_viewer_modal_heading div {
    display: inline-block;
    padding: 10px;
}

#submission_view_modal_body {
    left: 15%;
    padding: 0 10px;
    position: fixed;
    right: 15%;
    overflow: auto;
}

#submission_view_modal_body input {
    pointer-events: none;
}

#submission_view_modal_button_box {
    background-color: rgb(74, 74, 74);
    bottom: 15%;
    display: flex;
    justify-content: space-between;
    left: 15%;
    padding: 10px;
    position: fixed;
    right: 15%;
}

#submission_view_modal_button {
    display: inline-block;
}

#jeff .regulatory_definition {
    font-style: italic;
}

.react_button.big {
    font-size: 20px !important;
}

#cart_table_body .react_delete_button {
    margin-top: 1px;
}

body.page-admin th#hidden_action_column {
    display: none !important;
}

body.page-admin table {
    margin: 0px;
}

body.page-admin #table_cart td {
    padding: 3px;
}

body.page-admin #table_cart th#hidden_amount_thead {
    border-right: 1px solid #bebfb9;
}

body.page-admin #table_cart th#hidden_amount_thead.line-up-the-money {
    padding-right: 3px;
}

body.page-admin #table_cart td:empty {
    padding: 0px;
}

body.page-admin #table_cart {
    padding: 0px !important;
}

.flex_space_between {
    display: flex;
    justify-content: space-between;
}

#cart-form-buttons {
    border: solid 0px #bbb;
    margin: .5em 0em;
    text-align: right;
    border-top: 0px solid #bbb;
}

.order-review-table .pane-title-row {
    background-color: transparent;
    border: 0px solid rgba(76, 114, 29, 0.6);
    font-weight: bold;
    padding: .5em 1em;
    text-align: left;
}

.order-review-table .review-button-row {
    background-color: #fff;
    border: solid 0px #999;
    text-align: right;
}

.ingredient_header button, .ingredient_header h3 {
    display: inline-block;
}

.ingredient_group_folder {
    cursor: default;
    float: left;
    margin: 5px;
}

.ingredient_group_folder_stuff.tab {
    background-color: lightgoldenrodyellow;
    border-left: 2px solid rgb(150, 171, 126);
    border-right: 2px solid rgb(150, 171, 126);
    border-top: 2px solid rgb(150, 171, 126);
    border-radius: 8px 8px 0 0;
    display: inline-block;
    height: 0;
    padding: 4px;
    width: 20%;
    z-index: 1;
}

.ingredient_group_folder_stuff.body {
    align-items: center;
    background-color: lightgoldenrodyellow;
    border: 2px solid rgb(150, 171, 126);
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 85px;
    margin-top: -2px;
    padding: 4px;
    min-width: 80px;
}

.add_collection_to_formulation_body {
    background-color: lightgoldenrodyellow;
    border: 2px solid rgb(150, 171, 126);
    height: 85px;
    margin-top: -2px;
    padding: 4px;
    min-width: 80px;
}

.add_collection_to_formulation_text {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    justify-content: center;
    height: 85px;
}

#jeff #ingredient_area div.ingredient_group_folder:hover > .ingredient_group_folder_stuff {
    background-color: gold;
}

.saving_message_wrap {
    background-color: transparent;
    height: 100%;
    position: relative;
    width: 100%;
}

.saving_message_overlay {
    background-color: #000000;
    color: white;
    height: 100%;
    opacity: 0.7;
    position:absolute;
    width: 100%;
}

.saving_message {
    font-size: 24px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 100%;
}

/* RENEWAL INVOICE  */

div.renewal_invoice_title {
    display: block;
    float: right;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

div.renewal_customer_info {
    display: block;
    float: right;
    width: 45%;
    margin-left: 5%;
    clear: both;
}

div.renewal_invoice_details {
    display: block;
    font-size: 12px;
    border: 1px solid #bbb;
    padding: 3px;
}

div.renewal_invoice_details div.renewal_invoice_date div:first-of-type {
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 3px;
}

div.renewal_invoice_details div.renewal_invoice_number div:first-of-type {
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 3px;
}

div.renewal_invoice_details div.renewal_invoice_information div:first-of-type {
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 3px;
}

div.renewal_invoice_details div.renewal_invoice_mfg_code div:first-of-type {
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 3px;
}

div.renewal_invoice_details div.renewal_invoice_cycle div:first-of-type {
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 3px;
}

div.renewal_invoice_bill_to_box div.renewal_invoice_information div:first-of-type {
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 3px;
}

div.renewal_invoice_omri_box {
    display: block;
    float: left;
    font-size: 14px;
    width: 50%;
}

div.renewal_invoice_omri_box div.renewal_invoice_omri_name {
    font-weight: bold;
    font-size: 18px;
}

div.renewal_invoice_omri_box div.renewal_invoice_tax_id {
    font-weight: bold;
}

div.renewal_invoice_omri_box div.renewal_invoice_address_box {
    font-weight: normal;
    display: block;
    width: 50%;
    float: left;
}

div.renewal_invoice_omri_box div.renewal_invoice_contact_box {
    font-style: italic;
    display: block;
    width: 50%;
    float: right;
}

div.renewal_invoice_due_box {
    display: block;
    float: left;
    clear: both;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    width: 50%;
}

div.renewal_invoice_due_box div:first-of-type {
    margin-right: 3px;
}

div.renewal_invoice_due_box div {
    display: block;
    float: left;
}

div.renewal_invoice_bill_to_box {
    display: block;
    clear: both;
    font-size: 12px;
    border: 1px solid #bbb;
    padding: 3px;
}

div.renewal_invoice_bill_to_box div.bill_to_label {
    font-weight: bold;
    display: block;
    clear: both;
}

table#react_invoice_table.table-cells-were-too-wide.table-indent {
    margin: 0;
    width: 100%;
}

table#react_invoice_table tbody {
    font-size: 11px;
}

/* END RENEWAL INVOICE */

/**    BEGIN  PRIVACY  POLICY COOKIE CHANGES   **/

div.privacy_warning_wrap {
    display: block;
    position: fixed;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    margin: -8px;
    width: 96%;
    padding: 2%;
}

div.privacy_warning_statement {
    font-size: 13px;
    color: #ffffff;
    float: left;
}

div.privacy_warning_statement a {
    font-size: 13px;
    color: #ffffff;
    cursor: pointer !important;
}

div.privacy_warning_button {
    display: block;
    float: right;
}

span.privacy_warning_button {
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: underline;
}

@media only screen and (min-width: 280px) and (max-width: 768px) {
    div.privacy_warning_wrap {
        display: block;
        position: fixed;
        z-index: 9999999;
        background-color: rgba(0, 0, 0, .7);
        bottom: 0;
        margin: -3px;
        width: 97%;
        padding: 2%;
    }

    div.privacy_warning_statement {
        font-size: 12px;
        color: #ffffff;
        float: left;
        width: 70%;
        margin-left: 3px;
    }

    div.privacy_warning_statement a {
        font-size: 12px;
        color: #ffffff;
        cursor: pointer !important;
    }

    div.privacy_warning_button {
        display: block;
        float: right;
    }

    span.privacy_warning_button {
        font-size: 14px;
        color: #ffffff;
        margin-top: 12px;
        display: block;
        text-decoration: underline;
    }
}

/**    END PRIVACY POLICY COOKIE CHANGES    **/

#add_remove_ingredients_from_group_modal {
    width: 50%;
}

.ingredient_group_section_in_situ {
    background-color: #D8BFD8 !important;
}

.ingredient_list_header .main_heading {
    font-size: 20px;
    font-weight: 600;
}

#ingredient_box_area span.highlight {
    background-color: yellow;
}

#til_header_box {
    min-height: 50px;
    align-items: center;
    background-color: #0065A4;
    color: white;
}

#til_header_box th {
    font-weight: normal;
}

#build-formulation-pane-view tbody td:not(.add_collection_to_formulation_arrow) {
    vertical-align: top;
}

#persistent_til_toolbar {
    background-color: rgb(50, 50, 50);
    padding: 4px;

}

#persistent_til_toolbar button {
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    color: white;
    display: inline-block;
}

#persistent_til_toolbar button.incomplete {
    background-color: rgb(153, 153, 153);
}

#formulation_header {
    display: flex;
}

#my_ingredients_nav_bar {
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 2px;
}

.blank_transparent_nothing {
    display: inline-block;
}

#create_ingredient_toolbar {
    display: inline-block;
}

#blank_transparent_nothing {
    background-color: transparent;
}

.formulation_overview_heading {
    font-size: 24px;
    padding: 5px;
}

#persistent_til_toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display:     flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#persistent_til_toolbar:before, #persistent_til_toolbar:after {
    content: '';
    display: block;
    width: 2px;
}

.ingredient_sort_buttons {
    float: right;
}

.formulation_view_selector {
    margin: 10px 0 0 10px;
}

#til_help_button {
    font-size: 24px;
    float: right;
    margin-right: 4px;
}

#ingredient_list_header.collection .main_heading i {
    color: gold;
}

#jeff #formulation_wrapper, #jeff #ingredient_area {
    overflow-y: auto;
}

#jeff #ingredient_area .ingredient_builder {
    padding: 10px 0 10px 10px;
}

#jeff #til_header_box th.full_width {
    padding-right: 0;
}

#jeff #ingredient_area {
    position: relative;
}

#ingredient_area ul {
    margin-left: 0;
    padding-left: 0;
}

.add_collection_to_formulation_arrow {
    padding-right: 10px;
}

div#reload_application_button {
    color: white;
    display: inline-block;
    font-size: 32px;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-left: 14px;
}

#reload_application_button i:hover {
    animation:spin 2s linear infinite;
}

#application_lock_icon {
    margin-left: 6px;
}

#delete_contact_name {
    font-size: 24px;
    margin-top: 20px;
}
.contact_action_messages {
    text-align: center;
    padding: 20px;
    font-size: 24px;
}
#need_to_reload_message {
    z-index: 9999999;
}
.react_button:focus {
    outline: none;
}

#jeff input::placeholder {
    color: #000 !important;
}
#jeff .formulation_tree_editor_label.percent_label {
    float: left;
    padding-right: 4px;
}

#jeff .tree_top_level_ingredient_function {
    margin-top: 4px;
    white-space: nowrap;
}

.mfg_loc_name_dates_and_hours {
    margin-bottom: 10px;
}
#jeff li.option input.new_company_name_textbox {
    float: none !important;
}

.new_adv_search {
    cursor: pointer;
}

#non_shippable_countries p, #non_shippable_countries ul{
    text-align: left;
}

#automatic_website_warning_message {
    display: none;
    padding: 2% 2% 0 2%;
}

#automatic_website_warning_message.show {
    display: block;
}