@supports (-ms-ime-align:auto) {
    .selector {
        property: value;
    }
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

_:-ms-lang(x), _:-webkit-full-screen, .selector {
    property: value;
}

h1, h2, h3, h4, h5 {
    color: #23386a;
}

.recommended {
    display: none;
}

h2 {
    margin: 0;
    line-height: 30px;
}

#Start_Next_Button {
    margin: 0 auto;
}
/*Numbers inside main tabs*/
.main_tab_numbers {
    width: 36px;
    height: 20px;
    display: inline-block;
    border: 2px solid;
    border-radius: 50%;
    padding-top: 5px;
    padding-bottom: 12px;
}
/*Letter i inside help button*/
#need_help_i {
    width: 20px;
    height: 2px;
    display: inline-block;
    border: 2px solid;
    border-radius: 50%;
    position: center;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-right: 5px;
}
/*Removes the outline for all the html elements*/
*:focus {
    outline: none;
}

.yellow {
    background-color: rgba(248,231,28,0.20) !important;
    border-color: red !important;
}

.asterisk::after {
    content: "*";
    color: red;
    display: inline-block;
}

.reqd {
    display: none;
    color: red;
}

.validphone {
    display: none;
    color: red;
}

.validemail {
    display: none;
    color: red;
}

.validseries {
    display: none;
    color: red;
}

.contactheader {
}

.company_title_wrapper {
    width: 95%
}
/*Controls all the input fields*/
.user_input {
    border: none;
    border: 1px solid #CCCBCD;
    margin-bottom: 20px;
}

    .user_input:focus {
        border-bottom: 1px solid #CCCBCD;
        box-shadow: 3px 4px 8px rgba(0,0,0,.2);
    }

#dlg_warning_message {
    text-align: left;
}
/*This container has everything under the tab company */
#tab_company {
    background-color: white;
    border: none;
}
/*Contorls for Error dialog box*/
.ui-dialog button {
    background: #1C75BB;
    border: none;
    width: 60px;
    height: 40px;
}

.ui-dialog .ui-button-text, .ui-dialog-title {
    font-family: 'Roboto';
    font-size: 20px;
    color: white;
}

.ui-dialog-title {
    font-family: 'Roboto';
    letter-spacing: 1px;
    font-size: 25px;
    color: white;
}

.ui-dialog-content {
    width: auto;
    font-family: 'Roboto';
    float: left;
    font-size: 20px;
    color: #4A4A4A;
}

.ui-dialog {
    top: 2000px
}
/*Font contorls for user input*/
.tab_content .user_input {
    font-family: 'Roboto Condensed';
    font-size: 17px;
    color: black;
    line-height: 20px;
    font-weight: 500;
    opacity: 0.99;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.special-request-container {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*Font contorls for labels*/
label {
    font-family: 'Roboto';
    font-size: 20px;
    color: #23386a;
    line-height: 29px;
    font-weight: 400;
    display: block;
}

.table_services, #review, #pay {
    width: 83.3%;
    display: block;
    margin: 0 auto;
}

.form_Options {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    color: #4A4A4A;
    line-height: 30px;
    font-weight: 100;
}
/*This container holds everything*/
#main_tabs {
    display: none;
    border: none;
    background-color: white;
}
/*This is for the bottom border under main tabs*/
.bottom-border-contact, .bottom-border-opt, .bottom-border-pay {
    border-bottom: 5px solid gray;
    border-radius: 10px;
    float: left;
    width: 319px;
}

.bottom-border-opt {
    margin-left: 10px
}

/*Incnow logo*/
#logo {
    background: white url('../images/incnow-logo-new-no-text.png') 50% 50% repeat-x;
    display: block;
    width: 164px;
    height: 87px;
    float: none;
    padding: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}
/*Covers the whole view*/
html, body {
    overflow-x: hidden;
}


body {
    background-color: white;
    text-align: center;
    border: none;
    position: relative;
}
/*This is the container inside body*/
#page {
    text-align: left;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    background-color: white;
    padding: 20px;
    border: none;
    box-sizing: border-box;
}


/*This is a container inside page*/
#header {
    height: auto;
    min-height: 100px;
    background-color: White;
    border: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 10px 10px;
}
/*This is a container inside page*/
#footer {
    color: #9B9B9B;
    background-color: White;
    text-align: center;
    font-family: 'Roboto';
    font-weight: 200;
    font-size: 12px;
    border: none;
}

    #footer a {
        color: #2694e8;
        font-weight: 500;
        text-decoration: none;
    }

/*This is the main form container*/
#content {
    border-top: 1px solid rgba(28,117,187, 0.4);
    padding-top: 10px;
    width: 100%;
}

#main_loading {
    height: 44px;
}

#form {
    padding: 0 20px;
    min-height: 500px;
    border: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: none;
}


/*Inside a tab affects the accordion*/
.tab_content {
    float: none;
    width: 100%;
    background-color: white;
    border: none;
    padding: 0 20px;
    box-sizing: border-box;
}
/*Affects mainly */
.under_options_headings {
    margin-bottom: 5px;
    color: #1C75BB;
    font-family: Roboto;
    font-weight: 400;
    font-size: 24px;
    padding-left: 0;
    border-bottom: solid 1.5px #CCCBCD;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
/*This container has instructions for a given part*/
.tab_sidebar {
    vertical-align: top;
    width: 100%;
    float: none;
    padding: 0 20px;
    margin: 0px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 15px;
    color: #4A4A4A;
    line-height: 24px;
    box-sizing: border-box;
}
/*This container has buttons in it like 'Start Over'/'Back' and 'Next'*/
.tab_nav {
    margin-top: 40px;
    float: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
/*Buttons...*/
/*Moving text inside buttons*/
.btn_option_item_add {
    margin-left: 125px;
    margin-top: 20px;
}

.btn_back {
    float: left;
}

.ui-button span {
    padding: 0px;
}

.btn_company_title_add {
    top: 5px;
}

.btn_next {
    padding-right: 10px;
}

.btn_next, .btn_submit, .btn_company_title_add, .btn_submit {
    float: none;
    width: 100%;
    max-width: 220px;
}
/*Controls for button*/
.btn_back.ui-state-default {
    border: 3px solid #1C75BB;
    background-color: #FFFFFF;
    color: #1C75BB;
    width: 100%;
    max-width: 220px;
    height: 44px;
}
/*User-interaction for button*/
.btn_back.ui-button.ui-state-focus, .btn_back.ui-button.ui-state-hover {
    color: #65B9FC;
    border-color: #65B9FC
}
/*Controls for buttons*/
.btn_next.ui-state-default, .btn_submit.ui-state-default, .btn_company_title_add.ui-state-default, .btn_option_item_add.ui-state-default {
    border: none;
    background-color: #1C75BB;
    color: #FFFFFF;
    height: 44px;
}
/*User-interaction for buttons*/
.btn_next.ui-state-hover, .btn_submit.ui-state-hover, .btn_company_title_add.ui-state-hover, .btn_option_item_add.ui-state-hover {
    background-color: #2694e8;
}
/*Controls for the help button*/
#btn_help {
    background-color: white;
    border: 2px solid #1C75BB;
    border-radius: 5px;
    color: #1C75BB;
    padding: 3px 5px;
    text-align: center;
    font-family: 'Helvetica';
    font-size: 16px;
    width: 160px;
    height: 44px;
    top: -3px;
    left: -20px;
}
    /*User-interaction with the help button*/
    #btn_help.ui-button.ui-state-focus, #btn_help.ui-button.ui-state-hover {
        color: #65B9FC;
        border-color: #65B9FC;
    }
/*Contorls the accordion header*/
h3.ui-state-default {
    background-color: rgba(101,185,252,0.10);
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #1C75BB;
}

h3.ui-accordion-header-active {
    background-color: white;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
    border-bottom: 1.5px solid #979797 !important;
    box-shadow: none !important;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 24px;
    color: #1C75BB;
    opacity: 0.7;
}

h3.ui-state-hover {
    color: #65B9FC;
}

i.fa {
    transform: rotate(-90deg);
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0px;
}

h3.ui-accordion-header-active i {
    transform: rotate(0deg);
    padding-right: 10px;
}
/*Contorls tables under Company and Contact*/
.ul_table {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .ul_table li {
        margin-bottom: 15px;
    }

    .ul_table ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 15px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .ul_table ul li {
            flex: 1 1;
            min-width: 200px;
            margin: 0;
        }

/*Select controls*/
.selectdiv {
    position: relative;
    width: 100%;
}

    .selectdiv select {
        width: 100%;
        padding: 6px;
        border: none;
        border: 1px solid #cccccc;
        border-radius: 0;
        background-color: white;
        font-family: 'Roboto Condensed';
        font-size: 16px;
        color: black;
        font-weight: 500;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
    }

    .selectdiv:after {
        content: '>';
        font: 20px "Consolas", monospace;
        color: #65B9FC;
        font-weight: 900;
        transform: rotate(90deg);
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        pointer-events: none;
    }

/*The following are the positions for the given select*/
.salutation {
    flex: 0 !important;
    margin: 0;
    min-width: 100px !important;
}

.prefix select {
    width: 100px;
}

.company-dropdown {
    min-width: 370px !important;
    flex: 0 !important;
}

.corp-members > tr > td:first-child {
    width: 160px;
}

.corp-members label {
    float: right;
    padding-right: 10px;
    padding-bottom: 20px;
}

.member-table {
    max-width: 727px;
    float: right;
}

    .member-table > tbody {
        position: relative;
    }

.company_title_wrapper button {
    display: block;
    margin: 0 auto;
}

.x-button, .x-button-header {
    width: 0px;
    display: block;
    cursor: pointer;
}

    .x-button:after {
        left: -20px;
        top: 0px;
        font-size: 30px;
        display: block;
        position: relative;
        color: #4c4c4c;
        content: "\00d7"; /* This will render the 'X' */
    }
/*.prefix:after {
    right: 90px;
}*/
/*
.state:after {
    top: -6.6px;
    right: 24.5px;
}

.country:after {
    right: 88.5px;
}

.party_state:after {
    right: 23px;
}

.party_country:after {
    right: 83px;
}

.services:after {
    right: 10px;
    font-size: 25px;
    top: 5px
}

.month:after {
    right: 225px;
}

.year:after {
    right: 38px;
}

.copy_apostille:after {*/
right: 60%;
}

.copyapostille label, .standingapostille label {
    padding-left: 10px
}




/*Checkbox & Radio control*/
input[type="checkbox"], input[type="radio"] {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
}

/*Review section*/


#review_table td, #review_table2 td {
    vertical-align: top;
}

.reviewsectionheader {
    font-size: 18px;
    margin-bottom: 10px;
}

.reviewproductpricebreakdown {
    font-size: 14px;
    text-align: right;
}

.reviewproductprice, .reviewsubtotalheader, .reviewsubtotal {
    font-size: 16px;
    text-align: right;
}

/*Select element under popular services*/
#options_popular_services select {
    border: none;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    font-size: 18px;
    color: #65B9FC;
    line-height: 26px;
    cursor: pointer;
}

    #options_popular_services select:after {
        content: '>';
        font: 30px "Consolas", monospace;
        font-stretch: expanded;
        color: #65B9FC;
        font-weight: 900;
        transform: rotate(90deg);
        top: -6px;
        /*right: 40px;*/
        position: absolute;
        pointer-events: none;
    }
/*Button element under popular services*/
#options_popular_services button, #table_RA_Actions button, #table_Transacting button, #table_expedited button, #table_delivery2 button, #table_delivery2 button {
    border: none;
    background: white;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 400;
    color: #65B9FC;
    cursor: pointer;
}

.options_wrapper tr {
    border-bottom: 1px solid lightgrey;
    display: table-row;
}

/*Font contorls for the popular services table*/
.options_wrapper {
    font-family: 'Roboto Condensed';
    font-size: 16px;
    color: black;
    font-weight: 500;
    line-height: 22px;
}

/*Checkbox & Radio control start...*/
/*This is for all the checkboxs*/
/*input[type="checkbox"]::-ms-check {
    display: none;
}*/
input[type="checkbox"] {
    background-color: white;
    border: 2px solid #979797;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    position: relative;
    width: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
}

    input[type="checkbox"]:after {
        content: '';
        display: block;
        height: 6px;
        left: 3.5px;
        position: relative;
        top: 3.5px;
        width: 6px;
        border: none;
    }

    input[type="checkbox"]:checked:after {
        left: 3.5px;
        top: -1px;
        width: 4px;
        height: 10px;
        border: solid #65B9FC;
        border-width: 0px 3px 3px 0px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
/*This is for all the radio buttons*/
input[type="radio"]::-ms-clear {
    display: none;
}

input[type="radio"] {
    background-color: white;
    border: 1px solid #979797;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-right: 15px;
    position: relative;
    width: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-behavior: none;
    border-radius: 50%;
}

    input[type="radio"]:after {
        border-radius: 25px;
        content: '';
        display: block;
        height: 6px;
        left: 3.5px;
        position: relative;
        top: 3.5px;
        width: 6px;
        border: none;
    }

    input[type="radio"]:checked:after {
        background-color: white;
        left: -2px;
        top: -2px;
        width: 6px;
        height: 6px;
        border: 6px solid #65B9FC;
    }
/*This was also need to fix this radio button under legal parties*/
#tax_radio {
    width: 16px;
    height: 16px;
}

#registered_radio {
    width: 16px;
    height: 16px;
}
/*Checkbox & Radio control end...*/

/*Font controls for headers under legal Parties*/
.party_headers {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 20px;
    margin: 25px 0 10px 0;
}

/*Select control start...*/
/*This will affect only the select input font to the applied divs(containers)*/
/*#company_accordion select::-ms-expand {
    display:none;
}*/
#company_accordion select, #review_accordion select {
    font-family: 'Roboto Condensed';
    font-size: 20px;
    color: black;
    font-weight: 500;
    opacity: 0.99;
}


/*Select control end...*/
.clear {
    clear: both;
}

#options_popular_services div select {
    font-size: 20px;
    width: 45px;
}

#options_popular_services label select {
    width: 345px;
}

ul.ui-autocomplete {
    text-align: left;
}

#ui-helper-clearfix {
    background: black;
}

#start_radio_wrapper {
    margin: 50px 0 50px 0;
}

    #start_radio_wrapper label {
        display: block;
        margin: 20px 0 20px 0;
    }

    #start_radio_wrapper span {
        display: block;
    }

    #start_radio_wrapper label {
        display: flex;
    }

    #start_radio_wrapper input {
        flex-shrink: 0;
        margin-top: 5px;
    }

/*.company_title_wrapper table {
    width: 100%;
}*/

.company_title_wrapper table input {
    width: 100%;
}
/*This div container is empty and is used to add space*/
#company_order_contact_readonly {
    display: none;
    margin-bottom: 10px;
    border: none;
}

#tab_options {
    width: 100%;
    padding-left: 0%;
}

#options_incorporation {
    width: 100%;
}

#table_package {
    margin-left: 120px;
    width: 80%;
}

#Included_list {
    margin-left: 130px;
}

    #Included_list div ul {
        height: 170px;
        align-items: baseline
    }

    #Included_list div .recommend {
        position: relative;
        font-size: small;
        color: red;
        display: inline-block !important;
    }

#tab_options tr.ui-state-highlight {
    border: none;
}

#options_incorporation ul {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}
/*li elements under services included*/
#options_incorporation li {
    list-style: none;
    float: none;
    width: 100%;
    max-width: 400px;
    padding-bottom: 3px;
    vertical-align: top;
}

.ui-state-error {
    border-radius: 5px !important;
    padding-top: 2px;
}
/*price breakdown headers under package selection*/
.breakdown-price {
    font-family: Roboto;
    font-size: 18px;
    color: #4A4A4A;
    display: block;
    width: 350px
}

.processing-header {
    font-family: Roboto;
    font-size: 16px;
    color: #4A4A4A;
    font-weight: bold;
}


.price-section {
    width: 220px;
    float: left;
    text-align: center;
}

.pricing-list {
    height: auto !important;
}

.blue-vl {
    border-left: 2px solid #65b9fc;
    height: 58px;
    float: left;
}

.left {
    float: left;
    width: 420px;
}

.processing {
    position: relative;
    top: -35px;
    /*height:100%;*/
}

.same-day {
    border: 1px solid #65b9fc;
}

.RA-price {
    width: 350px !important;
}


#options_incorporation li .ui-icon {
    float: left;
}

#options_incorporation input {
    padding: 15px 5px 0px -5px;
}

table_services .productcontrol {
    width: 45px;
    display: block;
    padding: 6px 0px 5px 0px;
}

#options_incorporation ul span {
    margin: 5px 5px 10px 0px;
}

#table_package tr {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    padding-bottom: 50px;
    line-height: 42px;
}

.productprice {
    text-align: right;
    display: flex;
    column-gap: 10px;
    justify-content: flex-end;
    margin-right: 10px;
    margin-top: auto;
    align-items: flex-end;
}



    .productprice.notaxes .ui-icon {
        display: none;
    }

#table_package tr {
    border-spacing: 10px 50px;
}

#table_package .productcontrol {
    width: 4%;
}

#table_plain_uncertified .productname input {
    border: none;
    border-bottom: .05px solid #CCCBCD;
    width: 300px;
    background: rgba(248,231,28,0.001);
}

#table_serivces_part button, #table_RA_Actions button, #table_Transacting button, #table_expedited button, #table_delivery2 button {
    background: rgba(248,231,28,0.001);
    font-weight: 500;
    font-family: 'Roboto';
    font-size: 12px;
}

#table_serivces_part tr.ui-state-highlight, #table_serivces_part_1 tr.ui-state-highlight, #table_RA_Actions tr.ui-state-highlight, #table_Transacting tr.ui-state-highlight, #table_plain_uncertified tr.ui-state-highlight, #table_Transacting_0 tr.ui-state-highlight,
#table_serivces_part input[type="checkbox"]:checked, #table_serivces_part_1 input[type="checkbox"]:checked, #table_RA_Actions input[type="checkbox"]:checked, #table_Transacting input[type="checkbox"]:checked, #table_Transacting_0 input[type="checkbox"]:checked {
    background: rgba(248,231,28,0.20);
}

#table_package tr.ui-state-highlight {
    background: rgba(248,231,28,0.20);
}

#table_expedited tr.ui-state-highlight, #table_expedited input[type="checkbox"]:checked {
    background: rgba(248,231,28,0.20);
}

#table_delivery1 tr.ui-state-highlight, #table_delivery1 input[type="checkbox"]:checked {
    background: rgba(248,231,28,0.20);
}

#table_delivery2 tr.ui-state-highlight, #table_delivery2 input[type="checkbox"]:checked {
    background: rgba(248,231,28,0.20);
}

.options_wrapper tr {
    width: 40px;
    height: 30px;
    margin: 0px 0px 0px -1px;
}

.options_wrapper .productname {
    padding: unset;
    vertical-align: middle;
    width: 100%;
    max-width: 360px;
}

.options_wrapper .productcontrol {
    min-width: 45px;
}

.ui-dialog-buttonset button {
    margin: 0 10px; /* 10px space only between the two buttons */
}

#table_RA_Actions .productcontrol, #table_Transacting .productcontrol {
    width: 45px;
}

.table_services span, #table_RA_Actions span, #table_Transacting span {
    margin: 10px 10px 10px 10px;
}

#table_serivces_part_1 .productname {
    padding: 9px 0px 9px 5px;
}

#table_serivces_part_1 .productcontrol {
    padding: 9px 0px 9px 0px;
}

#table_serivces_part_1 .productprice {
    padding: 9px 0px 9px 10px;
}

#table_Transacting_0 .productname {
    padding: 5px 0px 10px 0px;
}

#table_Transacting_0 .productcontrol {
    padding: 5px 0px 0px 0px;
    width: 55px;
}

#table_Transacting_0 .productprice {
    margin: 5px 0px 0px 10px;
}

#table_delivery2 .productcontrol {
    padding: 7px 0px 10px 1px;
}

#table_delivery2 tr .productname {
    padding: unset;
    padding: 0px 10px 10px 10px;
}

#table_delivery2 button {
    margin: 8px 0px 0px 0px;
}

#table_delivery2 .productprice {
    margin: 10px 0px 10px 10px;
}

#table_serivces_part label select {
    border-bottom: 1px solid;
}



#review_table tr {
    font-family: 'Roboto Condensed';
    padding: 50px 10px 10px 10px;
}

#review_table tbody tr td {
    /*font-family: 'Roboto Condensed';*/
    font-size: 18px;
    color: #4A4A4A;
    line-height: 40px;
}

#review_table2 td {
    font-family: 'Roboto Condensed';
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    line-height: 20px;
    padding: 20px 0px 20px 0px;
}

.reviewsectionheader {
    font-family: 'Roboto';
    font-weight: 500;
    color: #000000;
    line-height: 27px;
}

.productdetail label {
    vertical-align: top;
    display: block;
}

    .productdetail label textarea, .productdetail label select, .productdetail label input {
        display: block;
    }

#review_company_header_wrapper {
    text-align: center;
    padding-bottom: 15px;
}

#review_company_name {
    font-size: 2em;
}

#review_company_alternate {
    font-size: 0.75em;
    font-style: italic;
}

#review_accordion .ui-accordion-content {
    padding: 1em;
}

.reviewsectionheader .reviewproductpricebreakdown {
    color: #555;
}

.reviewproductpricebreakdown {
    text-align: right;
    font-size: 0.75em;
    font-style: italic;
    vertical-align: middle;
}

.reviewproductprice, .reviewsubtotalheader, .reviewsubtotal {
    text-align: right;
}

.review_payment_info {
    font-size: 0.9em;
    display: none;
}

#review_wire_fee_text {
    text-align: center;
    color: #f00;
    font-weight: bold;
}

#review_tos {
    background: rgba(248,231,28,0.001);
}

#review_agree {
    padding: 20px 5px 5px 5px;
}

    #review_agree strong {
        position: relative;
        top: -5px;
        margin: 0px 5px 0px 5px;
    }

#review_promo_code_wrapper {
    max-width: 450px;
}

.pay_icons {
    color: #65B9FC;
    font-size: 25px;
    padding: 0px 10px 0px 0px;
}

.pay_option:hover {
    cursor: pointer;
}

.pay_option {
    font-weight: 500
}

#review_promo_code {
    display: block;
    left: 105px;
    width: 200px;
    float: left;
}

#review_promo_code_discount_text {
    display: block;
    position: relative;
    margin-top: 5px;
    font-style: italic;
    color: #555;
    float: right
}

    #review_promo_code_discount_text.review_promo_code_valid {
        font-weight: bold;
        font-style: inherit;
        color: inherit;
    }

#company_future_same_as_order_contact {
    margin: 15px 7px 0px 0px;
}

#review_new_card, #promo-section {
    width: 49%;
    margin-left: 94px;
}

.submit-captcha {
    display: flex;
    gap: 10px;
}

.line-item {
    border-bottom: 1.5px solid #979797;
}

    .line-item td {
        vertical-align: bottom;
    }

    .line-item:last-child {
        border: none;
    }

#pay {
    width: 100% !important;
    margin: 0 !important;
}

#tab_thankyou {
    margin-top: 30px;
}

    #tab_thankyou h1 {
        font-family: 'Roboto';
        font-size: 55px;
        font-weight: 300;
        color: #1C75BB;
        letter-spacing: 0;
        text-align: center;
        margin: unset;
        margin-bottom: 25px;
    }

#IncNow_Welcome_container {
    border: 1px solid #CCCBCD;
    padding: 40px;
}

#IncNow_Welcome_container_inner {
    display: flex;
    justify-content: space-around;
}

#IncNow_Welcome_text {
    color: #4A4A4A;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
}

    #IncNow_Welcome_text ul {
        padding-left: 30px
    }

#IncNow_Welcome_container > p {
    color: #4A4A4A;
    font-family: Roboto;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 26px;
    margin: unset;
}

#Portal {
    margin-top: 15px;
}

    #Portal a {
        color: #6DD400;
        font-family: Roboto;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px;
    }

        #Portal a:hover {
            color: #9DD400;
        }

    #Portal p {
        margin: unset;
        color: #4A4A4A;
        font-family: Roboto;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px;
    }

    #Portal button {
        padding: 10px;
        margin-top: 23px;
        color: white;
        font-family: Roboto;
        font-size: 19px;
        letter-spacing: -0.21px;
        line-height: 23px;
        text-align: center;
        cursor: pointer;
        box-sizing: border-box;
        border: 1px solid #1C75BB;
        border-radius: 8px;
        background-color: #1C75BB;
    }

        #Portal button:hover {
            background-color: #2694e8;
        }

.for_state_customers {
    display: flex;
    justify-content: center;
    gap: 50px
}

.for_state_customers_inner {
    width: 400px;
}

#tab_thankyou .thz_p0 {
    font-family: 'Roboto';
    width: 100%;
    max-width: 400px;
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    line-height: 24px;
    padding: 0 20px;
    box-sizing: border-box;
    margin: unset;
}

#tab_thankyou .thz_p1 {
    font-family: 'Roboto Condensed';
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    text-align: left;
    line-height: 30px;
    margin-top: unset;
}

#tab_thankyou .thz_p2 {
    font-family: 'Roboto';
    width: 100%;
    max-width: 400px;
    font-size: 11px;
    color: #4A4A4A;
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 30px;
    font-style: italic;
}

.thz_return_info_container {
    display: flex;
    justify-content: center;
    gap: 50px
}

#thankyou_order_details {
    width: 100%;
    max-width: 400px
}

.thz_p {
    font-family: 'Roboto';
    width: 100%;
    max-width: 400px;
    font-size: 14px;
    font-weight: 500;
    color: #4A4A4A;
    line-height: 24px;
    padding: 0 20px;
    box-sizing: border-box;
    margin: unset;
}

#tab_thankyou table .td_text0 {
    text-align: left;
    color: #000000;
    font-family: Roboto;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 21px;
}

#tab_thankyou table .td_text {
    width: 130px;
    color: #000000;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 20px;
}



#thankyou_reorder {
    text-decoration: none;
    background-color: #1C75BB;
    color: white !important;
    padding: 11px 60px;
    border-radius: 5px;
    color: white;
    font-family: Roboto;
    font-size: 19px;
    letter-spacing: -0.21px;
    line-height: 23px;
    font-weight: 300;
    margin-top: 10px;
}

    #thankyou_reorder:hover {
        background-color: #2694e8;
    }

/*These two selectors are for company_state select tag's tooltip which is wrapped inside a span*/
[data-title] {
    position: relative;
}

.singleproduct {
    display: none;
    text-align: center
}

@media screen and (min-width: 767px) {
    [data-title]:hover:after {
        content: attr(data-title);
        position: absolute;
        top: 40px;
        left: 0px;
        display: inline-block;
        padding: 10px;
        border-radius: 5px;
        background: #F0F8FE;
        width: 270px;
        color: black;
        font-size: 16px;
        text-align: center;
        z-index: 9999;
        -webkit-box-shadow: 0 0 15px #1C75BB;
        box-shadow: 0 0 15px #1C75BB;
    }

    #specific_benefit [data-title]:hover:after {
        content: attr(data-title);
        position: absolute;
        top: 40px;
        left: -5px;
        display: inline-block;
        padding: 10px;
        border-radius: 5px;
        background: #F0F8FE;
        width: 350px;
        color: black;
        font-size: 16px;
        text-align: left;
        z-index: 9999;
        -webkit-box-shadow: 0 0 15px #1C75BB;
        box-shadow: 0 0 15px #1C75BB;
        transition: opacity 1s ease-in-out;
    }

    #gp-name [data-title]:hover:after {
        content: attr(data-title);
        position: absolute;
        top: 40px;
        left: -5px;
        display: inline-block;
        padding: 10px;
        border-radius: 5px;
        background: #F0F8FE;
        width: 350px;
        color: black;
        font-size: 16px;
        text-align: left;
        z-index: 9999;
        -webkit-box-shadow: 0 0 15px #1C75BB;
        box-shadow: 0 0 15px #1C75BB;
        transition: opacity 1s ease-in-out;
    }
}

#review_new_card {
    margin-top: 10px;
}

.payment-details-wrapper {
    flex-direction: column;
}

    .payment-details-wrapper li {
        flex: 0 !important;
    }

.expiration-section {
    flex-wrap: nowrap !important;
    display: flex;
    gap: 15px;
}

    .expiration-section li {
        flex: 0 !IMPORTANT;
        min-width: 170px !important;
    }


.legal-certify {
    margin-top: 40px;
    background: rgba(248,231,28,0.20);
    width: 49%;
    margin-left: 94px;
}

    .legal-certify > div {
        padding: 10px;
        font-size: 16.5px;
        color: #4A4A4A;
        line-height: 22px;
        width: 90%;
    }

    .legal-certify label {
        font-weight: bold;
        line-height: 22px;
    }

.btn_submit {
    min-width: 220px;
}

/*new package style design*/
.new-design-pkg-outer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    padding: 15px;
    max-width: 710px;
}

/* COLUMN: vertical stack of rows */
.new-design-pkg-col {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    flex: 1 1 20px;
    max-width: 740px;
    box-sizing: border-box;
}

.new-design-pkg-row {
    display: grid;
    grid-template-columns: 1fr 90px;
    align-items: center;
    padding: 7px 25px;
    padding-right: 70px;
    border-radius: 90px;
    background: #e0f1fe;
}

    .new-design-pkg-row:nth-child(even) {
        background: #fff;
    }

.new-design-pkg-text {
    font-size: 14px;
    font-weight: 400;
    color: #0b1222;
    white-space: normal;
    word-break: break-word;
    line-height: 1;
    padding-right: 140px;
}

.new-design-pkg-mark,
.new-design-pkg-mark-price {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-self: end;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    gap: 5px;
}

.new-design-pkg-mark {
    justify-self: end;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='%231c75bb' d='M20.285 2L9.006 13.567 3.72 8.556 0.006 12.272l9 8.728 15-15.285z'/>\
</svg>");
}
.new-design-pkg-x {
    color: red;
    justify-self: end;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23FF0000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460.775 460.775'><path d='M285.08 230.397L456.218 59.27c6.076-6.077 6.076-15.911 0-21.986L423.511 4.565c-2.913-2.911-6.866-4.55-10.992-4.55-4.127 0-8.08 1.639-10.993 4.55l-171.138 171.14L59.25 4.565c-2.913-2.911-6.866-4.55-10.993-4.55-4.126 0-8.08 1.639-10.992 4.55L4.558 37.284c-6.077 6.075-6.077 15.909 0 21.986l171.138 171.128L4.575 401.505c-6.074 6.077-6.074 15.911 0 21.986l32.709 32.719c2.911 2.911 6.865 4.55 10.992 4.55 4.127 0 8.08-1.639 10.994-4.55l171.117-171.12 171.118 171.12c2.913 2.911 6.866 4.55 10.993 4.55 4.128 0 8.081-1.639 10.992-4.55l32.709-32.719c6.074-6.075 6.074-15.909 0-21.986L285.08 230.397z'/></svg>");
}
.new-design-pkg-row-total {
    background: transparent !important;
    margin-top: 24px;
    
}

.new-design-pkg-row-promo {
    background: transparent !important;
   
}



.new-design-pkg-total-price {
    font-size: 18px;
    font-weight: 700;
}


.new-design-pkg-mark-price {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}

.old-price {
    text-decoration: line-through;
    opacity: 0.6;
    font-weight: 500;
}

.new-price {
    text-decoration: none;
    color: #0b1b33;
    font-weight: 500;
}

.new-design-pkg-promo-code {
    opacity: 0.6;
    font-weight: 500;
}


.new-design-pkg-row-promo .new-design-pkg-promo-code {
    justify-self: end;
    text-align: right;
    opacity: 0.7;
    font-weight: 500;
}


@media (max-width: 480px) {

    
    .new-design-pkg-row,
    .new-design-pkg-row-total,
    .new-design-pkg-row-promo {
        display: flex !important; 
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 10px 14px; 
        border-radius: 20px;
        gap: 8px;
    }

    
    .new-design-pkg-text {
        padding-right: 0 !important; 
        white-space: normal;
        word-break: normal;
        flex: 1 1 auto; 
        line-height: 1.2;
    }

   
    .new-design-pkg-mark,
    .new-design-pkg-mark-price,
    .new-design-pkg-promo-code {
        flex: 0 0 auto; 
        text-align: right;
        justify-content: flex-end;
    }

    
    .new-design-pkg-row-total,
    .new-design-pkg-row-promo {
        background: transparent !important;
    }
}


/*This is for CTAboi related styles*/
#CTAboi_container {
    text-align: center
}

#CTAboi_header {
    font-family: 'Roboto';
    font-size: 28px;
    font-weight: 500;
    color: #4A4A4A;
    line-height: 30px;
    margin: 0px 0px 20px 0px;
}

#CTAboi_p {
    text-align: left;
    width: 800px;
    margin: 0 auto 20px auto;
}

#CTAboi_promo_code {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 500;
    color: #4A4A4A;
}

#CTAboi_link_container {
    margin: 40px
}

#CTAboi_link {
    background: #1C75BB;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 500;
    text-decoration: none;
}

#CTAboi_img_container {
    display: flex;
    align-items: center;
    justify-content: center;
}

#inc {
    width: 200px;
}

#plus {
    font-size: 30px;
    margin: 0 40px;
}

#cta {
    width: 300px;
    height: 85px;
    vertical-align: bottom;
}

.ui-accordion .ui-accordion-content {
    height: 100%;
}



@media only screen and (max-width: 767px) {
    p {
        margin: 0;
    }

    #page {
        width: 100%;
    }

    #review_new_card, #promo-section, .legal-certify {
        width: 100%;
        margin-left: 0px;
    }

    #g-recaptcha-error div {
        margin: 0 auto;
    }

    .submit-captcha {
        width: 100%;
        flex-direction: column;
        align-content: center;
        justify-content: center;
    }

    .btn_submit, btn_next {
        width: 100% !important;
    }

    .ui-accordion .ui-accordion-content {
        width: 100% !important;
    }

    #IncNow_Welcome_container {
        display: flex;
        flex-direction: column;
    }

    #IncNow_Welcome_container_inner {
        flex-direction: column;
    }

    #thankyou_order_details, .for_state_customers_inner {
        margin: 0 20px;
    }

    .for_state_customers {
        flex-direction: column;
        gap: 0px;
    }

    #tab_thankyou h1 {
        display: none;
    }

    .ui-tabs-nav li:last-child {
        //display: none;
    }

    #content {
        border-top: none;
        padding-top: 0px;
    }

    .stackable {
        flex-direction: column;
    }

    .user_input {
        margin-bottom: 0px;
    }

    #ot-sdk-btn-floating {
        top: -20px;
    }
}

@media screen and (max-width: 768px) {
    #header {
        padding-bottom: 0px;
    }

    .ui-tabs .ui-tabs-panel {
        padding-top: 0px !important;
    }

    #logo {
        margin: 0 auto;
    }

    .singleproduct {
        padding-bottom: 10px;
        text-align: left;
    }

    #btn_help {
        display: none;
    }

    .nomobile {
        display: none;
    }

    .More-Info {
        display: none;
    }

    .btn_back.ui-state-default,
    .btn_next,
    .btn_submit,
    .btn_company_title_add {
        max-width: 100%;
    }

    .company-dropdown {
        min-width: 165px !important;
        flex: 1 !important;
    }

    .table_services, #review, #pay {
        width: 100%;
    }

    .reviewproductpricebreakdown {
        width: 100px;
        padding-right: 10px;
    }

    .bottom-border-contact, .bottom-border-opt, .bottom-border-pay {
        width: 100%;
        float: none;
        margin: 0;
    }

    .bottom-border-opt {
        margin-left: 0;
    }

    #table_package {
        margin-left: 0;
        width: 100%;
    }

    #Included_list {
        margin-left: 0;
    }

    .price-section {
        width: 100%;
        float: none;
        text-align: center;
    }

    .blue-vl {
        display: none;
    }

    .left {
        float: none;
        width: 100%;
    }

    .processing {
        position: relative;
        top: 0;
    }

    .RA-price {
        width: 100% !important;
    }

    #review_table tr {
        padding: 20px 10px;
    }

    #review_table2 td {
        padding: 10px 0;
    }

    #review_promo_code_wrapper {
        width: 100%;
        max-width: 360px;
        padding: 20px 0;
    }

    #review_promo_code {
        width: 100%;
        max-width: 200px;
        float: none;
    }

    #review_promo_code_discount_text {
        float: none;
        text-align: center;
        margin-top: 10px;
    }

    .thz_return_info_container {
        flex-direction: column;
        gap: 20px;
    }

    #thankyou_order_details {
        width: 100%;
        max-width: 400px;
    }

    .table_services {
        width: 100%
    }

    /*
    #Included_list {
        display: none;
    }
        */
}

@media screen and (max-width: 480px) {
    #page {
        padding: 10px;
    }

    .tab_sidebar, .tab_content {
        padding: 10px 20px;
    }

    .under_options_headings {
        font-size: 20px;
    }

    #logo {
        width: 120px;
        height: 64px;
    }

    .ui-dialog-buttonset button {
        margin-left: unset !important;
    }

    .ui-dialog-content {
        max-width: 300px;
        width: 200px;
        padding: 10px;
    }
}