body {
    font-family: 'Helveticaneue_regular', Arial;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Helveticaneue_regular';
    src: url('../fonts/helveticaneue/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2') format('woff2');
}

@font-face {
    font-family: 'Helveticaneue_regular';
    src: url('../fonts/helveticaneue/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff') format('woff');
}

@font-face {
    font-family: 'Helveticaneue_medium';
    src: url('../fonts/helveticaneue/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2') format('woff2');
}

@font-face {
    font-family: 'Helveticaneue_medium';
    src: url('../fonts/helveticaneue/7802e576-2ffa-4f22-a409-534355fbea79.woff') format('woff');
}

@font-face {
    font-family: 'Helveticaneue_italic';
    src: url('../fonts/helveticaneue/4bd56f95-e7ab-4a32-91fd-b8704cbd38bc.woff2') format('woff2');
}

@font-face {
    font-family: 'Helveticaneue_italic';
    src: url('../fonts/helveticaneue/4fe1c328-1f21-434a-8f0d-5e0cf6c70dfb.woff') format('woff');
}

@font-face {
    font-family: 'Helveticaneue_bold';
    src: url('../fonts/helveticaneue/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2') format('woff2');
}

@font-face {
    font-family: 'Helveticaneue_bold';
    src: url('../fonts/helveticaneue/7b415a05-784a-4a4c-8c94-67e9288312f5.woff') format('woff');
}

@font-face {
    font-family: 'Helveticaneue_light';
    src: url('../fonts/helveticaneue/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2') format('woff2');
}

@font-face {
    font-family: 'Helveticaneue_light';
    src: url('../fonts/helveticaneue/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff') format('woff');
}



.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    background-color: #fff;
    border: 1px solid #525252;
}

    .k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap:hover {
        border: 1px solid #525252;
        background-color: #fff;
    }

.k-dropdown, .k-dropdowntree {
    width: 100%;
}

.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
    background-color: #525252;
}

    .k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected :hover {
        background-color: #525252 !important;
    }

.k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap:hover {
    border-color: #525252;
    color: #212529;
    background-color: #fff;
}

.k-dropdown .k-dropdown-wrap, .k-state-focused, .k-dropdowntree, .k-dropdown-wrap .k-state-focused {
    background-color: #fff !important;
    border-color: #525252 !important;
}
/* .k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected :focus {
        background-color: #525252;
    }
*/
/*.k-dropdown-wrap k-state-default{
    background-color:pink !important;
}*/
.btn-cancel {
    color: #172fe6;
    font-size: 12px;
    text-decoration: none;
}
    .btn-cancel:hover{
                text-decoration:underline;
            }

.btnlink-confirm {
    color: #172fe6;
    font-size: 12px;
    text-decoration: none;
}
.btnlink-confirm:hover{
    text-decoration:underline;
}
#viewAllModal {
    z-index: 1090 !important;
   
}
#viewAllModalLabel{
    z-index:1090 !important;
}
#readMoreModal {
    z-index: 1070 !important;
}
#locationnameModal {
    z-index: 1070 !important;
}
#autoPaymentOptionModal {
    z-index: 1070 !important;
}

.modal-backdrop {
    z-index: 1050 !important;
    position:relative;
}
#addcontactModal {
    z-index: 1070 !important;
}
#DocModal {
    z-index: 1070 !important;
}
#tankguageModal {
    z-index: 1070 !important;
}
#TermsAndCondModal {
    z-index: 1070 !important;
}
#ConfirmModal {
    z-index: 1070 !important
}
#TanerkPModal {
    z-index:1070  !important
}
#appliancehardstopModal {
    z-index: 1070 !important
}
#seasonalresidenceModel {
    z-index: 1070 !important;
}
#autoPaymentOptionModal {
    z-index: 1070 !important;
}
#willCalltankguageModal{
    z-index:1070!important
}
#deleteaccount {
    z-index: 1070 !important
}
#AboutCP {
    z-index: 1070 !important;
}
#autopayfailAlert{
    z-index:1070!important
}
#paymentBlockAlert{
    z-index:1070!important
}
#FailedPaymentAlert{
    z-index:1070 !important
}
#priceDetailsModal{
    z-index:1070!important
}
#reorderModal{
    z-index:1070!important
}
#submitOrderModal{
    z-index:1070!important
}
#readMoreModal {
    z-index: 1070 !important
}
#TimefordeliveryPopup{
    z-index:1070!important
}
#removecontactModal{
    z-index:1070!important
}
#IsPrimaryContactModal{
    z-index:1070!important
}
#PaperlessOnModal{
    z-index:1070!important
}
#PaperlessOffModal{
    z-index:1070 !important
}
#RegisteredEmailUnAssignedModal{
    z-index:1070!important
}
#OptOutModal {
    z-index: 1070 !important
}
#unsavedcontactModal{
    z-index:1070!important
}
#RemoveLinkedaccountDialog{
    z-index:1070!important
}
#UpdatePasswordDialog {
    z-index: 1070 !important
}
#UpdateEmailDialog{
    z-index:1070!important
}
#UpdateSecurityQuestionsDialog{
    z-index:1070!important
}
#resetpassword{
    z-index:1070!important
}
#resetSecQues{
    z-index:1070!important
}
#UnlockAccountDialog{
    z-index:1070!important
}
#emaiIDDialog{
    z-index:1070!important
}
#password-dialog{
    z-index:1070!important
}
#securityQuestionsDialog{
    z-index:1070!important
}
#deleteModal{
    z-index:1070!important
}
#termsuse{
    z-index:1070!important
}
#SubmitModal{
    z-index:1070!important
}
#PromoNoteModal{
    z-index:1070!important
}
#orderpropaneModal{
    z-index:1070!important
}
#promoCancelModal{
    z-index:1070!important
}
#requestDeliveryModal{
    z-index:1070!important
}
#ExpeditedDeliveryModal{
    z-index:1070!important
}
#completepaymentModal{
    z-index:1070!important
}
#TankPerceModel{
    z-index:1070!important
}
#RemovesuccessModal{
    z-index:1070!important
}

#PaperlessOnModal{
    z-index:1070!important
}
#PaymentProgressModal{
    z-index:1070!important
}
#paymentprocessingModal{
    z-index:1070!important
}
#myModal{
    z-index:1070 !important
}
#OKModal{
    z-index:1070!important
}
#ErrorModel{
    z-index:1070 !important
}
#modifypayment{
    z-index:1070 !important
}
#CustSoldtoemailModal{
    z-index:1070 !important
}
#EmailModal{
    z-index:1070 !important
}
#ResidentialDocModal{
    z-index:1070 !important
}
#installationInformation{
    z-index:1070!important
}
#gobackModal{
    z-index:1070 !important
}
#SignDocModal{
    z-index:1070!important
}
#automicdeliveryforcastingDialog{
    z-index:1070 !important
}
#willCalltankguageModal{
    z-index:1070 !important
}
#AlertDatesChangeModel{
    z-index:1070 !important
}
#JustAReminderDialoginvoice{
    z-index:1070 !important
}
#paperlessPromptfirsttimeInvoice{
    z-index:1070 !important
}
#ViewPaymentSettings{
    z-index:1070 !important
}
#BillingUpdateEMailModal{
    z-index:1070!important
}
#BillingUpdateEmailexistModal{
    z-index:1070 !important
}
#BillingUpdateSuccessEMailModal {
    z-index: 1070 !important
}
#Paperlessbilling{
    z-index:1070 !important
}
#autopayModal{
    z-index:1070!important
}
#EnableautopayModal{
    z-index:1070 !important
}
#autopayModalDeleteOff{
    z-index:1070 !important
}
#autopayModalOff{
    z-index:1070 !important
}
#scheduleAutoModal{
    z-index:1070 !important
}
#yourallsetModal{
    z-index:1070 !important
}
#TurnOffyourallsetModal{
    z-index:1070 !important
}
#turnonautopayModal{
    z-index:1070 !important
}
#turnoffautopayModal{
    z-index:1070 !important
}
#PaymentautopayModal{
    z-index:1070 !important
}
#PaymmentautopayModal{
    z-index:1070 !important
}
#removeModal{
    z-index:1070 !important
}
#RemovesuccessModal{
    z-index:1070 !important
}
#RemovesuccessAutoModal{
    z-index:1070 !important
}
#RemovesuccessScheduleModal{
    z-index:1070 !important
}
#RemovesuccessAutoScheduleModal{
    z-index:1070 !important
}
#turnonSorryautopayModal{
    z-index:1070!important
}
#turnonSorryautopayModal1{
    z-index:1070 !important
}
#StoredPaymentsScheduleModal{
    z-index:1070 !important
}
#cancelautopayModalA001{
    z-index:1070 !important
}
#AutomaticDeliveryModel{
    z-index:1070 !important
}
#A001InformationModal{
    z-index:1070 !important
}
#WillCallModel{
    z-index:1070 !important
}
#PaymentIssueModal {
    z-index: 1070 !important
}
    #PaymentIssueModal .modal-dialog {
        max-width:800px;
    }
#savedPaymentModal{
    z-index:1070 !important
}
.lblnickname {
    font-size: 16px;
    color: #2d373e;
    margin-bottom: 16px;
    font-family: Helveticaneue_regular;
}
.lbllocation{
    width:120px;
}
.lbladdress {
    width: calc(100% - 120px);
}
.lblnumeric {
    font-size: 16px;
    color: #2d373e;
    margin-bottom: 16px;
    font-family: Helveticaneue_bold;
}

.lbleditsubheading_profile {
    color: #2D373E;
    font-size: 15.5pt;
    padding-bottom: 16px;
    font-family: Helveticaneue_regular;
}
.lblscroolbar {
    display: block;
    height: 400px;
    overflow: auto;
    opacity: 1;
}
}
/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lblrequired {
    font-size: 18px;
    font-family: 'Helveticaneue_italic';
    color: #2d373e;
}

.dashboard ul {
    list-style-type: none;
    padding-left: 0px;
}

.dashboard li {
    display: flex;
    align-items: normal;
    margin-top: 10px;
}

.list-description {
    padding-left: 10px;
    color: #4a4a4a;
    font-size: 16px;
    font-family: Helveticaneue_light;
    /*color: #000;
    font-size: 13px;
    font-family: Helveticaneue_regular;*/
}

.rightsection {
    width: 100%;
    /*border: 1px solid #D4D4E1;*/
    margin-top: 10px;
}


.leftsection {
    width: 100%;
    /* border: 1px solid #D4D4E1;*/
}

.fullwidth {
    width:100%;
}

.loginsection{width: 100%;}

.leftloginsection {
    width: 100%;
    /*  border: 1px solid #D4D4E1;*/
    margin-top: 10px;
}

.rightloginsection {
    width: 100%;
    /*border: 1px solid #D4D4E1;*/
}

.lblrequest {
    font-size: 12px;
    font-family: Helveticaneue_regular;
    color: #000;
}

.lblcreate {
    font-size: 13px;
    font-family: Helveticaneue_bold;
    color: #000;
}

.lblcontinue {
    font-size: 24px;
    color: #2D373E;
    font-family: Helveticaneue_light;
}

.lblwelcometxt {
    font-size: 35px;
    font-family: Helveticaneue_bold;
    color: #000;
}


.lblpropone {
    color: #2d373e;
    font-size: 20px;
    font-family: "Helveticaneue_regular", Arial;
}
/*
.lblpassword {
    color: #2d373e;
    font-size: 18px;
    font-family: "Helveticaneue_regular", Arial;
}
*/
.dropdown-content {
    display: block;
    max-width: 140px;
    margin-top: 12px;
    padding: 4px;
    border-radius: 15px;
}

    .dropdown-content li {
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        margin-left: 30px;
    }

.border-gradient {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
    margin-left: 30px;
    width: 115px;
}

.back {
    border-width: 7px;
    width: 340px !important;
}

.btn-wraper {
    width: 270px;
    margin: 0px auto;
}

.border-gradient-green {
    border-image-source: linear-gradient(to left, #4312c9, #e32b4d);
}

.border-gradient-red {
    border-image-source: linear-gradient(to right, #4312c9, #da621dd);
}

.only-top {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.only-bottom {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    width: 270px;
    margin: 25px auto;
}


.dropdown-content {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    cursor: pointer;
}


.dropdown:hover .dropdown-content {
    display: block;
}


.tabtext {
    cursor: pointer;
    font-size: 25px;
    display: inline-block;
    margin-top: 5px;
    color: #040072;
    padding-bottom: 10px;
}

.lblaccess {
    color: #000;
    font-size: 14px;
    font-family: Helveticaneue_regular;
}

.lblpaymentbtn {
    color: #2d373e;
    font-size: 16px;
    font-family: Helveticaneue_light;
}

.lblcreatetxt {
    color: #4a4a4a;
    font-size: 18px;
    font-family: Helveticaneue_light;
}

.lblaccount {
    color: #4a4a4a;
    font-size: 16px;
    font-family: Helveticaneue_light;
}
.lblpassword {
    color: #4a4a4a;
    font-size: 18px;
    font-family: Helveticaneue_light;
}
.lblforgot {
    color: #4a4a4a;
    font-size: 22px;
    font-family: Helveticaneue_light;
}

/*.k-tabstrip-items .k-item {
    color: black !important;
}
*/
.center-tabview .k-tabstrip-wrapper {

    width:100%;
}

.center-tabview .k-tabstrip > .k-content.k-state-active {
    min-height: 350px;
}

.center-tabview .k-tabstrip > .k-content {
    border-top-color: transparent !important;
    color: #212529 !important;
    background-color: #fff !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    min-height: 340px;
    border-top:unset!important;
}

.center-tabview .k-tabstrip > .k-content-active {
    min-height: 340px;
}

.center-tabview .k-tabstrip-items .k-item.k-state-hover, .k-tabstrip-items .k-item:hover {
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    border-bottom: 2px solid red;
    /* color: black !important;*/
}

.center-tabview .k-tabstrip-items .k-link {
    color: #212529;
    margin-top: 8px;
    font-weight: bold;
    border: unset !important;
    background-color: transparent !important;
}

    .center-tabview .k-tabstrip-items .k-link:hover {
        color: #000;
    }

.center-tabview .k-tabstrip-top > .k-tabstrip-items {
    border-color: transparent !important;
}

    .center-tabview .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default {
        border-bottom: 2px solid #e0e0e0  !important;
        border-top: unset !important;
        border-left: unset !important;
        border-right: unset !important;
        margin-top: 15px;
        background-color: transparent !important;
        border-radius: unset !important;
        width: 115px;
        margin-right: 20px;
    }

        .center-tabview .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default.k-state-active,
        .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-hover {
            border-bottom: 2px solid #da291c !important;
            border-top: unset !important;
            border-left: unset !important;
            border-right: unset !important;
            margin-top: 15px;
            background-color: transparent !important;
            border-radius: unset !important;
            width: 115px;
            margin-right: 20px;
        }

.center-tabview .k-widget > .k-tabstrip > .k-header > .k-floatwrap > .k-tabstrip-top {
    border: unset;
}




.tabview .k-tabstrip-wrapper {
    position: absolute;
    right: -130px;
    width: 400px;
}

.tabview .k-tabstrip > .k-content.k-state-active {
    min-height: 350px;
}

.tabview .k-tabstrip > .k-content {
    border-top-color:transparent;
    color: #212529 !important;
    background-color: #fff !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    min-height: 340px;
}

.tabview .k-tabstrip > .k-content-active {
    min-height: 340px;
}

.tabview .k-tabstrip-items .k-item.k-state-hover, .k-tabstrip-items .k-item:hover {
   
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
 border-bottom:2px solid red;
    /* color: black !important;*/
}

.tabview .k-tabstrip-items .k-link {
    color: #212529;
    margin-top: 8px;
    font-weight: bold;
    border:unset !important;
    background-color:#fff !important;
  
}

    .tabview .k-tabstrip-items .k-link:hover {
        color: #000;
    }

.tabview .k-tabstrip-top > .k-tabstrip-items {
    border-color: transparent;
}

    .tabview .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default {
        border-color: transparent;
        border-bottom-color: transparent !important;
        border-bottom-width: 3px;
        border:unset !important;
        margin-top:15px;
        background-color:#ffff !important;
        border-radius:unset !important;
       width:198px;
       margin-right:0px;
       
    }

        .tabview .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default.k-state-active,
        .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-hover {
            border-bottom: 2px solid #172FE6 !important;
            border-top: unset !important;
            border-left: unset !important;
            border-right: unset !important;
            margin-top: 15px;
            background-color: #ffff !important;
            border-radius: unset !important;
            width: 200px;
            margin-right: 0px;
        }

.tabview .k-widget > .k-tabstrip > .k-header > .k-floatwrap > .k-tabstrip-top{
    border:unset;
}


.tabview-mobile .k-tabstrip-wrapper {
    width:100%;
    position:relative;
    top:-30px;
}

.tabview-mobile .k-tabstrip > .k-content.k-state-active {
    min-height: 350px;
}

.tabview-mobile .k-tabstrip > .k-content {
    border-top-color: transparent;
    color: #212529 !important;
    background-color: #fff !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    min-height: 340px;
}

.tabview-mobile .k-tabstrip > .k-content-active {
    min-height: 340px;
}

.tabview-mobile .k-tabstrip-items .k-item.k-state-hover, .k-tabstrip-items .k-item:hover {
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    border-bottom: 2px solid red;
    /* color: black !important;*/
}

.tabview-mobile .k-tabstrip-items .k-link {
    color: #212529;
    margin-top: 8px;
    font-weight: bold;
    border: unset !important;
    background-color: #fff !important;
}

    .tabview-mobile .k-tabstrip-items .k-link:hover {
        color: #000;
    }

.tabview-mobile .k-tabstrip-top > .k-tabstrip-items {
    border-color: transparent;
}

    .tabview-mobile .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default {
        border-color: transparent;
        border-bottom-color: transparent !important;
        border-bottom-width: 3px;
        border: unset !important;
        margin-top: 15px;
        background-color: #ffff !important;
        border-radius: unset !important;
        width: 160px;
        margin-right: 0px;
    }

        .tabview-mobile .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default.k-state-active,
        .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-hover {
            border-bottom: 2px solid #172FE6 !important;
            border-top: unset !important;
            border-left: unset !important;
            border-right: unset !important;
            margin-top: 15px;
            background-color: #ffff !important;
            border-radius: unset !important;
            width: 160px;
            margin-right: 0px;
        }

.tabview-mobile .k-widget > .k-tabstrip > .k-header > .k-floatwrap > .k-tabstrip-top {
    border: unset;
}


.k-tabstrip > .k-content.k-state-active {
    min-height: 350px;
}

.k-tabstrip > .k-content {
    border-top-color: rgba(33, 37, 41, .125) !important;
    color: #212529 !important;
    background-color: #fff !important;
    border-left: transparent;
    border-right: transparent;
    border-bottom: transparent;
    min-height: 340px;
}

.k-tabstrip > .k-content-active {
    min-height: 340px;
}

.k-tabstrip-items .k-item.k-state-hover, .k-tabstrip-items .k-item:hover {
    border-bottom-color: #211df0;
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    /* color: black !important;*/
}

.k-tabstrip-items .k-link {
    color: #212529;
    margin-top: 8px;
    font-weight: bold;
}

    .k-tabstrip-items .k-link:hover {
        color: #000;
    }

.k-tabstrip-top > .k-tabstrip-items {
    border-color: transparent;
}

    .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default {
        border-color: transparent;
        border-bottom-color: rgba(33,37,41,.125);
        border-bottom-width: 3px;
    }

        .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default.k-state-active,
        .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-hover {
            border-color: transparent;
            border-bottom-color: #172FE6;
            border-bottom-width: 3px;
        }



.appliancesradiobtn {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    color: #2d373e;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .appliancesradiobtn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }


.appliancecheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #b7bbbd;
    border-radius: 50%;
}

.appliancesradiobtn:hover input ~ .appliancecheckmark {
    background-color: #ccc;
}

.appliancesradiobtn input:checked ~ .appliancecheckmark {
    background-color: #439D25;
}

.appliancecheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.appliancesradiobtn input:checked ~ .appliancecheckmark:after {
    display: block;
}

.appliancesradiobtn .appliancecheckmark:after {
    top: 8px;
    left: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.homesizeradiobtn {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-top: 5px;
    cursor: pointer;
    font-size: 16px;
    color: #2d373e;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Helveticaneue_light;
}

    .homesizeradiobtn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.homesizecheckmark {
    position: absolute;
    top: 17px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #b7bbbd;
    border-radius: 50%;
}

.homesizeradiobtn:hover input ~ .homesizecheckmark {
    background-color: #ccc;
}

.homesizeradiobtn input:checked ~ .homesizecheckmark {
    background-color: #439D25;
}

.homesizecheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.homesizeradiobtn input:checked ~ .homesizecheckmark:after {
    display: block;
}

.homesizeradiobtn .homesizecheckmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.dropdown-item {
    color: #2d373e !important;
}

.k-loading-mask {
    position: fixed !important;
    z-index: 10001;
}

.modal-header {
    background-color: #F1F1F1;
    justify-content:space-between;
}

table th {
    color: #211df0;
    font-size: 11pt;
    border-bottom: 2px solid #000 !important;
    font-weight: normal;
    font-family: Helveticaneue_medium;
}

td {
    color: #000;
    font-size: 13px;
}

#tblselectedlocations tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

#tblselectedlocations tbody td {
    font-size: 14px;
}

.tblpaymenthistory tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

.tblpaymenthistory td {
    color: #2d373e;
}

.BorderClass table tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

.contactLocWidth table tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

#EmailPrefrencesgrid table tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

#Accountactivity tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

#paybilltable tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

#OpenOrders table tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

#locationsGrid table tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

#documentstbl tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

#tblelectronicdoc tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

#tbltankownership tr:nth-child(odd) {
    background-color: #EAF1F9;
    line-height: 35px;
}

/*table tr:nth-child(even) {
    line-height: 35px;
}
table tr:nth-child(odd) {
    line-height: 35px;
}*/
#locationsGrid .k-icon {
    background: none !important;
}

#locationsGrid .k-pager-nav.k-link {
    color: #030066 !important;
}

.k-pager-numbers .k-link.k-state-selected {
    background-color: #030066 !important;
    color: #fff !important;
    border-color: #030066 !important;
}

#locationsGrid .k-grid-header th.k-header {
    padding-left: 10px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
}

#locationsGrid .k-grid-toolbar {
    border: none !important;
}

#locationsGrid .k-grid-header th.k-header, #OpenOrders .k-grid-header th.k-header {
    color: #030066;
    font-size: 11pt;
    font-family: Helveticaneue_medium;
}

.k-widget.k-calendar .k-calendar-view .k-content tr td.k-state-disabled .k-link {
    color: #c6c6c6 !important;
}

.k-widget.k-calendar .k-calendar-view .k-content tr td.k-other-month.k-state-disabled {
    opacity: .65 !important;
}

    .k-widget.k-calendar .k-calendar-view .k-content tr td.k-other-month.k-state-disabled .k-link {
        color: #c6c6c6 !important;
    }

.k-calendar .k-calendar-view td, .k-calendar .k-calendar-view th {
    padding: 5px !important;
    font-size: 14px !important;
}

.k-calendar .k-calendar-yearview .k-link, .k-calendar .k-year .k-link {
    width: 30px;
    height: 30px;
}

.k-calendar .k-calendar-view {
    height: auto;
}

#btnExport.k-button {
    background-color: #030066 !important;
    color: #fff !important;
    margin-bottom: 15px !important;
}

.k-grid td, .k-grid th {
    border-style: none;
}

#OpenOrders .k-grid-header th.k-header {
    padding: 6px !important;
}

body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.radiobtn-marketingquestions {
    width: 100%;
    padding: 12px 10px;
    margin-right: 0%;
}

#OpenOrders .k-grid-pager {
    display: none !important;
}

.dropit-submenu li {
    padding-bottom: 5px;
}

/*faq css starts*/

.accordion .fa {
    margin-right: 0.5rem;
}

.faqaccordian .card-header, .card-body {
    padding: 10px 10px !important;
    font-size: 13px;
    color: #030066 !important;
    font-family: Helveticaneue_light;
    border-bottom: 1px solid #e0e0e0 !important;
}

.faqaccordian .btn-link {
    font-size: 13px;
    color: #030066 !important;
    font-family: Helveticaneue_light;
    width: 100%;
    text-align: left;
    padding: 0px;
}

    .faqaccordian .btn-link:hover {
        font-size: 13px;
        color: #030066 !important;
        font-family: Helveticaneue_light;
        text-decoration: none;
        width: 100%;
        text-align: left;
        padding: 0px;
    }

.faqaccordian .card {
    border: none;
    border-radius: 0px;
}

.faqaccordian .card-header {
    background-color: transparent;
}

.faqminus {
    background-image: url('../../Images/minus-accordian.png') !important;
    width: 14px;
    height: 2px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-right: 10px;
    margin-top: 10px;
    float: left;
}

.faqexpand {
    background-image: url('../../Images/plus-accordian.png') !important;
    width: 14px;
    height: 14px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.faqselectedbg {
    background-color: #EAF1F9 !important;
}

.highlightedtext {
    font-family: Helveticaneue_medium !important;
}

.lblfaq {
    color: #030066;
    font-size: 32px;
    font-family: Helveticaneue_light;
    text-align: center;
}
/*:focus {
    outline: 1px dotted #B2B2B2 !important;
}*/

/*faq css ends*/

#Accountactivity tr td {
    font-size: 16px;
    padding:5px 10px 5px 10px;
}

.subcategoriestable tr:nth-child(odd) {
    background-color: #fff !important;
}

.subcategoriestable tr:nth-child(even) {
    background-color: #EAF1F9 !important;
}

.k-dirty {
    display: none;
}

.imgexpand {
    transform: rotate(180deg);
}

.imgcollapse {
    transform: rotate(0deg);
}

.k-grid-header th .k-i-sort-asc-sm,
.k-grid-header th .k-i-sort-desc-sm {
    display: inline !important;
    visibility: visible !important;
}
/*.k-grid-header th.k-sortable {
    display: inline !important;
    visibility: visible !important;
}*/



.guestsection {
    width: 100%;
    margin: 10px auto;
    /* justify-content: center;*/
}

.delivery-div {
    width: 70px;
}

.lblvalue.delivery-label {
    width: calc(100% -70px);
}

.schd-div {
    width: 150px;
}

.lblvalue.schd-label {
    width: calc(100% -150px);
}

.partialview-expand-txt label {
    font-size: 15px !important;
    line-height: 17px !important;
    font-family: Helveticaneue_regular !important;
    color: #040075 !important;
    vertical-align: top;
    margin-left: 3px;
}

.partialview-expand-txt input[type=checkbox] {
    width: 16px;
    height: 16px;
}

.partial-main-row {
    padding: 10px 8px;
    border-bottom: 1px solid #ddd;
}

    .partial-main-row.even {
        background-color: #F7F7FA;
    }

    .partial-main-row.odd {
        background-color: #fff;
    }

    .partial-main-row .lblselectlocation {
        font-size: 10pt;
    }

    .partial-main-row .partial-main-txt {
        font-size: 10pt;
    }

.partial-sub-row .lblselectlocation {
    font-size: 10pt;
}

.partial-sub-row .partial-main-txt {
    font-size: 10pt;
}

.partial-sub-row {
    display: block;
    background-color: #eaf1f9;
    padding: 1px 8px 8px 8px;
}

.partial-sub-second-row {
    border-bottom: 1px solid #ddd;
    padding: 0px 0px 10px 0px;
}

    .partial-sub-second-row:last-child {
        border-bottom: 0px solid #ddd;
    }

    .partial-sub-second-row .btnManageLocation {
        position: relative;
        width: 82px;
        color: #172fe6;
        font-size: 15px;
        margin-top: 0px;
        text-align: left;
        line-height: 16px;
    }

    .partial-sub-second-row .btnarrow-viewdetails {
        position: absolute;
        right: 4px;
        top: 0px;
        width: 20px;
    }

.driver-img {
    width: 100%;
    margin-top: 10px;
}

.btnarrow-detailsKendo {
    width: 20px;
    margin-left: 10px;
}

.select-location-table .k-grid.k-widget tbody tr td {
    font-family: 'Helveticaneue_light';
}

.select-location-table .k-grid.k-widget tbody tr.k-master-row td:nth-child(2) {
    font-family: 'Helveticaneue_regular' !important;
}

.select-location-table .k-grid.k-widget tbody tr td:last-child {
    font-family: 'Helveticaneue_regular' !important;
}

.select-location-table .k-grid.k-widget .k-selectable .k-grid-header tr th.k-sorted {
    background-color: transparent !important;
}
/*.select-location-table .k-grid.k-widget .k-selectable tbody tr.k-master-row {
        background-color: #d3d3d345;
    }*/

 

.select-location-table .k-grid.k-widget .k-selectable tbody tr.k-master-row.k-state-selected {
    background-color: #F7F7FA !important;
}

.submit-order {
    position: absolute;
    right: 6px;
    cursor: pointer;
    top: 6px;
    width: 40px;
}

.btnsubmit-order {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.last-deliverySubTxt span.blueCost {
    color: #172FE6;
    font-size: 15px;
    font-family: Helveticaneue_medium;
}

.last-deliverySubTxt span.taxTxt {
    color: #172FE6;
    font-size: 14px;
    cursor: pointer;
    font-family: Helveticaneue_regular;
}

.modal#reorderModal .modal-dialog {
    max-width: 700px !important;
}

.last-deliverySubTxt {
    font-size: 16px;
    color: #2d373e;
    font-family: Helveticaneue_regular;
    line-height: 24px;
    font-weight: 400;
}

    .last-deliverySubTxt span {
        font-family: 'Helveticaneue_regular';
        font-weight: 500;
        line-height: 24px;
        font-size: 15px;
        color: #2D373E;
    }

        .last-deliverySubTxt span input {
            border: 1px solid #D4D4E1;
            height: 40px;
            border-radius: 3px;
            padding: 10px;
        }

    .last-deliverySubTxt input {
        border: 1px solid #D4D4E1;
        height: 40px;
        border-radius: 3px;
        padding: 10px;
    }

.btnarrow-filterlocation {
    position: absolute;
    right: 15px;
    top: 18px;
}

.btnReorder {
    background: linear-gradient(to right, #363AE9, #341CAC, #330075);
    color: #172FE6;
    font-size: 14px;
    padding: 1px;
    font-family: Helveticaneue_medium;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    display: inline-block;
    border-color: transparent !important;
    border: 1px solid;
    line-height: 16px;
}

    .btnReorder span {
        background: #fff;
        display: block;
        padding: 15px;
        text-align: left;
        border-radius: 6px;
    }

.last-deliveryBox {
    background-color: #eaf1f9;
    padding: 15px;
    display: flex;
    border-radius: 3px;
}

.last-deliveryRightBrdr {
    border-right: 2px solid #e6e6e6;
    margin-right: 0px;
}

.last-deliveryHead {
    color: #000;
    font-family: Helveticaneue_bold;
    font-size: 20px;
    line-height: 36px;
}

.timeforDelivery {
    color: #000;
    font-family: Helveticaneue_bold;
    font-size: 20px;
    line-height: 36px;
}

.date-radioBtns {
    display: flex;
    margin-left: 0px;
    margin-right: 0px;
}

.select-location-table .k-grid.k-widget .k-selectable tbody tr.k-master-row k-state-selected {
    background-color: #eaf1f9 !important;
}
/* .select-location-table .k-grid.k-widget .k-selectable tbody tr.k-master-row:hover {
        background-color: #eaf1f9 !important;
    }*/
.select-location-table .k-grid.k-widget .k-selectable tr.k-detail-row .k-grid tbody tr.k-alt {
    background-color: #eaf1f9 !important;
}

.select-location-table .k-grid.k-widget .k-selectable tr.k-detail-row .k-grid tbody tr {
    background-color: #eaf1f9 !important;
}

.select-location-table .k-grid.k-widget .k-selectable tr.k-detail-row {
    background-color: #eaf1f9 !important;
}

    .select-location-table .k-grid.k-widget .k-selectable tr.k-detail-row .k-grid-header {
        display: none;
    }

    .select-location-table .k-grid.k-widget .k-selectable tr.k-detail-row .k-detail-cell {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .select-location-table .k-grid.k-widget .k-selectable tr.k-detail-row td.k-detail-cell .k-grid.k-widget.k-grid-display-block tbody tr td {
        border-bottom: 1px solid #fff;
    }

    .select-location-table .k-grid.k-widget .k-selectable tr.k-detail-row td.k-detail-cell .k-grid.k-widget.k-grid-display-block tbody tr:last-child td {
        border-bottom: 0px solid #fff;
    }

.select-location-table .k-grid.k-widget .k-selectable tr.k-master-row td:last-child {
    text-align: center
}

.select-location-table .k-grid.k-widget .k-selectable tr.k-master-row td[aria-expanded="true"] td {
    border-bottom: 1px solid #000;
}

.select-location-table .k-grid.k-widget .k-selectable tr.k-master-row td {
    border-bottom: 1px solid #000;
}

    .select-location-table .k-grid.k-widget .k-selectable tr.k-master-row td[aria-expanded="false"] {
        border-bottom: 0px solid #000;
    }

.select-location-table .k-grid.k-widget .k-selectable tr.k-master-row td {
    border-bottom: 0px solid #000;
}

    .select-location-table .k-grid.k-widget .k-selectable tr.k-master-row td:last-child a {
        color: #5353a2 !important;
    }
    .select-location-table .k-grid.k-widget .k-selectable tr.k-master-row td a {
        color: #172fe6 !important;
    }

.select-location-table .k-grid.k-widget .k-selectable .k-grid-header tr th.k-header label {
    margin-bottom: 0px !important;
}

.select-location-table .k-grid.k-widget {
    border: none;
}

    .select-location-table .k-grid.k-widget .k-selectable .k-grid-header {
        background-color: transparent;
    }

.contactrole .k-dropdown {
    width: 100% !important;
}

    .contactrole .k-dropdown .k-dropdown-wrap {
        background-color: #fff !important;
        height: 43px !important;
    }

.contactrole .search-container {
    display: flex;
    width: 100%;
}

    .contactrole .search-container button.searchIcon {
        float: right;
        background: #fff;
        font-size: 10px;
        cursor: pointer;
        margin: 0;
        padding: 10px;
        border: 1px solid #e4e7eb;
        border-left: 0px solid #ccc;
        border-radius: 0px 3px 3px 0px;
    }

    .contactrole .search-container button.searchClose {
        float: right;
        background: #fff;
        font-size: 10px;
        cursor: pointer;
        margin: 0;
        padding: 10px;
        border: 1px solid #e4e7eb;
        border-left: 0px solid #ccc;
        border-radius: 0px 0px 0px 0px;
    }


.contactrole input[type=text] {
    padding: 6px;
    font-size: 17px;
    border: 1px solid #e4e7eb;
    border-right: 0px solid #ccc;
    border-radius: 3px 0px 0px 3px;
    width: 100%;
}

.contactrole .search-container button:hover {
    background: #fff;
}

.to-datepicker-brdr .k-datepicker .k-picker-wrap {
    border-radius: 0.25rem 0rem 0rem 0.25rem;
    border-right: 0px solid #fff;
}

    .to-datepicker-brdr .k-datepicker .k-picker-wrap .k-select, .k-timepicker .k-picker-wrap .k-select {
        border-radius: 0px;
    }

.propagane-padding {
    padding-left: 0px;
}



.tabcontent .my-chart .k-series-column path {
    fill: #FF0000 !important; /* change color to red */
    stroke-width: 2 !important; /* change width to 2 */
}

.bg_disable {
    background: url(../images/mobile_disable.jpg) no-repeat 0 0;
}

.padversionDiv {
    width: 100%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    padding: 200px 0px;
}

.wid-100 {
    width: 100%;
}

.boxtanker {
    background-color: #F7F7FA;
    padding: 15px;
    margin-bottom: 25px;
    position: relative;
    width: 100%;
}

.boxtankerLast {
    background-color: #F7F7FA;
    padding: 15px;
    width: 100%;
}

.mt-15 {
    margin-top: 15px;
}

.alert-container {
    width: 100%;
    margin: 0px auto;
}

.marketingQuestionsradio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #3b4751;
    font-family: Helveticaneue_regular;
}

    .marketingQuestionsradio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.marketingQuestionsradiocheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 2px solid #2d373d;
    border-radius: 50%;
}

.marketingQuestionsradio:hover input ~ .marketingQuestionsradiocheckmark {
    background-color: #fff;
    border: 2px solid #2d373d;
}

.marketingQuestionsradio input:checked ~ .marketingQuestionsradiocheckmark {
    border: 2px solid #439D25;
    background-color: transparent;
    box-shadow: 0px 0px 4px 1px rgba(127,127,250,1);
}

.marketingQuestionsradiocheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.bgcolor-sitescheduleradio {
    background-color: #CFE0F3;
    border-radius: 3px;
}

.border-unchecked {
    border: 2px solid #CFE0F3;
    border-radius: 6px;
    cursor: pointer;
    background-color: #CFE0F3;
}

.border-checked {
    border: 2px solid #172FE6 !important;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer;
}

.marketingQuestionsradio input:checked ~ .marketingQuestionsradiocheckmark:after {
    display: block;
}

.marketingQuestionsradio .marketingQuestionsradiocheckmark:after {
    top: 4px;
    left: 4px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #439D25;
}

.k-chart {
    height: 400px !important;
    width: 1150px !important;
}
/*  #chartLine svg{
        width : 1100px !important;
    }*/
.main-part-div {
    display: block;
}

.pay-sub-div {
    width: 100%;
    display: flex;
}

.pay-sub-div1 {
    width: 100%;
    display: flex;
}

.pay-sub-inner {
    width: 40px;
}

.pay-sub-inner1 {
    width: 100%;
}

.orange-alert-icon {
    width: 30px;
}

.orange-alert-txt {
    width: 100%;
    font-size: 20px;
}

.request-redDiv {
    width: 100%;
    font-size: 14px;
}

.more-info-txt {
    width: calc(100% - 23px);
    color: #172FE6;
    text-align: right;
    margin-top: 25px;
    cursor: pointer;
}

.more-arrow {
    width: 18px;
    margin-left: 5px;
    margin-top: 25px;
}

.special-sub-txt {
    font-size: 16px;
    line-height: 18px;
    font-family: Helveticaneue_bold;
    color: #000;
}

.special-sub-para {
    font-size: 14px;
    line-height: 16px;
    font-family: Helveticaneue_light;
    color: #000;
}

.special-offer-text {
    color: #172FE6;
    font-size: 20px;
    line-height: 28px;
    font-family: Helveticaneue_medium;
    padding-bottom: 6px;
    border-bottom: 1px solid #B6BABC;
}

.step-box {
    /*background: #F0F0F5;*/
    background: #CFE0F3;
    border-radius: 3px;
    padding: 10px;
}

.check-greentick {
    width: 23px;
    height: 18px;
    border-radius: 50%;
    /* background-color: #040066;*/
    color: #fff;
    text-align: center;
    margin-right: 5px;
}

.why-links .check-text {
    width: calc(100% - 28px);
    font-family: Helveticaneue_light;
    color: #040066;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    margin-top: 3px;
}

.why-container {
    width: 100%;
    margin: 0px auto;
}

.why-heading {
    font-family: Helveticaneue_bold;
    color: #040066;
    font-size: 48px;
    line-height: 56px;
    text-align: left;
}

.thick-border {
    position: relative;
    margin-top: 10px;
}

    .thick-border img {
        width: 100px;
    }

    .thick-border::after {
        content: '';
        position: absolute;
        /*bottom: -20px;
            left: 15px;
            width: 80px;
            height: 5px;
            background: linear-gradient(to right, #ff0000, #00ff00, #0000ff);*/
        /*height: 8px;*/ /* Adjust the height to change the thickness of the border */
        /*background-color: #040066;*/ /* Set the color of the border */
    }

.why-para {
    font-family: Helveticaneue_light;
    margin-top: 40px;
    color: #040066;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    width: 100%;
}

.main-div {
    width: 100%;
    margin: 15px auto 0px;
}

.mainHeading-div {
    width: 100%;
    margin: 15px auto 0px;
    padding: 0px 0px 10px 0px;
}

    .mainHeading-div.greyborder-bottom {
        border-bottom: 2px solid #e6e6e6;
    }

    .mainHeading-div .greyborder-bottom {
        border-bottom: 2px solid #e6e6e6;
        padding-bottom: 15px;
    }

.btnsignup {
    position: relative;
    background-color: #172FE6;
    font-family: HelveticaNeue_Medium;
    border-radius: 7px;
    border: 2px solid #172FE6;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 13px 17px;
    cursor: pointer;
    letter-spacing: 0.25px;
    line-height: 16px;
    vertical-align: top;
    margin-left: 10px;
    width: 180px;
    text-align: center;
}

.btnsavequote {
    background-color: #fff;
    color: #172FE6;
    font-family: HelveticaNeue_Medium;
    font-size: 16px;
    border: 2px solid #172FE6;
    border-radius: 7px;
    padding: 13px 15px;
    cursor: pointer;
    outline: none;
    line-height: 16px;
    letter-spacing: 1.5px;
    width: 150px;
}

.lblpromocode-custqualify {
    color: #666666;
    font-size: 14px;
    font-family: Helveticaneue_light;
    line-height: 18px;
    letter-spacing: 0.2px;
}

.checkBoxStyling {
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 2px solid #B6BABC;
    border-radius: 6px;
    margin-right: 5px;
}

.response-text {
    font-size: 16px;
    line-height: 32px;
    color: #2D373E;
    font-family: Helveticaneue_medium;
}

.discl-head {
    font-size: 17px;
    line-height: 32px;
    color: #2D373E;
    font-family: Helveticaneue_medium;
    text-align: left;
}

.discl-para {
    font-size: 14px;
    line-height: 20px;
    color: #2D373E;
    font-family: Helveticaneue_light;
    text-align: left;
}

.lblpara {
    font-size: 17px;
    line-height: 30px;
    color: #2D373E;
    font-family: Helveticaneue_light;
}
.lblparaa {
    font-size: 15px;
    line-height: 30px;
    color: #2D373E;
    font-family: Helveticaneue_light;
}

.dateRadioStyles {
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    font-family: Helveticaneue_light;
    width: 110px;
    margin-top: 7px;
    background-color: #f4f4fe;
    padding: 10px 5px;
    border: 0px solid #211DF0;
    border-radius: 4px;
    margin-right: 5px;
}

    .dateRadioStyles:hover {
        border: 2px solid #211DF0;
        border-radius: 4px;
        width: 110px;
        background-color: #fff;
    }

    .dateRadioStyles label {
        margin-bottom: 0px !important;
    }
/* .dateRadioStyles1 {
        font-size: 14px;
        line-height: 16px;
        color: #666666;
        font-family: Helveticaneue_light;
        width: 116px;
        margin-top: 7px;
        background-color: #f4f4fe;
        padding: 10px 5px;
        border: 1px solid #211DF0;
        border-radius: 4px;
        margin-right: 5px;
    }
    .dateRadioStyles2 {
        font-size: 14px;
        line-height: 16px;
        color: #666666;
        font-family: Helveticaneue_light;
        width: 124px;
        margin-top: 7px;
        background-color: #f4f4fe;
        padding: 10px 5px;
        border: 1px solid #211DF0;
        border-radius: 4px;
        margin-right: 5px;
    }*/
.radio-styles {
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    font-family: Helveticaneue_light;
    width: 315px;
    margin-top: 7px;
    background-color: #f4f4fe;
    padding: 15px 10px;
    border: 1px solid #211DF0;
    border-radius: 4px;
    margin-right: 10px;
}

    .radio-styles:hover {
        border: 1px solid #211DF0;
        border-radius: 2px;
        width: 288px;
    }

.radio-styles1:hover {
    border: 1px solid #211DF0;
    border-radius: 2px;
    width: 288px;
}

.radio-styles1 {
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    font-family: Helveticaneue_light;
    width: 288px;
    margin-top: 7px;
    background-color: #f4f4fe;
    padding: 15px 10px;
    /*border: 1px solid #211DF0;*/
    border-radius: 4px;
}

.radio-styles label {
    margin-bottom: 0px !important;
}

.radio-styles1 label {
    margin-bottom: 0px !important;
}

.your-trend-text {
    font-size: 24px;
    line-height: 30px;
    color: #040075;
    font-family: Helveticaneue_light;
}

.your-trend-text1 {
    font-size: 24px;
    line-height: 30px;
    font-family: Helveticaneue_light;
    border-bottom: 1px solid #D4D4E1;
    padding: 0px 0px 15px 0px;
}

.time-gal-div {
    width: 100%;
    margin-bottom: 20px;
}

.gal-small-text {
    font-size: 14px;
    line-height: 18px;
    font-family: Helveticaneue_light;
    color: #2D373E;
    text-align: left;
}

.gal-number-text {
    font-size: 30px;
    line-height: 32px;
    font-family: Helveticaneue_bold;
    color: #040075;
    text-align: left;
}

.gal-number-text1 {
    font-size: 30px;
    line-height: 32px;
    font-family: Helveticaneue_bold;
    text-align: left;
}

.arrow-img-width {
    width: 20px;
    margin-right: 3px;
}

.arrow-text-width {
    width: calc(100% - 23px);
}

.date-txt p {
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    font-family: Helveticaneue_light;
    text-align: left;
}

.actionRqrdDiv {
    width: 365px;
}

.alartactionRqrdDiv {
    width: 200px;
}

.padCss {
    padding-top: 25px;
}

.padCss100 {
    padding-top: 100px;
}

.lnkedit-requestdelivery {
    color: #172fe6;
    font-size: 14px;
    text-decoration:none;
}

.skip-main {
    color: #172fe6;
    font-size: 15px;
}

.lblsubheading-profile {
    color: #2D373E;
    font-size: 15.5pt;
    border-bottom: 1px solid #ADADAD;
    padding-bottom: 16px;
}

.form-control {
    border: 1px solid #525252 !important;
}

    .form-control:focus {
        box-shadow: 0 0 0 0.2rem #3996f9;
    }

/*:focus {
        outline: 2px solid #323232 !important;
    }*/

.lblpaymentdue {
    color: #2d373e;
    font-size: 24px;
    font-family: Helveticaneue_light;
}

.runninglower-height {
    height: auto;
    margin-top: 60px;
}

.duplicatepaymentmethod {
    background-color: #F0F0F5;
    padding: 0px;
}

.lnkcontactus a {
    text-decoration: none;
}

    .lnkcontactus a:hover {
        text-decoration: none;
    }

.toppaperless {
    margin-top: 0px;
}

.lblselectlocation {
    color: #030066;
    font-size: 10.5pt;
    font-family: Helveticaneue_medium
}

.lnkinvoice {
    color: #172fe6;
    text-decoration: underline;
    font-size: 11.5pt;
    letter-spacing: 0.5px;
}

.rushdelivery-radiobtn {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Helveticaneue_regular;
}

    .rushdelivery-radiobtn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.rushdelivery-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
}

.rushdelivery-radiobtn:hover input ~ .rushdelivery-checkmark {
    background-color: #ccc;
}

.rushdelivery-radiobtn input:checked ~ .rushdelivery-checkmark {
    background-color: #fff;
    border: 1px solid #439D25;
}

.rushdelivery-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.rushdelivery-radiobtn input:checked ~ .rushdelivery-checkmark:after {
    display: block;
}

.rushdelivery-radiobtn .rushdelivery-checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #439D25;
}

.requestdel-radiobtn {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15.5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .requestdel-radiobtn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.requestdel-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
}

.requestdel-radiobtn:hover input ~ .requestdel-checkmark {
    background-color: #ccc;
}

.requestdel-radiobtn input:checked ~ .requestdel-checkmark {
    background-color: #fff;
    border: 1px solid #439D25;
}

.requestdel-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.requestdel-radiobtn input:checked ~ .requestdel-checkmark:after {
    display: block;
}

.requestdel-radiobtn .requestdel-checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #439D25;
}

.pendingorderbg-fullorderdetails {
    background-color: #030066;
    font-family: Helveticaneue_light;
    padding-left: 15px !important;
    letter-spacing: 0.9px;
}

.makepaymentheaderDisable {
    color: #C1C1C1 !important;
    font-size: 13.5px;
    cursor: default;
}

    .makepaymentheaderDisable:hover {
        color: #C1C1C1 !important;
        font-size: 13.5px;
        text-decoration: none;
        cursor: default;
    }

.txtredborder {
    border: 1px solid #ff0000;
}

#autopayfailAlert .modal-dialog {
    max-width: 100%;
}

#paymentBlockAlert .modal-dialog {
    max-width: 100%;
}

#FailedPaymentAlert .modal-dialog {
    max-width: 100%;
}

.paymentdate {
    color: #303030;
    font-size: 18.6667px;
    font-family: Helveticaneue_regular;
    font-weight: 600;
}

.openinvtooltip {
    position: absolute !important;
    right: 16px;
    top: 0px;
}

.lblvalue-scheduleddel {
    color: #2d373e;
    font-size: 15px;
    font-family: Helveticaneue_medium;
}

.orderrefbgcolor {
    background-color: #030066;
    padding: 12px;
}

.lnkbusinesslogin {
    color: #1A35E9;
    font-size: 16px;
    line-height: 22px;
    font-family: Helveticaneue_light;
    background-color: transparent;
    text-decoration: underline;
    border: none;
}

.lbltimeframe-scheduleddel {
    color: #2d373e;
    font-size: 15px;
    font-family: Helveticaneue_light;
    letter-spacing: 0.3px;
}

.timeframe-scheduleddel {
    color: #030066;
    font-family: Helveticaneue_medium;
    font-size: 25px;
}

.lblname-scheduleddel {
    color: #646464;
    font-size: 15px;
    font-family: Helveticaneue_light;
    letter-spacing: 0.3px;
}

.autopayalert {
    color: #040072;
    font-family: Helveticaneue_medium;
    font-size: 15px;
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

    .autopayalert a:hover {
        text-decoration: none;
        cursor: default;
    }

.btnbacktransparent {
    color: #172fe6;
    font-size: 12pt;
}

.k-listview {
    border-color: transparent;
}

.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
    color: #fff !important;
}

.leftmargin-billingnotification {
    margin-left: 0px;
}

.leftmargin-paperlessbilling {
    margin-left: 0px;
}

.lnkmanage {
    color: #2d373e;
    cursor: pointer;
    text-decoration: none;
    font-size: 16.5px;
    font-family: Helveticaneue_regular;
    letter-spacing: 0.5px;
    float: right;
}

.lbluseraccount {
    color: #303030;
    font-size: 17.6667px;
    font-family: Helveticaneue_regular;
    font-weight: 600;
}

.lbluserdisplayname {
    color: #303030;
    font-size: 16px;
    font-family: Helveticaneue_regular;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.paymentdueDesc {
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 20px;
    color: #303030;
    font-family: Helveticaneue_light;
}

.leftpadding-makepayment {
    padding-left: 0px;
}

.imgPaybill {
    height: 50px;
    margin-left: 10px;
    margin-right: 10px;
}

.payments .k-pager-sm .k-pager-sizes {
    display: none;
}

.payments .k-pager-info {
    display: none;
}

.payments .k-pager-wrap {
    justify-content: end;
}

.topmargin-setupmybill {
    top: -100px;
    z-index: 102;
}

.lnkcancel-mkepayment {
    color: #fff;
    text-decoration: underline;
    font-size: 13pt;
    letter-spacing: 0.5px;
    font-family: Helveticaneue_light;
}

    .lnkcancel-mkepayment:hover {
        color: #fff;
    }

.lnkviewinvoice-invoice {
    color: #211DF0;
    font-size: 15.8px;
    letter-spacing: 0.5px;
    text-decoration: underline;
    font-family: Helveticaneue_light;
    background-color: transparent;
    border: none;
    padding-left: 0px;
}

.lnkcancel-paymenthistory {
    color: #211DF0;
    font-size: 15.8px;
    letter-spacing: 0.5px;
    text-decoration: underline;
    font-family: Helveticaneue_regular;
    background-color: transparent;
    border: none;
    padding-left: 0px;
}

button:focus {
    outline: none;
}

.lblautopaydesc {
    color: #303030;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.lblbillingpayment {
    color: #303030;
    font-size: 16px;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #F0F0F5;
    font-family: Helveticaneue_medium;
}

.txtbillingcommunications {
    color: #303030;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding-top: 10px !important;
}

.lblemail {
    color: #303030;
    font-size: 15px;
    /* font-family: Helveticaneue_medium;*/
    font-family: Helveticaneue_regular;
    letter-spacing: 0.5px;
}

.lblPaymentAmount-savedpayment {
    color: #545454;
    font-size: 11px;
    letter-spacing: 1px;
    font-family: Helveticaneue_medium;
}

.paymentAmountvalue-savedpayment {
    color: #303030;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.lnkcancel-back {
    color: #211DF0;
    font-family: Helveticaneue_medium;
    margin-left: 10px;
    background-color: transparent;
    border: 0px none;
}


.lnkcancel {
    text-decoration: underline;
    color: #211DF0;
    font-family: Helveticaneue_medium;
    margin-left: 10px;
    background-color: transparent;
    border: 0px none;
}

.lnkFiltercancel {
    text-decoration: none;
    color: #211DF0;
    font-family: 'Helveticaneue_regular';
    margin-left: 10px;
    background-color: transparent;
    border: 0px none;
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-top: 15px;
}

.lnkpayanotheramount {
    display: block;
    margin-left: 0px;
}

.lbltotalpayment {
    padding-left: 0px;
}

.tblpaymentmethod-paymenthistory {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 0px !important;
    font-family: Helveticaneue_medium;
    color: #303030;
    font-size: 10.3pt;
    letter-spacing: 0.5px;
}

.tblheading-makepayment {
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 0px !important;
    font-family: Helveticaneue_medium;
    color: #303030;
    font-size: 10.3pt;
    letter-spacing: 0.5px;
}

.tbldata-makepayment {
    width: 100%;
    height: auto;
    float: left;
    color: #303030;
    font-size: 10.8pt;
    line-height: 20px;
    letter-spacing: 1px;
}

.tblamount-paymenthistory {
    width: 100%;
    height: auto;
    float: left;
    color: #303030;
    font-size: 15px;
    letter-spacing: 1px;
    /*font-family: Helveticaneue_medium;*/
    font-family: Helveticaneue_regular;
    font-weight: 600;
}

.tbldate-paymenthistory {
    width: 100%;
    height: auto;
    float: left;
    color: #303030;
    font-size: 15px;
    /*font-family: Helveticaneue_medium;*/
    font-family: Helveticaneue_regular;
    font-weight: 600;
    letter-spacing: 1px;
    border-right: 4px solid #D0021B;
    padding-right: 8px;
}

.tbldate-messagecenter{
    width: 100%;
    height: auto;
    float: left;
    color: #303030;
    font-size: 15px;
    /*font-family: Helveticaneue_medium;*/
    font-family: Helveticaneue_regular;
    letter-spacing: 1px;
    border-left: 4px solid #D0021B;
    padding-left: 8px;
}
.tbldate-paymentinvoice {
    width: 100%;
    height: auto;
    float: left;
    color: #303030;
    font-size: 15px;
    font-family: Helveticaneue_regular;
    font-weight: 600;
    letter-spacing: 1px;
}

.mobileAlignment {
    display: inline-block;
}

.chkmakepayment {
    width: 2px; /*50px*/
    height: auto;
    float: left;
    margin-top: 10px;
}

.tblinvoice {
    width: 90px;
    height: auto;
    float: left;
    margin-left: 30px;
}

.tblpaybillinvoice {
    width: 125px;
    height: auto;
    float: left;
}

.tblstatus {
    width: 120px;
    height: auto;
    float: left;
    margin-left: 30px;
}

.tblstatus-paymenthistory {
    width: 120px;
    height: auto;
    float: left;
    margin-left: 0px;
    font-family: Helveticaneue_regular;
    color: #307718;
    font-size: 15px;
    letter-spacing: 0.5px;
    margin-top: 15px;
}

.tblDueby {
    width: 90px;
    height: auto;
    float: left;
    margin-left: 30px;
}

.tblDate {
    width: 125px;
    height: auto;
    float: left;
    margin-left: 0px;
}

.tblDate-invoices {
    width: 125px;
    height: auto;
    float: left;
    margin-left: 0px;
}

.tblPaymentMethod {
    width: 100%;
    height: auto;
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

.tblConfirmation {
    width: 100%;
    height: auto;
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

.tblInvoiceNum-invoice {
    width: 100%;
    height: auto;
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

.tblPONum-invoices {
    width: 100%;
    height: auto;
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

.tblStatus-invoices {
    width: 100%;
    height: auto;
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

.tblStatus-open {
    color: #C4022B;
    font-family: Helveticaneue_medium;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-right: 4px solid #D0021B;
    padding-right: 8px;
}

.tblStatus-due {
    color: rgb(48, 119, 24);
    font-family: Helveticaneue_medium;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.tblBillIssued-invoices {
    width: 100%;
    height: auto;
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

.tblAmountPaid {
    width: 125px;
    height: auto;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}

.tblpaymentDate {
    width: 84px;
    height: auto;
    float: left;
    margin-left:15px;
}

.tblPaymentAmount {
    width: 150px;
    height: auto;
    float: left;
    margin-left: 30px;
    margin-top: 15px;
}

.tblEditPaymentAmount {
    width: 165px;
    height: auto;
    float: left;
    margin-left: 30px;
}

.btncalculatepay {
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 16px;
    padding: 13px 25px;
}

#yourallsetModal .modal-dialog {
    max-width: 100%;
}

#TurnOffyourallsetModal .modal-dialog {
    max-width: 100%;
}

#turnonautopayModal .modal-dialog {
    max-width: 100%;
}

#autoPaymentOptionModal .modal-dialog {
    max-width: 100%;
}

#RemovesuccessScheduleModal .modal-dialog {
    max-width: 100%;
}

#turnoffautopayModal .modal-dialog {
    max-width: 100%;
}

#EnableautopayModal .modal-dialog {
    max-width: 100%;
}

#paymentdeclinedturnoffautopayModal .modal-dialog {
    max-width: 100%;
}

#PaymentautopayModal .modal-dialog {
    max-width: 100%;
}

.btnconfirm {
    background-color: #211DF0;
    color: #fff;
    padding: 8px 30px;
    border: 0px none;
    font-size: 15px;
    border-radius: 5px;
}

.btnconfirmDisable {
    background-color: #A3ACF5;
    color: #fff;
    padding: 8px 30px;
    border: 0px none;
    font-size: 15px;
    border-radius: 5px;
}

.chkautopay {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .chkautopay input {
        position: relative;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.chkcheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 2px solid #D4D4E1;
}

.chkautopay:hover input ~ .chkcheckmark {
    background-color: transparent;
}

.chkautopay input:checked ~ .chkcheckmark {
    background-color: #211DF0;
    border: none;
}

.chkcheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.chkautopay input:checked ~ .chkcheckmark:after {
    display: block;
}

.chkautopay .chkcheckmark:after {
    left: 9px;
    top: 5px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rdbautopay {
    display: block;
    position: relative;
    margin-top: 15px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 2px 0px 12px 50px;
}

    .rdbautopay input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.rdbcheckmark {
    position: absolute;
    top: 15px;
    left: 15px;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #D4D4E1;
}

.rdbautopay:hover input ~ .rdbcheckmark {
    background-color: #ccc;
}

.rdbautopay input:checked ~ .rdbcheckmark {
    background-color: #fff;
    border: 2px solid #211DF0;
}

.rdbcheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.rdbautopay input:checked ~ .rdbcheckmark:after {
    display: block;
}

.rdbautopay .rdbcheckmark:after {
    top: 3px;
    left: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #211DF0;
}

.btnaddpaymentmethod {
    border: 2px solid #211DF0;
    background-color: #F4F4FE;
    width: 100%;
    height: 80px;
    text-align: left;
    color: #211DF0;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-family: Helveticaneue_medium;
}

.btnselectpayment {
    border: 2px solid #D4D4E1;
    background-color: #fff;
    border-radius: 10px;
    font-size: 16px;
    width: 100%;
    height: 75px;
    text-align: left;
}

.lblautomaticpayments {
    color: #303030;
    font-size: 16px;
    font-family: Helveticaneue_medium;
    letter-spacing: 0.5px;
}

.lblsavedpayment {
    color: #303030;
    font-size: 16px;
    letter-spacing: 0.5px
}

.lblcardtype {
    color: #303030;
    font-size: 15px;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.lblfilterby-paymenthistory {
    width: auto;
    height: auto;
    float: left;
    margin-right: 15px;
    color: #303030;
    margin-top: 10px;
}

.dollar {
    display: inline-block;
    position: relative;
}

    .dollar input {
        padding-left: 20px;
    }

    .dollar:before {
        position: absolute;
        content: "$";
        left: 42px;
        top: 7px;
        font-size: 18px;
        color: #303030;
    }

.txtpayamount {
    color: #303030;
    font-size: 16px;
    font-family: Helveticaneue_regular;
}

.SetupBill .k-datepicker .k-picker-wrap.k-state-hover .k-select, .SetupBill .k-datepicker .k-picker-wrap:hover .k-select, .SetupBill .k-datetimepicker .k-picker-wrap.k-state-hover .k-select, .SetupBill .k-datetimepicker .k-picker-wrap:hover .k-select, .SetupBill .k-timepicker .k-picker-wrap.k-state-hover .k-select, .SetupBill .k-timepicker .k-picker-wrap:hover .k-select {
    background-color: transparent;
    border-color: transparent;
}

.SetupBill .k-datepicker .k-picker-wrap.k-state-active .k-select, .SetupBill .k-datetimepicker .k-picker-wrap.k-state-active .k-select, .SetupBill .k-timepicker .k-picker-wrap.k-state-active .k-select {
    background-color: transparent;
    border-color: transparent;
}

.SetupBill .k-icon {
    background-image: url('/images/calendar-setupbill.png');
    width: 17px;
    height: 17px;
    position: absolute;
    right: 20px;
}

.SetupBill .k-i-calendar::before {
    display: none !important;
}

.SetupBill .k-datepicker .k-select, .SetupBill .k-datetimepicker .k-select, .SetupBill .k-timepicker .k-select {
    background-color: #fff;
    border-color: #fff;
}

.lblPaymentAmount-setupbill {
    width: 100%;
    color: #303030;
    font-size: 11.3pt;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: Helveticaneue_regular;
    height: 40px;
}

.lnkenrollautopay {
    color: #172fe6;
    text-decoration: underline;
    font-size: 11pt;
    font-family: Helveticaneue_medium;
}

.lblPaymentDetails {
    color: #6E6E6E;
    font-size: 16pt;
    letter-spacing: 0.8px;
    padding-bottom: 10px !important;
    opacity: 95%
}

.paymentmethod-confirmbill {
    font-family: Helveticaneue_medium;
    color: #303030;
    font-size: 10.3pt;
    letter-spacing: 0.5px;
}

.lblPayment-setupbill {
    color: #303030;
    font-size: 10.3pt;
    font-family: Helveticaneue_medium;
    letter-spacing: 0.5px;
}

.btneditpayment {
    color: #172fe6;
    text-decoration: underline;
    font-size: 11pt;
    background-color: transparent;
    border: none;
}

.leftpadd-payamount {
    padding-left: 35px;
}

.defaultpayment-radiobtn {
    font-size: 11pt;
    margin-bottom: 0px !important;
    letter-spacing: 0.3px;
    color: #303030;
}

.selected-autopay {
    border: 2px solid #211DF0;
    border-radius: 2px;
    background-color: #f4f4fe;
}

.unselected-autopay {
    border: 2px solid #D4D4E1;
    border-radius: 2px;
    background-color: #fff;
}

.selected-defaultpayment {
    border: 2px solid #211DF0;
    border-radius: 2px;
    background-color: #f4f4fe;
    font-family: Helveticaneue_regular;
    font-weight: 600
}

.unselected-defaultpayment {
    border: 2px solid #D4D4E1;
    border-radius: 2px;
    background-color: #fff;
}

.selectedrow-makepayment {
    border: 2px solid #211DF0;
    border-radius: 7px;
    background-color: #f4f4fe;
}

.unselectedrow-makepayment {
    border: 1px solid #D4D4E1;
    border-radius: 7px;
    background-color: #fff;
}

.unselectedrow-confirmpayment {
    border: 2px solid #D4D4E1;
    border-radius: 7px;
    background-color: #F7F7FA;
}

.confirmpayment-table table th:first-child {
    color: #9a9a9a;
    font-size: 8.3pt;
    border-bottom: 0px !important;
    padding-right: 5px;
    font-family: 'Helveticaneue_medium';
    letter-spacing: 1.3px;
}

.confirmpayment-table table th {
    color: #6E6E6E;
    font-size: 12px;
    border-bottom: 0px !important;
    padding-right: 80px;
    font-family: Helveticaneue_medium;
    letter-spacing: 1px;
    opacity: 90%;
}

.confirmpayment-table table td {
    color: #303030;
    font-size: 12pt;
    line-height: 25px;
    letter-spacing: 1px;
}

.makepayment-table table th:first-child {
    color: #9a9a9a;
    font-size: 8.3pt;
    border-bottom: 0px !important;
    padding-right: 5px;
    font-family: 'Helveticaneue_medium';
    letter-spacing: 1.3px;
}

.makepayment-table table th {
    color: #9a9a9a;
    font-size: 8pt;
    border-bottom: 0px !important;
    padding-right: 90px;
    font-family: Helveticaneue_medium;
    letter-spacing: 1px;
}

.makepayment-table table td {
    color: #303030;
    font-size: 10.8pt;
    line-height: 20px;
    letter-spacing: 1px;
}

.paymentinvoice-table table th {
    color: #9a9a9a;
    font-size: 8pt;
    border-bottom: 0px !important;
    padding-right: 75px;
    font-family: Helveticaneue_medium;
    letter-spacing: 1px;
}

.paymentinvoice-table table td {
    color: #303030;
    font-size: 10.8pt;
    line-height: 20px;
    letter-spacing: 1px;
}

.paymenthistory-table table th {
    color: #9a9a9a;
    font-size: 8pt;
    border-bottom: 0px !important;
    padding-right: 65px;
    font-family: Helveticaneue_medium;
    letter-spacing: 1px;
}

.paymenthistory-table table td {
    color: #303030;
    font-size: 10.8pt;
    line-height: 20px;
    letter-spacing: 1px;
}

.paymentamount-makepayment {
    color: #303030;
    font-size: 22pt;
    padding-left: 35px !important;
    margin-top: 0px;
}

.lblchoosepayment {
    border-bottom: 2px solid #F4F4F7;
    font-size: 11pt;
    color: #303030;
    letter-spacing: 0.5px;
    font-family: Helveticaneue_medium;
}

.paymentdue {
    color: #6E6E6E;
    font-size: 13pt;
    display: flex;
    letter-spacing: 1px;
}

.sortbydropdown {
    font-size: 11pt;
    color: #6E6E6E;
}

.lblTotalAmount-MakePayment {
    font-size: 20pt;
    font-family: Helveticaneue_light;
}

.btnnext-makepayment {
    background-color: #fff;
    width: 215px;
    height: 50px;
    color: #172fe6;
    border: 0px none;
    border-radius: 5px;
    font-size: 12pt;
    font-family: Helveticaneue_medium;
    letter-spacing: 0.5px;
}

.openinvoice-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 12pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #6E6E6E;
}

    .openinvoice-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.openinvoice-checkmark {
    position: absolute;
    top: -6px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #D4D4E1;
}

.openinvoice-checkbox:hover input ~ .openinvoice-checkmark {
    background-color: #ccc;
}

.openinvoice-checkbox input:checked ~ .openinvoice-checkmark {
    background-color: #130FE4;
}

.openinvoice-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.openinvoice-checkbox input:checked ~ .openinvoice-checkmark:after {
    display: block;
}

.openinvoice-checkbox .openinvoice-checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.confirmpaybill-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 12pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #6E6E6E;
}

    .confirmpaybill-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.confirmpaybill-checkmark {
    position: absolute;
    top: -6px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #D4D4E1;
}

.confirmpaybill-checkbox:hover input ~ .confirmpaybill-checkmark {
    background-color: #ccc;
}

.confirmpaybill-checkbox input:checked ~ .confirmpaybill-checkmark {
    background-color: #D4D4E1;
}

.confirmpaybill-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.confirmpaybill-checkbox input:checked ~ .confirmpaybill-checkmark:after {
    display: block;
}

.confirmpaybill-checkbox .confirmpaybill-checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.makepayment-radiobtn {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 10pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .makepayment-radiobtn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.makepayment-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #D4D4E1;
}

.makepayment-radiobtn :hover input ~ .makepayment-checkmark {
    background-color: #fff;
}

.makepayment-radiobtn input:checked ~ .makepayment-checkmark {
    background-color: #fff;
    border: 2px solid #211DF0;
}

.makepayment-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.makepayment-radiobtn input:checked ~ .makepayment-checkmark:after {
    display: block;
}

.makepayment-radiobtn .makepayment-checkmark:after {
    top: 2px;
    left: 2px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #211DF0;
}

.defaultpayment-radiobtn {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 10pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .defaultpayment-radiobtn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.defaultpayment-checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #D4D4E1;
    margin-top: 15px;
}

.defaultpayment-radiobtn:hover input ~ .defaultpayment-checkmark {
    background-color: #fff;
}

.defaultpayment-radiobtn input:checked ~ .defaultpayment-checkmark {
    background-color: #fff;
    border: 2px solid #211DF0;
    margin-top: 15px;
}

.defaultpayment-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.defaultpayment-radiobtn input:checked ~ .defaultpayment-checkmark:after {
    display: block;
}

.defaultpayment-radiobtn .defaultpayment-checkmark:after {
    top: 2px;
    left: 2px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #211DF0;
}

.openinvoices {
    background-color: #D4D4E1;
    padding: 4px 15px;
    color: #303030;
    font-size: 9.5pt;
    border-radius: 15px;
    margin-left: 15px;
    font-family: Helveticaneue_bold;
}

.lblautopay-makepayments {
    color: #303030;
    font-size: 20px;
    font-family: Helveticaneue_light;
    letter-spacing: 0.3px;
}

.lbldesc-makepayment {
    color: #303030;
    font-size: 16px;
    font-family: Helveticaneue_light;
    letter-spacing: 0.4px;
    line-height: 24px;
}

.lblTotalAmount-Payment {
    color: #030066;
    font-size: 20pt;
    font-family: Helveticaneue_medium;
    margin-top: -10px;
}

.lblpaymentheading {
    color: #2d373e;
    font-family: Helveticaneue_light;
    font-size: 11.5pt;
}

.lblText-Payment {
    color: #2d373e;
    font-size: 12pt;
}

.lblPaymentAmount {
    color: #030066;
    font-size: 30pt;
    font-family: Helveticaneue_light;
}

.paymentoptionsWrapperDiv {
    width: 100%;
}

.savedPaymentsWrapperDiv {
    width: 100%;
}

.savedPaymentsInnerWrapper {
    width: 100%;
    background-color: #fff;
}

.billingCommunicationInnerWrapper {
    width: 100%;
}

.confirmpaymentoptionsWrapperDiv {
    width: 100%;
    margin:20px auto;
}
.guestpaymentoptionsWrapperDiv {
    width: 100%;
    margin: 0px auto;
}
.confirmWrapperDiv {
    width: 100%;
    margin: 0px auto;
}
.paymentWrapper {
    width: 100%;
}

.paymentWrapper-setupbill {
    width: 100%;
}

.paymentradiobtn {
    width: 100%;
    background-color: #d4e1ed;
    border-radius: 4px;
    padding: 10px;
    margin-top: 15px;
    margin-right: 8px;
    display: inline-block;
}

.payment-radiobtn {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .payment-radiobtn input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.payment-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
}

.payment-radiobtn:hover input ~ .payment-checkmark {
    background-color: #ccc;
}

.payment-radiobtn input:checked ~ .payment-checkmark {
    background-color: #fff;
    border: 1px solid #439D25;
}

.payment-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.payment-radiobtn input:checked ~ .payment-checkmark:after {
    display: block;
}

.payment-radiobtn .payment-checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #439D25;
}

.paymentcardname {
    color: #2d373e;
    font-size: 16px;
    font-family: Helveticaneue_regular;
    letter-spacing: 0.5px;
}

.lnkpayment {
    color: #172fe6;
    font-size: 14px;
    text-decoration: underline;
    letter-spacing: 0.25px;
}

.lnkmanagepreferene {
    color: #211DF0;
    font-size: 15px;
    text-decoration: underline;
    letter-spacing: 0.5px;
}

.lblAutomaticpayments-Payment {
    color: #307718;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.forecast-checkbox {
    /*display: block;*/
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 12pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .forecast-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.forecast-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 2px solid #D4D4E1;
}

.forecast-checkbox:hover input ~ .forecast-checkmark {
    background-color: #ccc;
}

.forecast-checkbox input:checked ~ .forecast-checkmark {
    background-color: #439D25;
}

.forecast-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.forecast-checkbox input:checked ~ .forecast-checkmark:after {
    display: block;
}

.forecast-checkbox .forecast-checkmark:after {
    left: 7px;
    top: 2px;
    width: 8px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.leakcheck-checkbox {
    /*display: block;*/
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Helveticaneue_light;
}

    .leakcheck-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.leakcheck-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #B6BABC;
}

.leakcheck-checkbox:hover input ~ .leakcheck-checkmark {
    background-color: #ccc;
}

.leakcheck-checkbox input:checked ~ .leakcheck-checkmark {
    background-color: #439D25;
}

.leakcheck-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.leakcheck-checkbox input:checked ~ .leakcheck-checkmark:after {
    display: block;
}

.leakcheck-checkbox .leakcheck-checkmark:after {
    left: 6px;
    top: 2px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.openinvoice-tooltip {
    display: inline-block;
    position: relative;
}

    .openinvoice-tooltip .openinvoice-tooltiptext {
        /* visibility: hidden;*/
        width: 220px;
        background-color: #E7EAFC;
        border: 3px solid #172fe6;
        color: #030066;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -45px;
        font-size: 14px;
        left:-156px;
        font-family: Helveticaneue_regular;
    }

        .openinvoice-tooltip .openinvoice-tooltiptext::after {
            height: 15px;
            width: 15px;
            position: absolute;
            content: '';
            background: #E7EAFC;
            border: 3px solid #172fe6;
            border-top-width: 0px;
            border-left-width: 0px;
            transform: rotate(45deg);
            bottom: -9px;
            right: 38px;
        }

/*  .openinvoice-tooltip:hover .openinvoice-tooltiptext {
            visibility: visible;
        }*/

.quickpay-tooltip {
    position: relative;
    display: inline-block;
}

    .quickpay-tooltip .quickpay-tooltiptext {
        /* visibility: hidden;*/
        width: 300px;
        background-color: #E7EAFC;
        color: #030066;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 0px;
        margin-left: -60px;
        border: 3px solid #172fe6;
    }

        .quickpay-tooltip .quickpay-tooltiptext::after {
            height: 15px;
            width: 15px;
            position: absolute;
            content: '';
            background: #E7EAFC;
            border: 3px solid #172fe6;
            border-top-width: 0px;
            border-left-width: 0px;
            transform: rotate(-135deg);
            top: -9px;
            left: 65px;
        }

/*  .quickpay-tooltip:hover .quickpay-tooltiptext {
            visibility: visible;
        }*/

.makepayment-tooltip {
    display: inline-block;
}

    .makepayment-tooltip .makepayment-tooltiptext {
        visibility: hidden;
        width: 300px;
        background-color: #E7EAFC;
        color: #030066;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 38px;
        margin-left: -45px;
        border: 3px solid #172fe6;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        font-family: Helveticaneue_regular;
    }

        .makepayment-tooltip .makepayment-tooltiptext::after {
            height: 15px;
            width: 15px;
            position: absolute;
            content: '';
            background: #E7EAFC;
            border: 3px solid #172fe6;
            border-top-width: 0px;
            border-left-width: 0px;
            transform: rotate(45deg);
            bottom: -9px;
            right: 125px;
        }

    .makepayment-tooltip:hover .makepayment-tooltiptext {
        visibility: visible;
    }

.paymenthistorystatus {
    display: inline-block;
    position: relative;
}

    .paymenthistorystatus .paymenthistorystatustext {
        visibility: hidden;
        width: 200px;
        background-color: #E7EAFC;
        color: #030066;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        top: -10px;
        right: -212px;
        border: 3px solid #172fe6;
        font-size: 14px;
        line-height: 25px;
        text-align: left;
        font-family: Helveticaneue_regular;
    }

        .paymenthistorystatus .paymenthistorystatustext::after {
            height: 15px;
            width: 15px;
            position: absolute;
            content: '';
            background: #E7EAFC;
            border: 3px solid #172fe6;
            border-top-width: 0px;
            border-left-width: 0px;
            transform: rotate(130deg);
            top: 14px;
            left: -8px;
        }

    .paymenthistorystatus:hover .paymenthistorystatustext {
        visibility: visible;
    }

.estimatedDaystooltip {
    display: inline-block;
    position:relative;
}

    .estimatedDaystooltip .estimatedDaystooltiptext {
        visibility: hidden;
        width: 300px;
        background-color: #E7EAFC;
        color: #030066;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: -206px;
        border: 3px solid #172fe6;
        font-size: 14px;
        line-height: 25px;
        text-align: left;
        font-family: Helveticaneue_regular;
    }

        .estimatedDaystooltip .estimatedDaystooltiptext::after {
            height: 15px;
            width: 15px;
            position: absolute;
            content: '';
            background: #E7EAFC;
            border: 3px solid #172fe6;
            border-top-width: 0px;
            border-left-width: 0px;
            transform: rotate(45deg);
            bottom: -9px;
            right: 72px;
        }

    .estimatedDaystooltip:hover .estimatedDaystooltiptext {
        visibility: visible;
    }

.fct-tooltip {
    display: inline-block;
    position: relative;
}

    .fct-tooltip .fct-tooltiptext {
        /*visibility: hidden;*/
        width: 300px;
        background-color: #E7EAFC;
        color: #030066;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        bottom: 155%;
        left: -135px;
        border: 3px solid #172fe6;
        font-size: 14px;
        line-height: 25px;
        text-align: left;
    }

        .fct-tooltip .fct-tooltiptext::after {
            height: 15px;
            width: 15px;
            position: absolute;
            content: '';
            background: #E7EAFC;
            border: 3px solid #172fe6;
            border-top-width: 0px;
            border-left-width: 0px;
            transform: rotate(45deg);
            bottom: -9px;
            right: 145px;
        }

/* .fct-tooltip:hover .fct-tooltiptext {
            visibility: visible;
        }*/

.fcttanklevel-tooltip {
    display: inline-block;
    position: relative;
}

    .fcttanklevel-tooltip .fcttanklevel-tooltiptext {
        /*visibility: hidden;*/
        width: 300px;
        background-color: #E7EAFC;
        color: #030066;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: -135px;
        border: 3px solid #172fe6;
        font-size: 14px;
        line-height: 25px;
        text-align: left;
    }

        .fcttanklevel-tooltip .fcttanklevel-tooltiptext::after {
            height: 15px;
            width: 15px;
            position: absolute;
            content: '';
            background: #E7EAFC;
            border: 3px solid #172fe6;
            border-top-width: 0px;
            border-left-width: 0px;
            transform: rotate(45deg);
            bottom: -9px;
            right: 145px;
        }

/* .fcttanklevel-tooltip:hover .fcttanklevel-tooltiptext {
            visibility: visible;
        }*/

.tankguage-tooltip {
    display: inline-block;
    position:relative;
}

    .tankguage-tooltip .tankguage-tooltiptext {
        /*visibility: hidden;*/
        width: 216px;
        background-color: #E7EAFC;
        color: #030066;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        bottom:35px; /*150%*/
        left: -63px;
        margin-left: -45px;
        border: 3px solid #172fe6;
        font-size: 14px;
        line-height: 25px;
        text-align: left;
    }

        .tankguage-tooltip .tankguage-tooltiptext::after {
            height: 15px;
            width: 15px;
            position: absolute;
            content: '';
            background: #E7EAFC;
            border: 3px solid #172fe6;
            border-top-width: 0px;
            border-left-width: 0px;
            transform: rotate(45deg);
            bottom: -9px;
            right: 125px;
        }

/* .tankguage-tooltip:hover .tankguage-tooltiptext {
            visibility: visible;
        }*/

.tanklevel-tooltip {
    display: inline-block;
    position: relative;
}

    .tanklevel-tooltip .tanklevel-tooltiptext {
        /*  visibility: hidden;*/
        width: 300px;
        background-color: #E7EAFC;
        color: #030066;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: -240px;
        margin-left: 0px;
        border: 3px solid #172fe6;
        font-size: 14px;
        line-height: 25px;
        text-align: left;
    }

        .tanklevel-tooltip .tanklevel-tooltiptext::after {
            height: 15px;
            width: 15px;
            position: absolute;
            content: '';
            background: #E7EAFC;
            border: 3px solid #172fe6;
            border-top-width: 0px;
            border-left-width: 0px;
            transform: rotate(45deg);
            bottom: -9px;
            right: 38px;
        }

/* .tanklevel-tooltip:hover .tanklevel-tooltiptext {
            visibility: visible;
        }*/

.mydeliveries-wrapperdiv {
    width: 100%;
    height: auto;
    float: left;
    margin-right: 0px;
}

.OnlineOrderthankyou-desc {
    color: #2d373e;
    font-size: 10.5pt;
    line-height: 24px;
}

.FCTthankyou-desc {
    color: #2d373e;
    font-size: 13.5pt;
    line-height: 24px;
}

.OnlineOrderthankyou-subheading {
    color: #040066;
    font-family: Helveticaneue_medium;
    font-size: 13pt;
}

.requestdelthankyou-heading {
    color: #2d373e;
    font-family: Helveticaneue_light;
    font-size: 14.5pt;
}

.requestdelthankyou-desc {
    color: #2d373e;
    font-family: Helveticaneue_light;
    font-size: 10.4pt;
    letter-spacing: 0.5px;
}

.txtdesc-lowpropane {
    font-size: 15px;
    color: #2d373e;
    font-family: Helveticaneue_light;
}

.forecast-redborder {
    border: 3px solid #BE1212;
    border-radius: 4px;
}

.forecast-greenborder {
    border: 3px solid #439D25;
    border-radius: 4px;
}

.forecastdelcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 11pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #4a4a4a
}

    .forecastdelcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.forecastdelcheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #D4D4E1;
}

.forecastdelcontainer:hover input ~ .forecastdelcheckmark {
    background-color: #fff;
}

.forecastdelcontainer input:checked ~ .forecastdelcheckmark {
    background-color: #fff;
    border: 2px solid #439D25;
}

.forecastdelcheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.forecastdelcontainer input:checked ~ .forecastdelcheckmark:after {
    display: block;
}

.forecastdelcontainer .forecastdelcheckmark:after {
    top: 2px;
    left: 2px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #439D25;
}

.dateRadiocontainer {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 9pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #4a4a4a
}

    .dateRadiocontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.dateRadiodelcheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #D4D4E1;
}

.dateRadiocontainer:hover input ~ .dateRadiodelcheckmark {
    background-color: #fff;
}

.dateRadiocontainer input:checked ~ .dateRadiodelcheckmark {
    background-color: #fff;
    border: 1px solid #439D25;
}

.dateRadiodelcheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.dateRadiocontainer input:checked ~ .dateRadiodelcheckmark:after {
    display: block;
}

.dateRadiocontainer .dateRadiodelcheckmark:after {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #439D25;
}










.lnkorderpropane {
    color: #040066;
    text-decoration: underline;
}

    .lnkorderpropane:hover {
        color: #040066;
    }

.alertmsg {
    font-size: 12.5pt;
    color: #040066;
}

.lnklearnmore {
    color: #040066;
    font-size: 12.5pt;
    text-decoration: underline;
}

    .lnklearnmore:hover {
        color: #040066;
    }

#automicdeliveryforcastingDialog .modal-dialog {
    max-width: 100%;
}

#SignDocModal .modal-dialog {
    max-width: 100%;
}

.imgPayurbill {
    width: 70px;
}

.imgManageyourdelivery {
    width: 80px;
}

.imgMonitoryourusage {
    width: 70px;
}

.tankinfoimg {
    width: 50px;
}

.jsutreminderModal {
    z-index: 1051;
}

.expandedmenu {
    position: absolute;
    z-index: 1040;
    background: #f5f5f5 !important;
    box-shadow: 0px 5px 5px 0px rgba(196,196,196,1);
}

.prebuy-arrow {
    top: -28px;
    left: 0px;
    position: absolute;
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1 !important;
    z-index: 1040;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 50%;
        margin-left: -88px;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.bs-example {
    margin: 0px;
}

#EnrollCPaccordion .k-panel > .k-item > .k-link {
    line-height: 20px;
    padding: 10px 17px !important;
    font-size: 12pt !important;
    background-color: #EAF1F9;
    line-height: 26px;
}

#FAQaccordian .k-panel > .k-item > .k-link {
    line-height: 20px;
    /*padding: 10px 17px !important;*/
    font-size: 12pt !important;
    background-color: #EAF1F9;
    line-height: 26px;
}

#AboutCP .modal-dialog {
    max-width: 100%;
}

#CustSoldtoemailModal .modal-dialog {
    max-width: 100%;
}

#EmailModal .modal-dialog {
    max-width: 100%;
}

.section-select {
    width: 100%;
}

.bgcolor-layout {
    background-color: #fff;
    padding: 10px;
    box-shadow: 3px 3px 5px 0px rgba(189,189,189,1);
}

.lbladdressdetails-layout {
    color: #2d373e;
    font-size: 14px;
}

.layout-addressdetails {
    width: 135px;
    height: auto;
    padding: 0px;
    margin-right: 0px;
    border-radius: 4px;
    position: absolute;
    left: 120px; /*70px*/
    z-index: 1001;
}

.commerciallayout-addressdetails {
    width: 135px;
    height: auto;
    padding: 0px;
    margin-right: 0px;
    border-radius: 4px;
    position: absolute;
    left: 120px; /*70px*/
    z-index: 0;
}

.orderhublayout-addressdetails {
    width: auto;
    height: auto;
    padding: 6px 15px;
    margin-right: 0px;
    border-radius: 4px;
    padding-top: 20px;
}

.topmargin-gethelp {
    margin-top: 30px;
}

.lblfaq-gethelp {
    font-size: 32px;
    line-height: 40px;
    font-family: Helveticaneue_light;
    color: #040066;
}

.lblalertheading {
    font-size: 20px;
    line-height: 30px;
    font-family: Helveticaneue_medium;
    color: #211DF0;
}

.lblalert-desc {
    color: #2D373E;
    font-size: 16px;
    line-height: 22px;
}

.supportbg {
    font-family: Helveticaneue_light;
    font-size: 22px;
    line-height: 30px;
    background-color: #CFE0F3;
    height: 100px;
    padding: 35px;
    border-radius: 4px;
    border: 2px solid #CFE0F3;
}

    .supportbg:hover {
        border: 2px solid #172FE6;
        background-color: #fff;
        padding: 35px;
        font-family: Helveticaneue_medium;
        cursor: pointer;
    }

    .supportbg a {
        color: #2d373e;
    }

        .supportbg a:hover {
            color: #333E47;
            text-decoration: none;
        }

#ConfirmModal .modal-dialog {
    max-width: 100%;
}

#TermsAndCondModal .modal-dialog {
    max-width: 100%;
}

#promoCancelModal .modal-dialog {
    max-width: 100%;
}

#TankPerModal .modal-dialog {
    max-width: 100%;
}

.btnaccordian-faq {
    font-size: 20px;
    font-family: Helveticaneue_light;
    color: #040066;
    line-height: 26px;
    background-color: transparent;
    border: none;
    outline: none;
}

    .btnaccordian-faq:focus {
        outline: none;
        border: none;
    }

.plus-faq {
    margin-right: 20px;
}

.mobile-tooltip {
    position: relative;
    display: inline-block;
}

    .mobile-tooltip .mobile-tooltiptext {
        visibility: hidden;
        width: 300px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 50%;
    }

        .mobile-tooltip .mobile-tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 20%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .mobile-tooltip:hover .mobile-tooltiptext {
        visibility: visible;
    }

.tankinfo-tooltip {
    position: relative;
    display: inline-block;
}

    .tankinfo-tooltip .tankinfo-tooltiptext {
        visibility: hidden;
        width: 300px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 150%;
        right: -70px;
        font-size: 15px;
    }

        .tankinfo-tooltip .tankinfo-tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            right: 26%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .tankinfo-tooltip:hover .tankinfo-tooltiptext {
        visibility: visible;
    }

#DocModal .modal-dialog {
    max-width: 100%;
}

.btnarrow-chatwithus {
    position: absolute;
    right: 7px;
    top: 8px;
    cursor: pointer;
    width: 40px;
}

.btnback {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 16px 25px;
    width: 100%;
    cursor: pointer;
}

.btnchatwithus {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 16px 25px;
    width: 100%;
    cursor: pointer;
}

.btnviewmypref {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 16px 25px;
    width: 100%;
    cursor: pointer;
}

.youareset-wrapperdiv {
    width: 100%;
    height: auto;
}

.esign-desc {
    font-size: 16px;
    line-height: 24px;
    color: #2D373E;
}

.btnsign-documents {
    padding: 7px 15px;
    color: #fff;
    border-radius: 5px;
    background-color: #172FE6;
    font-size: 15px;
    border: 0px none;
    position: relative;
    text-align: left;
    width: 105px;
}

.btnviewdisabled {
    padding: 7px 15px;
    color: #fff;
    border-radius: 5px;
    background-color: #A3ACF5;
    font-size: 15px;
    border: 0px none;
    position: relative;
    text-align: left;
    width: 105px;
    cursor: default;
}

.lbldomorewithamergas {
    font-family: Helveticaneue_light;
    font-size: 20px;
    line-height: 28px;
    color: #040072;
}

.lblerromsg {
    border: 3px solid #bb0202;
    border-radius: 8px;
    color: #2d372e;
    font-size: 13.5pt;
}

.requestdel-lblerromsg {
    border: 3px solid #bb0202;
    border-radius: 8px;
    color: #2d372e;
    font-size: 12pt;
}

.footerlinks a {
    color: #1A35E9;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 11pt;
    display: block;
    line-height: 18px;
}

.footerlinks span {
    color: #1A35E9;
    font-family: Helveticaneue_medium;
}

#menulinks {
    background-color: white;
}

#paperlessPromptfirsttime .modal-dialog {
    max-width: 100%;
}

.top-mobile {
    top: -50px; /*-115px*/
}

.automaticdel-subheading {
    font-size: 10.5pt;
    color: #2d373e;
}

.automaticdel-greencircle img {
    left: -6px;
    position: absolute;
    top: 30px;
}

.automaticdelImg {
    position: absolute;
    left: -18px;
}

.automaticdel-numberCirlce {
    width: 27px;
    height: 27px;
    border-radius: 20px;
    padding: 5px;
    border: 1px solid #172fe6;
    background-color: #fff;
    position: absolute;
    left:-15px;
}

    .automaticdel-numberCirlce span {
        position: absolute;
        top: 4px;
        font-size: 10pt;
        left: 9px;
        color: #030066;
        font-family: Helveticaneue_medium;
    }

.automaticdelborder {
    background-color: #fff;
    padding: 18px 20px 13px 15px;
    border: 2px solid #e6e6e6;
    border-radius: 6px;
}

.automaticdel-greencircle {
    width: 30px;
    height: 30px;
    border-radius: 25px;
    background-color: #439D25;
    float: left;
    margin-left:-30px;
      
}

.automaticdel-heading {
    font-size: 27pt;
    color: #030066;
    font-family: Helveticaneue_light;
}

.automaticdel-desc {
    font-size: 12pt;
    color: #2d373e;
}

.automaticdel-accountsummary {
    color: #040066;
    font-size: 16pt;
    font-family: Helveticaneue_medium;
}

.automaticdel-thankyou {
    color: #040066;
    font-size: 15pt;
    font-family: Helveticaneue_light;
}

#appliancehardstopModal .modal-dialog {
    max-width: 100%;
}

.lblOR {
    font-size: 10pt;
    font-family: Helveticaneue_regular;
    font-style: italic;
    width: 35px;
    margin-right: 0px;
    margin-left: 20px;
    margin-top: 9px;
}

.notification-orderprocess {
    border: 2px solid #ffbb00;
    border-radius: 6px;
    padding: 10px;
}

.dashboard-alert {
    border: 2px solid #ffbb00;
    border-radius: 6px;
    padding: 10px;
}

.dashboard-red-alert {
    border: 2px solid #e02629;
    border-radius: 6px;
    padding: 10px;
}

.dashboard-green-alert {
    border: 2px solid #4bb648;
    border-radius: 6px;
    padding: 10px;
}

.modal {
    z-index: 1080;
    overflow-x: hidden;
    overflow-y: auto;
}

.desc-contacts {
    font-size: 13pt;
    color: #030066;
}

.offers-img {
    width: 30px;
}

.lbllastpayment {
    color: #2d373e;
    font-size: 12pt;
}

.wrapperdiv-layout {
    width: auto;
    height: auto;
    /* float: right;*/
    display: block;
    margin-right: 20px;
    color: #fff;
    margin-top: 7px;
    font-size: 13pt;
}

.loginlogo-top {
    padding-top: 5px !important;
}

.show.menucolor-change::after {
    transform: rotate(90deg);
}

.btnrefresh-enable {
    padding: 10px 30px;
    color: #fff;
    border-radius: 5px;
    background-color: #172FE6;
    font-size: 15px;
    border: 0px none;
}

    .btnrefresh-enable:hover {
        color: #fff;
        text-decoration: none;
    }

.btnLow {
    padding: 3px 5px;
    color: #2D373E;
    border-radius: 4px;
    background-color: #F7ECCE;
    font-size: 15px;
    border: 1px solid #FFBB00;
    font-family: Helveticaneue_medium;
    font-size: 13px;
    position: absolute;
    right: 15px;
    z-index: 1;
}

.btnLow-red {
    padding: 3px 5px;
    color: #2D373E;
    border-radius: 4px;
    background-color: #ffb1b3a6;
    font-size: 15px;
    border: 1px solid #e02629;
    font-family: Helveticaneue_medium;
    font-size: 13px;
    position: absolute;
    right: 15px;
    z-index: 1;
}

.btnLow-green {
    padding: 3px 5px;
    color: #2D373E;
    border-radius: 4px;
    background-color: #85f382ad;
    font-size: 15px;
    border: 1px solid #4bb648;
    font-family: Helveticaneue_medium;
    font-size: 13px;
    position: absolute;
    right: 15px;
    z-index: 1;
}

.btnedit-profile-enable {
    padding: 8px 20px;
    color: #fff; 
    border-radius: 4px;
    background-color: #172FE6;
    font-size: 15px;
    border: 0px none;
    text-decoration: none;
}

    .btnedit-profile-enable:hover {
        color: #fff;
        text-decoration: none;
    }

#unsavedcontactModal .modal-dialog {
    max-width: 100%;
}

#paymentprocessingModal .modal-dialog {
    max-width: 100%;
}

#deleteaccount .modal-dialog {
    max-width: 100%;
}

#UpdateEmailDialog .modal-dialog {
    max-width: 100%;
}

#UpdatePasswordDialog .modal-dialog {
    max-width: 100%;
}

#JustAReminderDialog .modal-dialog {
    max-width: 100%;
}

.chart-transactionhistory {
    width: 100%;
    height: 400px;
    border: 1px solid #4d4d4d;
}

.box-programdetails {
    width: 100%;
    height: auto;
    margin: 0px auto;
    border: 1px solid #808080;
    padding: 10px;
    background-color: #e6ecf1;
}

.innerbox-programdetails {
    width: 90%;
    height: auto;
    margin: 10px auto;
    border: 1px solid #808080;
    padding: 10px;
    background-color: #fff;
}

.lblname-requestdel {
    color: #4a4a4a;
    font-size: 16px;
    font-family: Helveticaneue_light;
}

.paymentbl-requestdel {
    color: #4a4a4a;
    font-family: Helveticaneue_light;
    font-size: 16px;
    line-height: 24px;
}

.lblsubheading-requestdel {
    color: #2d373e;
    font-size: 16px;
    font-family: Helveticaneue_light;
}

.budgetdetails-mobile {
    color: #030066;
    font-size: 12pt;
    font-family: Helveticaneue_medium
}

#AccouuntActivityDialog .modal-dialog {
    max-width: 100%;
}

.btnupdate {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    /* width: 100%;*/
}

    .btnupdate:disabled, .btnupdate[disabled] {
        position: relative;
        background-color: #172FE6;
        border-radius: 6px;
        border: 0px none;
        color: #9A9A9A;
        font-size: 18px;
        text-align: left;
        padding: 13px 25px;
        /*  width: 100%;*/
    }

.btnaddlocation {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
    padding: 5px 13px;
    font-family: Helveticaneue_medium;
    line-height: 16px;
    letter-spacing: 0.25px;
}

.btnview-documents {
    position: relative;
    width: 105px;
    color: #172fe6;
    font-size: 11pt;
    margin-top: 5px;
}

.btnviewdetails {
    position: relative;
    width: 135px;
    color: #172fe6;
    font-size: 16px;
    margin-top: 5px;
    text-align: left;
    line-height: 18px;
}
.btnviewdetailsdisable {
    position: relative;
    width: 135px;
    font-size: 16px;
    margin-top: 5px;
    text-align: left;
    line-height: 18px;
    color: #A3ACF5;
    cursor: default;
}
.btnselect {
    position: relative;
    width: 85px;
    color: #172fe6;
    font-size: 16px;
    margin-top: 5px;
    text-align: left;
    line-height: 18px;
}

.btnManageselect {
    width: 89px;
    color: #172fe6;
    font-size: 13px;
    text-align: left;
    line-height: 18px;
}

#seasonalresidenceModel .modal-dialog {
    max-width: 100%;
}

.lblappliances {
    font-size: 12pt;
}

.btnedit {
    color: #172fe6;
    text-decoration: underline;
    font-size: 11pt;
    padding-left: 0px;
}

.propaneneeds {
    background-color: #eaf1f9;
    width: auto;
    height: auto;
    float: left;
    padding: 5px 15px;
    margin-right: 10px;
    border-radius: 25px;
    font-size: 13pt;
    color: #2e383f;
}

#UpdateSecurityQuestionsDialog .modal-dialog {
    max-width: 100%;
}

.monitorusage-top {
    margin-top: 0px;
}

.managedeliveries-top {
    margin-top: 0px;
}

.payyourbill-top {
    margin-top: 0px;
}

.login-bannerstrip {
    font-size: 15px;
}

.login-desc {
    color: #333E47;
    font-size: 11pt;
}

.login-subheading {
    color: #040066;
    font-family: Helveticaneue_light;
    font-size: 14pt;
}

#loginlinks a {
    padding-left: 10px;
    padding-right: 10px;
    color: #030066;
}

.lblpowerhome {
    color: #030066;
    font-size: 14pt;
    font-family: Helveticaneue_bold;
}

.myprofile-value {
    font-size: 12pt;
    color: #2D373E;
}

.Editbtn {
    background: url('../images/editbtn.png') no-repeat 0 0 transparent !important;
    height: 26px;
    width: 54px;
    border: none;
    display: inline-block;
    padding: 0px;
}

.close {
    background: url('../images/modal-close.png') no-repeat 0 0;
    width: 17px;
    height: 17px;
   /* margin-top: 20px !important;*/
    margin-right: 20px !important;
    opacity: 1 !important;
    border:none;
}

.closemodal {
    background: url('../images/modal-close-new.png') no-repeat 0 0;
    width: 42px;
    height: 42px;
    margin-top: 10px !important;
    margin-right: 20px !important;
    opacity: 1 !important;
    border: none;
}

.appliancevalue {
    font-size: 12pt;
    margin-left: 5px;
    margin-right: 5px;
    color: #172fe6;
    font-family: Helveticaneue_medium;
    float: left;
    margin-top: -3px;
}

.appliancebox {
    width: 100%;
    height: 60px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}

.lbldeliveryaddress-homeappliances {
    color: #4a4a4a;
    font-family: Helveticaneue_light;
    font-size: 12pt;
}



.border-checked {
    border: 2px solid #172fe6;
    border-radius: 5px;
    background-color: #fff;
    height: 100%;
    color: #000;
}

.border-unchecked {
    border: 2px solid #cfe0f3;
    border-radius: 5px;
    background-color: #cfe0f3;
    height: 100%;
}

.requestdelborder-checked {
    border: 2px solid #172fe6;
    background-color: #fff;
    height: 100%;
    color: #000;
    border-radius: 4px;
}

.requestdelborder-unchecked {
    border: 1px solid #888A8C;
    height: 100%;
    background-color: #fff;
    border-radius: 4px;
}

.lblenroll-gettingstarted {
    color: #040066;
    font-size: 20px;
}

#gettingstarted ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

    #gettingstarted ol li {
        counter-increment: my-awesome-counter;
        display: flex;
        margin-bottom: 15px;
        font-size: 16px;
    }

        #gettingstarted ol li::before {
            content: "" counter(my-awesome-counter);
            border: 1px solid #3c4750;
            color: #3c4750;
            border-radius: 50%;
            padding: 2px 7px;
            margin-right: 25px;
            width: 22px;
            height: 22px;
            font-size: 12px;
        }

.gettingstarted-desc {
    color: #2d373e;
    font-size: 12.5pt;
}

.lblgettingstarted {
    font-size: 20pt;
    color: #030066;
    font-family: Helveticaneue_light;
}

.heading-modal {
    color: #030066;
    font-size: 20pt;
}

#completepaymentModal .modal-dialog {
    max-width: 100%;
}

#tankguageModal .modal-dialog {
    max-width: 100%;
}
#locationnameModal .modal-dialog {
    max-width: 100%;
}

#orderpropaneModal .modal-dialog {
    max-width: 100%;
}

#TankPerceModel .modal-dialog {
    max-width: 100%;
}

#cancelautopayModalA001 .modal-dialog {
    max-width: 100%;
}

#AutomaticDeliveryModel .modal-dialog {
    max-width: 100%;
}

#A001InformationModal .modal-dialog {
    max-width: 100%;
}

.chkrevieworder {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #464e55;
    font-family: Helveticaneue_regular;
}

    .chkrevieworder input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #b6babc;
    border-radius: 3px;
}

.chkrevieworder:hover input ~ .checkmark {
    background-color: #ccc;
}

.chkrevieworder input:checked ~ .checkmark {
    background-color: #439D25;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.chkrevieworder input:checked ~ .checkmark:after {
    display: block;
}

.round {
    position: relative;
}

    .round label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 28px;
        left: 0;
        position: absolute;
        top: 0;
        width: 28px;
    }

        .round label:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 6px;
            left: 7px;
            opacity: 0;
            position: absolute;
            top: 8px;
            transform: rotate(-45deg);
            width: 12px;
        }

    .round input[type="checkbox"] {
        visibility: hidden;
    }

        .round input[type="checkbox"]:checked + label {
            background-color: #66bb6a;
            border-color: #66bb6a;
        }

            .round input[type="checkbox"]:checked + label:after {
                opacity: 1;
            }

.wrapperdiv {
    width: 100%;
    height: auto;
    float: left;
}

.lblaboutyourtank {
    font-size: 25pt;
    color: #030066;
    font-family: Helveticaneue_light;
}

.lblneverrun-requestdel {
    font-size: 21.5pt;
    color: #030066;
    font-family: Helveticaneue_light;
}

.navbar-light .navbar-nav .nav-link {
    border-bottom: 1px solid #e0e0e0;
    font-size: 16px;
    color: #2d373e;
}

.border-shadow {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(41,41,41,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(41,41,41,1);
    box-shadow: 0px 2px 5px 0px rgba(41,41,41,1);
  /* z-index: 1070;*/
}

.navbar-nav .nav-link {
    padding: 12px 30px;
}

.mobilemenu {
    /* height: 100vh;
        background: #f5f5f5 !important;*/
    z-index: 1051;
    box-shadow: 0px 5px 5px 0px rgba(196,196,196,1);
}

.spacer {
    margin-bottom: 20px !important;
    height: 20px;
}

.btntransparent {
    background-color: transparent;
    border: none;
    outline: none;
}

/*  .btntransparent:focus {
            outline: none !important;
        }*/

.btnsignupforautodel {
    background: linear-gradient(to right, #EB0006 0%, #0D0AD5 100%);
    color: #030066;
    font-size: 16px;
    padding: 1px;
    font-family: Helveticaneue_medium;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    display: inline-block;
    border-color: transparent !important;
    border: 1px solid;
}

    .btnsignupforautodel span {
        background: #fff;
        display: block;
        padding: 8px 15px;
        text-align: left;
        border-radius: 6px;
    }


.btnConveniencePay {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 12px 15px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btncontinue-requestdelivery {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 17px;
    text-align: left;
    padding: 14px 15px;
    width: 100%;
    font-family: Helveticaneue_medium;
    display: block;
}

    .btncontinue-requestdelivery:hover {
        text-decoration: none;
        color: #fff;
    }

.btnupdatetanklevel-scheduledel {
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 14px;
    padding: 12px 20px;
    font-family: Helveticaneue_regular;
}

.btnupdatetanklevel-scheduledelDisable {
    background-color: #A3ACF5;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 14px;
    padding: 12px 20px;
    font-family: Helveticaneue_regular;
}

.btnupdatetanklevel {
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 13px;
    padding: 12px 40px;
    font-family: Helveticaneue_regular;
    letter-spacing: 0.9px;
}

.btnapply {
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 13px;
    padding: 8px 40px;
    font-family: Helveticaneue_regular;
    letter-spacing: 0.9px;
}

    .btnapply:hover {
        color: #fff;
        text-decoration: none;
    }

.btnupdatetanklevel:hover {
    color: #fff;
    text-decoration: none;
}

.btnapplyDisable {
    background-color: #A3ACF5;
    color: #fff;
    border-radius: 7px;
    border: 0px none;
    font-size: 13px;
    padding: 12px 40px;
    font-family: Helveticaneue_regular;
    letter-spacing: 0.9px;
}

.btnupdatetanklevelDisable {
    background-color: #A3ACF5;
    color: #fff;
    border-radius: 7px;
    border: 0px none;
    font-size: 13px;
    padding: 12px 40px;
    font-family: Helveticaneue_regular;
    letter-spacing: 0.9px;
}

.btnreturnaccountsummary {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 14px 15px;
    width: 100%;
    font-family: Helveticaneue_light;
    letter-spacing: 0.5px;
}

.btnenrollautopay {
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 12px 15px;
    width: 100%;
    font-family: Helveticaneue_light;
    letter-spacing: 0.5px;
}

.btncontinue {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 14px 15px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnviewinvoice-commercialdashboard {
    background: linear-gradient(to right, #EB0006 0%, #0D0AD5 100%);
    color: #030066;
    font-size: 16px;
    padding: 1px;
    font-family: Helveticaneue_medium;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    display: inline-block;
    border-color: transparent !important;
    border: 1px solid;
}

    .btnviewinvoice-commercialdashboard span {
        background: #fff;
        display: block;
        padding: 15px;
        text-align: left;
        border-radius: 6px;
    }

.btncreateaccount {
    background: linear-gradient(to right, #EB0006 0%, #0D0AD5 100%);
    color: #030066;
    font-size: 16px;
    padding: 1px;
    font-family: Helveticaneue_medium;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    display: inline-block;
    border-color: transparent !important;
    border: 1px solid;
}

    .btncreateaccount span {
        background: #fff;
        display: block;
        padding: 15px;
        text-align: left;
        border-radius: 6px;
    }
    .createdisabel{
        opacity:0.6;

    }
.btncreateaccount-new {
    background: linear-gradient(to right, #EB0006 0%, #0D0AD5 100%);
    color: #030066;
    font-size: 16px;
    padding: 1px;
    font-family: Helveticaneue_medium;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    display: inline-block;
    border-color: transparent !important;
    border: 1px solid;
}

    .btncreateaccount-new span {
        background: #fff;
        display: block;
        padding: 15px;
        text-align: left;
        border-radius: 6px;
    }

.btnFilter {
    background: linear-gradient(to right, #363AE9, #341CAC, #330075);
    color: #030066;
    font-size: 14px;
    padding: 1px;
    font-family: Helveticaneue_medium;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    display: inline-block;
    border-color: transparent !important;
    border: 1px solid;
    line-height: 16px;
}

    .btnFilter span {
        background: #fff;
        display: block;
        padding: 15px;
        text-align: left;
        border-radius: 6px;
    }

.btnlinklocation {
    background: linear-gradient(to left, #EB0006, #0D0AD5);
    color: #030066;
    font-size: 14px;
    padding: 1px;
    font-family: Helveticaneue_medium;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    display: inline-block;
    border-color: transparent !important;
    border: 1px solid;
    line-height: 16px;
}

    .btnlinklocation span {
        background: #fff;
        display: block;
        padding: 20px;
        text-align: left;
        border-radius: 6px;
    }
.btnanotherlocation {
    background: linear-gradient(to left, #EB0006, #0D0AD5);
    color: #030066;
    font-size: 14px;
    padding: 1px;
    font-family: Helveticaneue_medium;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    display: inline-block;
    border-color: transparent !important;
    border: 1px solid;
    line-height: 16px;
}
.btnanotherlocation span {
    background: #fff;
    display: block;
    padding: 20px;
    text-align: left;
    border-radius: 6px;
}
.btnviewallfaq {
    background: linear-gradient(to right, #EB0006, #0D0AD5);
    color: #030066;
    font-size: 16px;
    padding: 1px;
    font-family: Helveticaneue_medium;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    display: inline-block;
    border-color: transparent !important;
    border: 1px solid;
    line-height: 16px;
}

    .btnviewallfaq span {
        background: #fff;
        display: block;
        padding: 15px;
        text-align: left;
        border-radius: 6px;
    }

.btngetquote {
    background: linear-gradient(to right, #f20000, #060adb);
    color: #030066;
    font-size: 13px;
    padding: 1px;
    font-family: Helveticaneue_medium;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    display: inline-block;
    border-color: transparent !important;
    border: 1px solid;
}

    .btngetquote span {
        background: #fff;
        display: block;
        padding: 9px;
        text-align: left;
        border-radius: 2px;
    }

.btnsave {
    background: linear-gradient(to right, #f20000, #060adb);
    color: #030066;
    font-size: 13px;
    padding: 1px;
    font-family: Helveticaneue_medium;
    width: 100%;
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    display: inline-block;
    border-color: transparent !important;
    border: 1px solid;
}

    .btnsave span {
        background: #fff;
        display: block;
        padding: 9px;
        text-align: left;
        border-radius: 2px;
    }

.btnarrow-linklocation {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 40px;
}

.btnarrow-filterlocation {
    position: absolute;
    right: 15px;
    top: 15px;
}

.btnarrow-login {
    position: absolute;
    right: 5px;
    top: 5px;
}

.btnarrow-signupforautodel {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 32px;
}

.btnarrow-cpdashboard {
    position: absolute;
    right: 5px;
    top: 5px;
}

.btnarrow-getquote {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 30px;
}

.btnarrow-save {
    position: absolute;
    right: -5px;
    top: -2px;
    width: 25px;
}

.btnarrow-viewdetails {
    position: absolute;
    right: 4px;
    top: 0px;
    width: 25px;
}

.addaccountimg {
    width: 27px;
    height: 27px;
    border-radius: 20px;
    padding: 5px;
    display: block;
    position: absolute;
    left: 10px;
    /*background-color: #fff;*/
    font-family: Helveticaneue_medium;
    top: 18px;
}

.btnviewyoraccount-arrow {
    position: absolute;
    right: 8px;
    top: 5px;
    width: 38px;
}

.btncontinue-arrow {
    position: absolute;
    right: 8px;
    top: 9px;
    width: 32px;
}

.btnback-arrow {
    position: absolute;
    left: 8px;
    top: 7px;
    width: 38px;
}

.dropdown-alignments {
    height: 45px;
    color: #030066 !important;
    border: 1px solid #979797;
    font-size: 13pt;
}

.pwd-desc {
    color: #4a4a4a;
    font-size: 14px;
}

.chktermsofuse {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #464e55;
    font-family: Helveticaneue_regular;
}

    .chktermsofuse input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid #b6babc;
    border-radius: 3px;
}

.chktermsofuse:hover input ~ .checkmark {
    background-color: #ccc;
}

.chktermsofuse input:checked ~ .checkmark {
    background-color: #439D25;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.chktermsofuse input:checked ~ .checkmark:after {
    display: block;
}

.chkreceive {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #3b4951;
    font-family: Helveticaneue_regular;
}

    .chkreceive input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .chkreceive:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .chkreceive input:checked ~ .checkmark {
        background-color: #439D25;
    }

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.chkreceive input:checked ~ .checkmark:after {
    display: block;
}

.heading-padd {
    padding: 10px 0px 5px 0px;
}

.thankyou-desc {
    font-size: 13.5px;
    line-height: 21px;
}

.thankyou-wrapperdivRed {
    background-color: #FBF0ED;
    padding: 10px 10px 5px 10px;
    border: 2px solid #CB481D;
    border-radius: 6px;
}

.thankyou-wrapperdiv {
    background-color: #e7eafc;
    padding: 10px;
    border: 2px solid #172fe6;
    border-radius: 6px;
}

.thankyou-wrapperdiv1 {
    background-color: #EAF1F9;
    padding: 10px 10px 20px 10px;
    border: 2px solid #211DF0;
    border-radius: 6px;
}

.thankyou-wrapperdivYellow {
    background-color: #F7ECCE;
    padding: 10px 10px 5px 10px;
    border: 2px solid #FFBB00;
    border-radius: 6px;
}

.tabText {
    display: inline-block;
    /* margin-left: 10px;*/
    cursor: pointer;
    margin-top: 12px;
}

.heading-tankinfo {
    color: #2d373e;
    font-size: 16px;
}

.border-tankinfo {
    border: 1px solid #b6babc;
}

.bottomborder-tankinfo {
    border-bottom: none;
}

.paybillarrow-dashboard {
    position: absolute;
    right: 6px;
    cursor: pointer;
    top: 6px;
    width: 40px;
}

.propaganeusage-dashboard {
    position: absolute;
    right: 6px;
    cursor: pointer;
    top: 6px;
    width: 40px;
}

.pay-submit {
    position: absolute;
    right: 6px;
    cursor: pointer;
    top: 7px;
    width: 35px;
}

.lblcustomerrewards {
    font-size: 18pt;
    padding-top: 15px;
}

.lblcustomerref-tankinfo {
    color: #4a5359;
    font-size: 16pt;
    font-family: Helveticaneue_light;
}

.lbldesc-tankinfo {
    color: #2d373e;
    font-size: 13pt;
}

.lblvalue-tankinfo {
    color: #030066;
    font-size: 22px;
}

.previous-top {
    margin-top: 15px;
}

.goback-linkedaccount {
    margin-top: 20px;
}

.btnscheduledelivery-mobile {
    border: 2px solid #5163ed;
    background-color: #fff;
    color: #5163ed;
    width: 100%;
    font-size: 16px;
    font-family: Helveticaneue_medium;
    border-radius: 3px;
    padding: 10px 15px;
}

.layout-headerbgimg {
    background: url('../images/mobilebg.png') no-repeat;
    width: 100%;
    height: 215px;
    background-size: cover;
}

.orderhublayout-headerbgimg {
    background: url('../images/mobilebg.png') no-repeat;
    width: 100%;
    height: 160px;
    background-size: cover;
}

.login-headerbgimg {
    background: url('../images/mobilebg.png') no-repeat;
    width: 100%;
    height: 172px;
    background-size: cover;
}

.tab-ul {
    float: left;
    padding-left: 0px;
    width: 100%;
    margin-bottom: 0px;
}

.tabNumber {
    width: 22px;
    height: 22px;
    text-align: center;
    color: #B3B7BA;
    border-radius: 20px;
    font-size: 12px;
    padding: 1px 6px;
    border: 1px solid #B3B7BA;
    margin-top: 12px;
    margin-right: 15px; /*20px*/
    /* position: absolute;
        left: 20px;*/
    background-color: transparent;
    z-index: 99;
    display: block;
}

.lblinformation {
    color: #4a4a4a;
    font-size: 18px;
    font-family: Helveticaneue_light;
}

.tabsnumber {
    width: 22px;
    height: 27px;
    text-align: center;
    color: #5552a1;
    background-color: #e3d8ed;
    border-radius: 20px;
    font-size: 12px;
    padding: 1px 12px;
    border: 3px solid #5552a1;
    margin-top: 12px;
    margin-right: 15px; /*20px*/
    /* position: absolute;
        left: 20px;*/
    background-color: transparent;
    z-index: 99;
    display: block;
}

.navbar-expand-lg {
    flex-flow: column nowrap;
    justify-content: flex-start;
}

.Wizardli .disabled .tabText, .Wizardli .done .tabText {
    display: inline-block;
    font-size: 15px;
}

.numPosition {
    padding: 2px;
    display: inline-block;
    color: #4A5E79;
    top: 12px;
    position: absolute;
    left: 6px;
}

.numberPosition {
    padding: 2px;
    display: inline-block;
    color: #5552a1;
    /*  top: 12px;*/
    position: absolute;
    left: 6px;
}

.sw-main {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    border-radius: .25rem !important;
    width: 100%;
}

    .sw-main ul.anchor li.middle {
        right: 35px;
        top: 5px;
        position: absolute;
    }

        .sw-main ul.anchor li.middle a.selected {
            /* left: -292px;
                top: 5px;*/
            position: absolute;
        }

    .sw-main ul.anchor li.listLast {
        right: 0px;
        top: 5px;
        position: absolute;
    }

    .sw-main ul.anchor li {
        display: inline-block;
        list-style-type: none;
        margin-right: 0px;
    }

    .sw-main ul.anchor li {
        display: block !important;
        float: left;
    }

        .sw-main ul.anchor li.Wizardli a {
            display: block;
            position: relative;
            float: left;
            margin: 0;
            padding: 0px;
            height: 45px;
            text-decoration: none;
            outline-style: none;
            z-index: 99;
            color: #2d373e;
        }

            .sw-main ul.anchor li.Wizardli a.selected .tabText {
                line-height: 20px;
                color: #172FE6;
                font-size: 16px;
            }

            .sw-main ul.anchor li.Wizardli a.selected .tabNumber {
                border: 6px solid #BDC3F0;
                background-color: #172FE6;
                width: 30px;
                height: 30px;
                float: left;
                text-align: center;
                color: #fff;
                border-radius: 20px;
                font-size: 11px;
                padding: 1px 6px;
                margin-top: 6px;
                margin-right: 8px;
            }

                .sw-main ul.anchor li.Wizardli a.selected .tabNumber .numPosition {
                    padding: 2px;
                    display: inline-block;
                    color: #fff;
                    position: absolute;
                    left: 10px;
                    font-size: 11px;
                    top: 12px;
                }

            .sw-main ul.anchor li.Wizardli a.done .tabNumber {
                border-color: #439D25;
                background-color: #439D25;
                margin-top: 16px;
                right: -3px;
            }

            .sw-main ul.anchor li.Wizardli a.done .tabText {
                border-bottom: 3px solid transparent;
                margin-left: 45px;
            }

            .sw-main ul.anchor li.Wizardli a.disabled {
                color: #CACACA;
                background-color: transparent;
                z-index: 99;
                right: 0px; /*15px*/
                position: absolute;
            }

.done-greentick {
    background: url('../images/green-tick.png') no-repeat;
    width: 9px;
    height: 7px;
    display: block;
    top: 24px;
    right: 22px;
    position: absolute;
}

.bannerbgimg {
    background: url('../images/mobilebg.png') no-repeat;
    width: 100%;
    height: 102px;
    background-size: cover;
}

.btnviewuraccount {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 260px;
}

.btnviewaccountsummary {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 15px 25px;
    width: 100%;
}

.btnRequestTankMonitor {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 15px 25px;
    width: 100%;
}

.btnRequestTankMonitorDisable {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 15px 25px;
    width: 100%;
}

.btnviewsettings {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 15px 25px;
    width: 100%;
}

.btnpaymentinfo {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
}

.btnremove {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
}

.btnyes {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 10px 25px;
    width: 100%;
}

.btnremove-enable {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 15px;
    width: 95%;
    text-decoration:none;
}

.btnremovelinkedaccount {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 15px;
    width: 100%;
}

.btnenrollautodelivery {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnenrollautodelivery-enable {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnlogin {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnlogin-new {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnDisable-sign {
    padding: 0px 15px;
    color: #fff;
    border-radius: 5px;
    background-color: #A3ACF5;
    font-size: 15px;
    border: 0px none;
    position: relative;
    text-align: left;
    width: 105px;
    font-family: Helveticaneue_medium;
}

.btnlogin-enable {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnlogin-enable-new {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btncalculate {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btncalculate-enable {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnok {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 9px 25px;
    width: 130px;
    font-family: Helveticaneue_medium;
}

.btnviewmycontact {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 9px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnnext {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnnext-enable {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btncalculateprice {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 14px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btncalculateprice-enable {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 14px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnverifyaccountinfo {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 17px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnverifyaccountinfo-enable {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 17px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnsubmitrequest {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 17px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnsubmitrequest-enable {
    position: relative;
    background-color: #172FE6;
    border-radius: 7px;
    border: 0px none;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding: 17px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnyes-arrow {
    position: absolute;
    right: 5px;
    top: 4px;
    cursor: pointer;
    width: 30px;
}

.btn-arrow {
    position: absolute;
    right: 5px;
    top: 6px;
    cursor: pointer;
    width: 37px;
}
.btn-arrow-print {
    position: absolute;
    right: 5px;
    top: 6px;
    cursor: pointer;
    width: 37px;
}
.btnarrow-registration {
    position: absolute;
    right: 5px;
    top: 6px;
    cursor: pointer;
    width: 37px;
}

.btnremove-arrow {
    position: absolute;
    right: 5px;
    top: 10px;
    cursor: pointer;
    width: 30px;
}

.btnarrow-linkedaccount {
    position: absolute;
    right: 7px;
    top: 6px;
    cursor: pointer;
    width: 38px;
}

.lblname {
    color: #4a4a4a;
    font-size: 16px;
    font-family: Helveticaneue_light;
}

.labeltxt {
    color: #4a4a4a;
    font-size: 14px;
    font-family: Helveticaneue_light;
}

.labelTxt {
    color: #000;
    font-size: 21px;
    font-family: "Helveticaneue_regular", Arial;
}

.lblradiodesc {
    color: #4a4a4a;
    font-size: 16px;
    font-family: Helveticaneue_light;
    cursor: pointer;
}

.lbldisable-name {
    color: #575757;
    font-size: 16px;
    font-family: Helveticaneue_light;
}

.lblheading {
    font-size: 21pt;
    color: #fff;
    padding-top: 33px;
    font-family: Helveticaneue_light;
}

.lblcurrentcustomer {
    font-size: 15.5px;
    color: #343e45;
}

.lblsubheading {
    font-size: 22.5pt;
    color: #2D373E;
    font-family: Helveticaneue_light;
}
.lbltelemetryheading {
    font-size: 19.5pt;
    color: #2D373E;
    font-family: Helveticaneue_light;
}
.lblmonitoringheading {
    font-size: 22.5pt;
    color: #2D373E;
    font-family: Helveticaneue_light;
}

.lblaccountinfo {
    font-size: 24px;
    color: #2D373E;
}

.btnlogout {
    border: 1px solid #030066;
    color: #030066;
    border-radius: 0px;
    padding: 3px 10px;
    background-color: transparent;
    font-family: Helveticaneue_medium;
    font-size: 13px;
}

.btngetstarted {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnproceedtopayment {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnproceedtopaymentDisable {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
}

.btnrequestdelivery-tankanddelivery {
    position: relative;
    background-color: #BB0202;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnpaybill-commercialdashboard {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnpaybill-dashboard {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}
.btnpaybill-dashboard-ms {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 90%;
    font-family: Helveticaneue_medium;
}
.btnviewdeliverystatus-dashboard {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.customized-right-btn {
    padding: 0.46rem 0rem;
    border-color: #e4e7eb;
    color: #212529;
    background-color: #e4e7eb;
    width: 28%;
    height: 38px;
    margin-left: -5px;
    border-radius: 0px 0.25rem 0.25rem 0px;
    border-left: 1px solid #fff;
    border-top: 0px solid #000;
    vertical-align: middle;
}

.btnpropagane-dashboard {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btn-submit {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 10px 25px;
    width: 180px;
    font-family: Helveticaneue_medium;
}

.btn-notInterested {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 10px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnpaybill-dashboardDisabled {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnpropagane-dashboardDisabled {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btn-submitDisabled {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 10px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
    cursor: text;
}

    .btn-submitDisabled img.pay-submit {
        cursor: text;
    }

btn.lnkcancel[Disabled] {
    cursor: text;
    color: #A3ACF5;
}

.btn-notInterestedDisabled {
    position: relative;
    background-color: #A3ACF5;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 10px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
    cursor: text;
}

    .btn-notInterestedDisabled img.pay-submit {
        cursor: text;
    }

.btnpaybill {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 13px 25px;
    width: 100%;
    font-family: Helveticaneue_medium;
}

.btnmanage {
    position: relative;
    background-color: #172FE6;
    border-radius: 6px;
    border: 0px none;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 13px 20px;
    width: 170px;
}

.sidearrow-requestdel {
    position: absolute;
    right: 5px;
    cursor: pointer;
    top: 7px;
    width: 40px;
}

.lblbillingheading {
    font-size: 16px;
    color: #2d373e;
}

.lblvalue {
    color: #040066;
    font-family: Helveticaneue_regular;
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
}

.lblvalue-Estimatedtank {
    color: #040066;
    font-family: Helveticaneue_bold;
    font-size: 20px;
    line-height: 32px;
}

.lnkviewinvoices {
    color: #172fe6;
    font-size: 12pt;
    text-decoration: none;
}
.lnkviewinvoicesDisable {
    color: #A3ACF5;
    font-size: 12pt;
    cursor: default;
}
.helpfulbutton {
    color: #040075;
    font-size: 12pt;
    text-decoration: none;
}
.lnksetupAutopay {
    color: #172fe6;
    font-size: 12pt;
}

.makepaymentDisable {
    color: #9A9A9A;
    font-size: 12pt;
    cursor: default;
}

    .makepaymentDisable:hover {
        color: #9A9A9A;
        font-size: 12pt;
        text-decoration: none;
        cursor: default;
    }

.linkbluedisable {
    color: #A3ACF5;
    cursor: default;
}

    .linkbluedisable:hover {
        color: #A3ACF5;
        text-decoration: none;
        cursor: default;
    }

.linkreddisable {
    color: #e0b3b4;
    cursor: default;
}

    .linkreddisable:hover {
        color: #e0b3b4;
        text-decoration: none;
        cursor: default;
    }

.lnkenrollnow-requestdel {
    color: #172fe6;
    font-size: 11pt;
    font-family: Helveticaneue_light;
}

    .lnkenrollnow-requestdel:hover {
        text-decoration: none
    }

.lnkreadmytank {
    color: #172fe6;
    font-size: 10.5pt;
    text-decoration: underline;
    font-family: Helveticaneue_light;
}

.lbltankanddeliveries {
    color: #040066;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.lbltankanddeliveries1 {
    color: #CB481D;
    font-size: 15px;
    line-height: 26px;
}

.quicklinks-height {
    height: auto;
    background-color: #F1F1F1;
    padding: 15px;
}

.tanklevel-height {
    height: auto;
    background-color: #F1F1F1;
    padding: 15px;
}

.fct-height {
    height: auto;
    background-color: #F1F1F1;
    padding: 15px;
}



.lblquicklinks {
    font-size: 18px;
    color: #030066;
    font-family: Helveticaneue_light;
     text-decoration:none;
}

.lblquicklinks1 {
    font-size: 18px;
    color: #A3ACF5;
    font-family: Helveticaneue_light;
}

#gethelplinks div {
    color: #172fe6;
    padding: 7px 0px;
    font-family: Helveticaneue_medium;
    font-size: 14px;
    display: block;
    line-height: 18px;
    cursor: pointer;
}

.gethelp-seperator {
    display: none;
}

.lbloffers-heading {
    color: #030066;
    font-size: 15pt;
    font-family: Helveticaneue_light;
    line-height: 26px;
}

.lbloffers-desc {
    color: #2d373e;
    font-size: 14px;
}

.pageheading {
    font-size: 36px;
    line-height: 42px;
    margin-top: 30px;
    color: #fff;
    font-family: Helveticaneue_light;
}

.pageheading-orderhub {
    font-size: 36px;
    line-height: 42px;
    margin-top: 30px;
    color: #fff;
    font-family: Helveticaneue_light;
}

.loginpageheading {
    font-size: 30px;
    font-family: Helveticaneue_light;
    margin-top: 45px;
    color: #fff;
    line-height: 42px;
}

.sessionpageheading {
    font-size: 36px;
    font-family: Helveticaneue_light;
    margin-top: 45px;
    color: #fff;
    line-height: 42px;
}

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

.tankanddeliveries-padding {
    padding: 22px 15px 26px 25px;
}

.lblprice {
    color: #030066;
    font-size: 25pt;
    font-family: Helveticaneue_light;
}

.lblregistration {
    font-size: 22pt;
    color: #030066;
    font-family: Helveticaneue_light;
}

.subheading-gethelp {
    font-size: 12pt;
    color: #030066;
    font-family: Helveticaneue_light;
}

.desc-createpwd {
    color: #2d373e;
    font-size: 15.5px;
}

.lbladdanotheraccount {
    color: #030066;
    font-size: 21px;
}

.addanotheraccount-desc {
    font-size: 11pt;
    color: #2d373e;
}

.numberCirlce {
    width: 27px;
    height: 27px;
    border-radius: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #172fe6;
    position: absolute;
    left: -14px;
    background-color: #fff;
}

    .numberCirlce span {
        position: absolute;
        top: 4px;
        font-size: 12px;
        left: 8px;
    }

.lnklogin {
    color: #152ACF;
    text-decoration: none;
    font-size: 15.5px;
}

.lnkback {
    color: #172fe5;
    text-decoration: none;
    font-size: 15.5px;
}

.addccountborder {
    background-color: #fff;
    padding: 18px 20px 13px 30px;
    border: 2px solid #e6e6e6;
    border-radius: 6px;
}

.dropdown-toggle::after {
    float: right;
    margin-top: 10px;
    content: "";
    background: url('../images/mobile-arrow.png') 0 0 no-repeat;
    width: 10px;
    height: 16px;
    border: none;
    display: block;
}

.address-dropdown-toggle::after {
    float: right;
    margin-top: 10px;
    content: "";
    background: url('../images/mobile-arrow.png') 0 0 no-repeat;
    width: 10px;
    height: 16px;
    border: none;
    display: block;
}

.dropdown-menu {
    border: none;
    border-radius: 0px;
}

.dropdown-item {
    padding: 6px 50px;
}

.alert-risk {
    border: 3px solid #bb0202;
    border-radius: 6px;
    font-size: 16pt;
    color: #2d373e;
}

.gasleak-desc {
    font-size: 16px;
}

.desc-paymentmodal {
    font-size: 14px;
}

.lbltotalamount-paymentmodal {
    color: #2d373e;
    font-family: Helveticaneue_medium;
    font-size: 18px;
}

.desc-thankyou {
    color: #2d373e;
    font-size: 15px;
}

.desc-requestdelthankyou {
    color: #2d373e;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.forecastdel-thankyou {
    color: #2d373e;
    font-size: 12.5pt;
}

#EnrollCPaccordion .k-panelbar > .k-item > .k-link {
    padding: 10px 50px !important;
    font-size: 12pt !important;
    color: #030066 !important;
    font-family: Helveticaneue_light;
}

#FAQaccordian .k-panelbar > .k-item > .k-link {
    padding: 10px 50px !important;
    font-size: 12pt !important;
    color: #030066 !important;
    font-family: Helveticaneue_light;
}

.ordersummary-thankyou {
    width: 100%;
    border: 1px solid #e6e6e6;
    /* min-height: 800px;
        height: 100%;*/
    margin-top: 45px;
    margin-left: 10px;
    margin-right: 10px;
}

.ordersummary {
    width: 100%;
    border: 1px solid #e6e6e6;
    /* min-height: 800px;
        height: 100%;*/
    margin-top: 45px;
    margin-left: 10px;
    margin-right: 10px;
}

.fullorderDetails {
    width: 100%;
    margin-top: 45px;
    margin-left: 10px;
    margin-right: 10px;
}

.ordersummary-forecastdel {
    width: 95%;
    border: 1px solid #e6e6e6;
    height: 420px;
    margin-top: 45px;
    margin-left: 10px;
    margin-right: 10px;
}

.thankyou-forecastdel {
    width: 385px;
    height: 500px;
    border: 1px solid #e6e6e6;
    margin-top: 45px;
    margin-left: 10px;
    margin-right: 10px;
}

.lblaccountnumber-layout {
    width: 100%;
    height: auto;
    float: left;
}

.lblmyalerts {
    color: #040072;
    font-size: 20px;
    line-height: 26px;
}

.alerts-circle {
    width: 25px;
    height: 25px;
    background-color: #FFBB00;
    border-radius: 25px;
    color: #040072;
    font-family: Helveticaneue_medium;
    font-size: 16px;
    padding: 5px 10px;
}

.btnshownotification {
    color: #2d373e;
    font-size: 18px;
}

    .btnshownotification span {
        color: #172fe6;
        font-size: 18pt;
        margin-left: 10px;
    }

.btnsave-mydocs {
    font-size: 15px;
    padding: 8px 35px;
    border: 0px none;
    color: #fff;
    background-color: #A3ACF5;
    border-radius: 7px;
}

.btnsave-mydocs-enable {
    font-size: 15px;
    padding: 8px 35px;
    border: 0px none;
    color: #fff;
    background-color: #172FE6;
    border-radius: 7px;
}

.lblpendingstep {
    font-family: Helveticaneue_medium;
    font-size: 16px;
    line-height: 17px;
    color: #717171;
}

.topmargin-accountactivity {
    margin-top: 0px;
}

.lnkviewdisabled1 {
    color: #A3ACF5;
    text-decoration: none;
    border: none;
    cursor: text;
    margin-left: 5px;
}


    .lnkviewdisabled1:hover {
        color: #A3ACF5;
        text-decoration: none;
        cursor: default;
    }

.lnkviewdisabled {
    color: #ADAEB0;
    text-decoration: none;
    border: none;
    cursor: text;
    margin-left: 5px;
}


    .lnkviewdisabled:hover {
        color: #ADAEB0;
        text-decoration: none;
        cursor: default;
    }

.mylastdelivery {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    flex-basis: 0%;
}
.word-wrap {
    word-break: break-word; /* Break long words if needed */
  
}
@media (min-width: 320px) {
    #viewAllModal{
        z-index:1070 !important;
       
    }
    .alert-infowarning {
        position: absolute;
        right: -20px;
        top: 63px;
    }
    .alert-infowarningPayment {
        position: relative;
        right: -20px;
        top: 80px;
    }
    .request-redDiv {
        width: calc(100% - 30px);
        line-height: 24px;
        font-size: 14px;
        color: #2D373E;
        font-family: Helveticaneue_regular;
        font-weight: 400;
    }
    .request-red-alert {
        border: 2px solid #e02629;
        border-radius: 6px;
        padding: 15px 40px;
        background-color: #ffb1b342;
    }
    .lblpaymentmodal{
        width:100%;
    }
    .confirm-request-red-alert {
        border: 2px solid #e02629;
        border-radius: 6px;
        padding: 10px 14px;
        background-color: #ffb1b342;
    }
        .showDefault{
        display:none;
    }
    .lbleditprofile {
        width:100%;
        background-color: #eaf1f9;
        margin: 0px auto;
        padding: 20px;
    }
    .nicknamewrapper{
        width:100%;
        margin:30px auto;
        padding:15px;
    }
    .online_terms {
        width: 100%;
    }
    .nickname_modal{
        width:100%;
    }
    .lblaccountlocation {
        justify-content: center;
        display: flex;
    }
    .lblidentify {
        font-size: 36px;
        color: #2D373E;
        font-family: Helveticaneue_light
    }

    .vehicleimg {
        height: 250px;
        width: 100%;
    }

    .leftloginsection {
        margin-top: 10px;
        min-height: 80px;
        height: auto;
        flex-direction: column-reverse;
    }

    .searchwraper {
        height: auto;
        min-height: 80px;
    }

    .lblguest {
        width: 100%;
        min-height: 1px;
    }

    .eyeimg {
        position: absolute;
        right: 12px;
        top: 17px;
    }

    .myprofile-subhead {
        color: #666;
        font-family: Helveticaneue_light;
        font-size: 11pt;
    }

    .gl-label {
        color: #666;
        font-family: Helveticaneue_light;
        font-size: 11pt;
    }



    .welcome {
        text-align: center;
    }

    .guestctrl {
        width: 100%;
    }

    .guestFldWidth {
        width: 100%;
    }

    .paymenthead {
        font-family: "Helveticaneue_light";
        color: #2d373e;
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .login_wrapper {
        width: 100%;
        padding: 1rem;
    }

    .left_container {
        width: 100%;
        margin-right: 55px;
    }

    .right_container {
        width: 100%;
    }

    .btn-wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .lblcreateheading {
        font-size: 22px;
        color: #031385;
        font-family: "Helveticaneue_regular";
    }

    .thankyouwraper {
        margin: 0px;
    }

    .lblpasswordtxt {
        font-size: 15px;
        color: #4a4a4a;
        font-family: "Helveticaneue_light";
    }

    .lblthankyoutxt {
        font-size: 13px;
        color: #4a4a4a;
        font-family: "Helveticaneue_light";
        margin: 0px auto;
    }

    .lbllabeltxt {
        font-size: 13px;
        color: #4a4a4a;
        font-family: Helveticaneue_light;
    }

    .sorrybg {
        background-color: #eaf1f9;
    }

    .paymentWrap {
        display: flex;
        flex-direction: column;
    }

    .guestwrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .continue-btn {
        position: absolute;
        bottom: 10px;
    }

    .lbldisplay {
        display: flex;
        flex-direction: column;
    }

    .lbllogindisplay {
        display: flex;
        flex-wrap: wrap;
        /*flex-direction: column;*/
        flex-direction: column-reverse;
    }

    .makePaySec {
        width: 100%;
        text-align: left;
    }

    .paymentAmt {
        width: 100%;
        text-align: left;
    }

    .paymentDueSec {
        width: 100%;
        text-align: left;
    }

    .viewOnlineAbsBtn {
        position: absolute;
        bottom: 0px;
        right: 13px;
        width: 80%
    }

    .accountContainer {
        width: auto;
        height: auto;
        margin: 0px auto;
    }
    .loginContainer {
        width: auto;
        height: auto;
        margin: 0px auto;
    }
    .passwordContainer {
        width: auto;
        height: auto;
        margin: 0px auto;
    }
    .createaccountContainer {
        width: auto;
        height: auto;
        margin: 0px auto;
    }

    .btmPadding {
        padding-bottom: 70px !important;
    }

    .setUpBill-checkPadding {
        width: 100%;
        margin: 0px auto;
        padding-left: 0px;
    }
}

@media(min-width:344px){
    .openinvtooltip {
        right: -3px;
    }
}
@media (min-width: 360px) {

    .openinvtooltip {
        right: 16px;
    }
/*    .actionRqrdDiv {
        width: 240px;
    }*/

    .alartactionRqrdDiv {
        width: 240px;
    }

    .padCss100 {
        padding-top: 75px;
    }

    .tankguage-tooltip .tankguage-tooltiptext {
        margin-left: -45px;
    }

    .layout-addressdetails {
        width: 120px;
        left: 100px;
    }

    .commerciallayout-addressdetails {
        width: 120px;
        left: 130px;
    }
}

@media (min-width: 375px) {
    .openinvtooltip {
        right: 26px;
    }
    .lbltankanddeliveries1 {
        font-size: 17px;
    }

 /*   .actionRqrdDiv {
        width: 262px;
    }*/

    .alartactionRqrdDiv {
        width: 260px;
    }

    .layout-addressdetails {
        width: 125px;
    }

    .commerciallayout-addressdetails {
        width: 125px;
    }

    .tankguage-tooltip .tankguage-tooltiptext {
        margin-left: -20px;
    }
}

@media (min-width: 390px) {
    .openinvtooltip {
        right: 45px;
    }
}
@media (min-width: 412px) {
    .openinvtooltip {
        right: 65px;  
    }
    .layout-addressdetails {
        width: 125px;
        left: 140px;
    }

    .commerciallayout-addressdetails {
        width: 125px;
        left: 140px;
    }
}

@media (min-width: 414px) {
    .tblpaymentDate {
    width: 90px; 
    margin-left:0px;
}
    .tblinvoice {
        width: 125px;
    }
    .lbltankanddeliveries1 {
        font-size: 18px;
    }

/*    .actionRqrdDiv {
        width: 300px;
    }
*/
    .alartactionRqrdDiv {
        width: 300px;
    }

    .tankguage-tooltip .tankguage-tooltiptext {
        margin-left: 0px;
    }

    .btnnext-makepayment {
        width: 250px;
    }

    .layout-addressdetails {
        width: 150px;
        left: 120px;
    }

    .commerciallayout-addressdetails {
        width: 150px;
        left: 120px;
    }
}

@media (min-width: 420px) {
    /*.actionRqrdDiv {
        width: 305px;
    }*/
    .openinvtooltip {
        right: 85px;
    }
    .alartactionRqrdDiv {
        width: 305px;
    }
}

@media (min-width: 480px) {

    .tankguage-tooltip .tankguage-tooltiptext {
        margin-left: 0px;
    }
}

@media (min-width: 540px) {
    .actionRqrdDiv {
        width: 480px;
    }
    .openinvtooltip {
        right: 195px;
    }
    .layout-addressdetails {
        width: 150px;
        left: 245px;
    }

    .commerciallayout-addressdetails {
        width: 150px;
        left: 245px;
    }
}

@media (min-width: 568px) {

    .tankguage-tooltip .tankguage-tooltiptext {
        margin-left: 0px;
    }
}

@media (min-width: 576px) {

    .container {
        max-width: 100%;
    }

    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: none !important;
        flex-basis: auto;
    }

    .orderhublayout-addressdetails {
        right: 0px;
        width: 75%;
    }

    .footerlinks a {
        display: inline-block;
    }

    .btnpaybill-commercialdashboard {
        width: 270px;
    }

    .btnrequestdelivery-tankanddelivery {
        width: 270px;
    }

    .thankyou-desc {
        font-size: 15px;
    }

    .btnnext {
        font-size: 17px;
        padding: 13px 25px;
    }

    .btnnext-enable {
        font-size: 17px;
        padding: 13px 25px;
    }

    .btnok {
        font-size: 17px;
        padding: 13px 25px;
    }

    .btnlinklocation span {
        padding: 20px;
    }
    .btnanotherlocation span {
        padding: 20px;
    }
    .supportbg {
        height: 150px;
    }
}

@media (min-width: 640px) {
    .btnanotherlocation{
        width:280px;
    }
    .left_container {
        width: 278px;
        margin-right: 55px;
    }

    .right_container {
        width: calc(100% - 333px);
    }

    .contactrole .search-container {
        float: none;
    }

        .contactrole .search-container button.searchIcon {
            float: none;
            display: block;
            text-align: left;
            margin: 0;
            padding: 10px;
            border: 1px solid #e4e7eb;
            border-left: 0px solid #ccc;
            border-radius: 0px 3px 3px 0px;
        }

        .contactrole .search-container button.searchClose {
            float: none;
            display: block;
            text-align: left;
            margin: 0;
            padding: 10px;
            border: 1px solid #e4e7eb;
            border-left: 0px solid #ccc;
            border-radius: 0px 0px 0px 0px;
        }

    .contactrole input[type=text] {
        border: 1px solid #e4e7eb;
        border-right: 0px solid #ccc;
        border-radius: 3px 0px 0px 3px;
    }

    .lbltankanddeliveries1 {
        font-size: 18px;
    }

    .actionRqrdDiv {
        width: 520px;
    }

    .alartactionRqrdDiv {
        width: 450px;
    }

    .padCss {
        padding-top: 0px;
    }

    .padCss100 {
        padding-top: 50px;
    }


    .tankguage-tooltip .tankguage-tooltiptext {
        margin-left: 183px;
    }
}

@media (min-width: 667px) {
    .tankguage-tooltip .tankguage-tooltiptext {
        margin-left: 160px;
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: column !important;
    }

    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        flex-basis: auto;
    }
}

@media (min-width: 768px) {
    .center-tabview .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default {
   width: 210px;
      
    }

        .center-tabview .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default.k-state-active,
        .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-hover {
          width: 210px;
           
        }
    .openinvtooltip {
        right: 170px;
    }
    .mainHeading-div{
        width:670px;
    }
    .lblpaymentmodal {
        width: 650px;
    }
    .online_terms {
        width: 630px;
    }
    .nickname_modal {
        width: 890px;
    }
    .lblthankyoutxt {
        width: 635px;
    }
        .eyeimg {
        top: 15px;
    }

    .lblidentify {
        font-size: 40px;
    }


    .btnpaybill-dashboardDisabled {
        font-size: 18px;
        padding: 14px 25px;
        width: 250px;
    }

    .vehicleimg {
        width: 290px;
    }

    .btncreateaccount {
        width: 250px;
    }

    .lblguest {
        width: 265px;
    }

    .guestctrl {
        width: calc(100% - 265px);
    }

    .guestFldWidth {
        width: 420px;
    }

    .guestwrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0px auto;
    }

    .lblcontinue {
        font-size: 30px;
    }

    .login_wrapper {
        width: 700px;
        padding: 0px;
        margin: 0px auto;
    }

    .lblpaymentbtn {
        width: 295px;
        height: 110px;
    }

    .btn-wrapper {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .buttonminusMargin {
        margin-left: -100px
    }

    .setUpBill-checkPadding {
        width: 750px;
        margin: 0px auto;
        padding-left: 185px;
    }

    .lblcreateheading {
        font-size: 32px;
    }



    .guestsection {
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 35px auto;
    }

    .dropdown-content {
        max-width: 230px;
    }

    .accountContainer {
        width: 850px;
    }

    .loginContainer {
        width: 528px;
    
    }
    .passwordContainer{
        width:500px;
    }

    .boxtanker {
        width: 48%;
        margin-right: 10px;
    }

    .boxtankerLast {
        width: 48%;
    }

    .driver-img {
        width: 400px;
        margin-top: 80px;
    }

    .btn-submit {
        width: 180px;
    }

    .why-container {
        width: 655px;
    }

    .actionRqrdDiv {
        width: 605px;
    }

    .alartactionRqrdDiv {
        width: 500px;
    }

    .padCss100 {
        padding-top: 25px;
    }

    .top-mobile {
        top: 0px;
    }

    .layout-addressdetails {
        left:-60px;
        width: 255px;
        padding: 0px;
    }

    .commerciallayout-addressdetails {
        left: 10px;
        width: 160px;
        padding: 0px;
    }

    .bgcolor-layout {
        background-color: transparent;
        padding: 0px;
        box-shadow: none;
    }

    .lbladdressdetails-layout {
        color: #fff;
        font-size: 16px;
    }

    .btnlinklocation {
        width: 203px;
    }

    .border-tankinfo {
        border: none;
    }

    .savedPaymentsInnerWrapper {
        width: 600px;
        margin: 0px auto;
    }

    .paymentoptionsWrapperDiv {
        width: 800px;
        margin: 0px auto;
    }

    .quicklinks-height {
        height: 110px;
    }

    .tanklevel-height {
        height: 110px;
    }

    .fct-height {
        height: 110px;
    }

    .pageheading {
        font-size: 43px;
        margin-top: 60px;
    }

    .pageheading-orderhub {
        font-size: 50px;
        margin-top: 60px;
    }

    .loginpageheading {
        font-size: 50px;
        margin-top: 60px;
    }

    .sessionpageheading {
        font-size: 50px;
        margin-top: 60px;
    }

    .navbar-light .navbar-nav .nav-link {
        border-bottom: none;
    }

    .navbar-nav .nav-link {
        padding: 0px 30px;
    }

    #addressSubmenu li a:hover {
        background-color: transparent;
    }

    .show.address-dropdown-toggle::after {
        transform: rotate(180deg);
    }

    .menucolor-change::after {
        color: #bb0202 !important;
    }

    .show.menucolor-change {
        border-bottom: 2px solid #030066 !important;
        font-family: Helveticaneue_bold !important;
    }

        .show.menucolor-change::after {
            transform: rotate(180deg);
        }

    .dropdown-toggle::after {
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        background: none;
        width: auto;
        height: auto;
    }

    .menucolor-change {
        color: #040075 !important;
    }

    .dropdown .show.menucolor-change {
        color: #040075 !important;
        font-family: Helveticaneue_bold !important;
    }

    .dropdown-menu {
        border: none;
        border-radius: 0px;
        margin: 0px;
    }

    .dropdown-item {
        padding: 8px 30px;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        z-index: 1050;
    }

    .bgfade {
        position: fixed;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity: 0.5;
    }

    .expandedmenu {
        position: relative;
        background: none !important;
        box-shadow: none;
    }

    .border-shadow {
        box-shadow: none;
  /*      z-index: 0;*/
    }

    .layout-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 230px;
        background-size: cover;
    }

    .orderhublayout-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 160px;
        background-size: cover;
    }

    .login-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 240px;
        background-size: cover;
    }

    .login-headerbgimg-arrow {
        background-image: url('../images/layoutheaderbg-arrow.png');
        width: 18px;
        height: 9px;
        background-size: cover;
    }

    .layout-arrowposition {
        position: absolute;
        /*top: 55px;*/
        bottom: 230px;
        left: 150px;
    }

    .orderhublayout-arrowposition {
        position: absolute;
        top: -9px;
        left: 150px;
    }

    .headerlinks a {
        color: #303a41;
        text-decoration: none;
        padding: 0px 10px;
        font-size: 13.5px;
    }

    #menulinks {
        background-color: transparent;
    }

        #menulinks li a {
            font-size: 14pt; /*16px*/
            margin-right: 3px;
            color: #fff;
            display: inline-block;
            font-family: Helveticaneue_medium;
            outline: none;
        }

    .logo-position {
        position: absolute;
        top: 5px;
        left: 120px;
    }

    .btnnext-enable {
        font-size: 18px;
        padding: 14px 25px;
        width: 250px;
    }

    .btnok {
        font-size: 18px;
        padding: 14px 25px;
        width: 230px;
    }

    .btnpaybill-dashboard {
        font-size: 20px;
        padding: 14px 25px;
        width: 100%;
    }
    .btnpaybill-dashboard-ms {
        font-size: 20px;
        padding: 14px 25px;
        width: 100%;
    }

    .btnviewdeliverystatus-dashboard {
        font-size: 20px;
        padding: 14px 25px;
        width: 100%;
    }
}

@media (min-width: 812px) {
    .buttonminusMargin {
        margin-left: 0px
    }

    .tankguage-tooltip .tankguage-tooltiptext {
        margin-left: 183px;
    }

    /*  .guestwrapper {
        width: 370px;
    }
*/
    .guestsection {
        width: 73%;
    }
}


@media (min-width: 912px){
    .actionRqrdDiv{
        width:690px;
    }
}
@media (min-width: 991px) {
    .welcome {
        position: relative;
       /* right: 80px;*/
    }
}

@media (min-width: 1024px) {
    .center-tabview .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default {
        width: 240px;
    }

        .center-tabview .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-default.k-state-active,
        .k-tabstrip-top > .k-tabstrip-items .k-item.k-state-hover {
            width: 240px;
        }
    .layout-addressdetails {
        left:10px;
    }
        .showDefault {
        display: block;
    }
    .lbleditprofile {
        width: 700px;
    }
    .nicknamewrapper{
        width:950px;
        padding:0px;
    }
    .confirmpaymentoptionsWrapperDiv {
        width: 670px;
    }
    .confirmWrapperDiv {
        width: 700px;
    }
    .guestpaymentoptionsWrapperDiv{
        width:800px;
    }
    .login_wrapper {
        width: 815px;
    }
    .loginsection {
        width: 80%;
        margin: 0px auto;
    }

    .guestFldWidth {
        width: 515px;
    }

    .paymentwrapper {
        margin-top: 80px;
    }

    .btnlogin-new {
        font-size: 18px;
        padding: 13px 25px;
        width: 230px;
    }

    .btnlogin-enable-new {
        font-size: 18px;
        padding: 14px 25px;
        width: 230px;
    }

    .lbldisplay {
        display: flex;
        flex-direction: row;
    }

    .rightsection {
        width: 340px;
        margin-top: 0px;
    }

    .leftsection {
        width: calc(100% - 340px);
        margin-right: 15px;
    }


    .last-deliveryRightBrdr {
        margin-right: 20px;
    }

    .guestwrapper {
        width: 670px;
    }

    .guestsection {
        width: 60%;
    }

    .dropdown-content {
        max-width: 180px;
    }

    .sorrybg {
        height: 600px;
    }

    .viewOnlineAbsBtn {
        position: absolute;
        bottom: auto;
        right:13px;
        width: auto;
    }

    .mylastdelivery {
        flex-basis: 100%;
    }

    .btmPadding {
        padding-bottom: 0px !important;
    }

    .btnsubmit-order {
        font-size: 15px;
        padding: 14px 14px;
        width: 200px;
    }

    .submit-order {
        position: absolute;
        right: 8px;
        cursor: pointer;
        top: 8px;
        width: 33px;
    }

    .padversionDiv {
        width: 650px;
    }

    .why-container {
        width: 660px;
    }

    .actionRqrdDiv {
        width: 810px;
    }

    .padCss {
        padding-top: 0px;
    }

    .padCss100 {
        padding-top: 25px;
    }
    .mainHeading-div {
        width: 850px;
    }
}

@media (min-width: 1200px) {
    .mainHeading-div {
        width: 1075px;
    }
    .why-para {
        width: 425px;
    }
    .mainHeading-div {
        width: 1075px;
    }
    .main-div {
        width: 671px;
    }
    .thankyou-wrapperdiv1{
        padding:10px 10px 5px 10px;
    }
    .alert-infowarning {
        position: absolute;
        right: -14px;
        top: 63px;
    }
    .alert-infowarningPayment {
        position: relative;
        right: -17px;
        top: 63px;
    }
    .nicknamewrapper {
        width: 1130px;
    }
    .lblaccountlocation{
       width:270px;
       margin:0px auto;
        position:absolute;
        bottom:0px;
    }
    .guestFldWidth {
        width: 470px;
    }

    .loginsection {
        width: 100%;
        margin: 0px auto;
    }

    .searchwraper {
        height: auto;
        min-height: 267px;
    }

    .buttonminusMargin {
        margin-left: 6px
    }

    .lblpaymentbtn {
        width: 332px;
    }

    .paymentwrapper {
        margin-top: 70px;

    min-height:570px;
    }

    .lbllogindisplay {
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .leftloginsection {
        width: 360px;
        margin-top: 0px;
        flex-direction: unset;
    }


    .rightloginsection {
        width: calc(100% - 380px);
        /* margin-left: 15px;*/
    }

    .rightsection {
        width: 400px;
        margin-top: 0px;
    }

    .leftsection {
        width: calc(100% - 400px);
        margin-right: 15px;
       
    }

    .payBillTop {
        margin-top: -62px;
    }


    .guestwrapper {
        width: 760px;
    }

    .guestsection {
        width: 45%;
    }

    .dropdown-content {
        max-width: 230px;
    }

    .manageYourTop {
        margin-top: 10px;
    }

    .monitorYourTop {
        margin-top: 32px;
    }


    .propagane-padding {
        padding-left: 10px;
    }

    .bg_disable {
        background: url(../images/disableBG.jpg) no-repeat 0 0;
        background-size: cover;
        height: 730px;
    }

    .padversionDiv {
        width: 650px;
    }

    .main-part-div {
        display: flex;
    }

    .wid-100 {
        width: auto;
    }

    .alartactionRqrdDiv {
        width: 815px;
    }

    .pay-sub-div {
        width: calc(100% - 200px);
        display: flex;
    }

    .pay-sub-div1 {
        width: 200px;
        display: flex;
    }

    .pay-sub-inner {
        width: 40px;
    }

    .pay-sub-inner1 {
        width: calc(100% - 40px);
    }

    .orange-alert-icon {
        width: 25px;
    }

    .orange-alert-txt {
        width: calc(100% - 30px);
        line-height: 54px;
        font-size: 20px !important;
    }

    .request-redDiv {
        width: calc(100% - 30px);
        line-height: 24px;
        font-size: 16px;
        color: #2D373E;
        font-family: Helveticaneue_regular;
        font-weight: 400;
    }

    .boxtanker {
        margin-right: 10px;
        height: 180px;
        width: 295px;
        position: relative;
    }

    .boxtankerLast {
        height: 180px;
        width: 270px;
    }

    .date-txt p {
        text-align: right;
    }

    .mt-15 {
        margin-top: 0px;
    }

    .time-gal-div {
        width: 20%;
        margin-bottom: 0px;
    }

    .alert-container {
        width: 1250px;
    }

    .why-container {
        width: 685px;
    }

    .padCss {
        padding-top: 0px;
    }

    .padCss100 {
        padding-top: 24px;
    }

    .actionRqrdDiv {
        width: 990px;
    }

    .paymentRqrdDiv {
        width: 900px;
    }

    .padCss100 {
        padding-top: 24px;
    }

    .runninglower-height {
        height: 620px;
        margin-top: 110px;
    }

    .duplicatepaymentmethod {
        padding: 50px 50px 30px 50px;
    }

    .toppaperless {
        margin-top: -28px;
    }

    #autopayfailAlert .modal-dialog {
        max-width: 800px;
    }

    #paymentBlockAlert .modal-dialog {
        max-width: 800px;
    }

    #FailedPaymentAlert .modal-dialog {
        max-width: 800px;
    }

    .openinvtooltip {
        right: 155px;
    }

    .timeframe-scheduleddel {
        font-size: 30px;
    }

    .estimatedDaystooltip .estimatedDaystooltiptext {
        width: 400px;
    }

        .estimatedDaystooltip .estimatedDaystooltiptext::after {
            right: 172px;
        }

    .paymenthistorystatus .paymenthistorystatustext {
        width: 300px;
        right: 25px;
    }

        .paymenthistorystatus .paymenthistorystatustext::after {
            transform: rotate(-45deg);
            left: 289px;
        }

    .leftmargin-billingnotification {
        margin-left: 32px;
    }

    .leftmargin-paperlessbilling {
        margin-left: 28px;
    }

    .lnkmanage {
        float: left;
    }

    .leftpadding-makepayment {
        padding-left: 30px;
    }

    .btnaddpaymentmethod {
        font-size: 18px;
    }

    .imgPaybill {
        margin-left: 20px;
        margin-right: 20px;
    }

    .selectreason .k-i-arrow-60-down::before {
        margin-top: 5px;
    }

    .payments .k-pager-md, .k-pager-sm, .k-pager-sm .k-pager-numbers, .k-pager-sm .k-pager-sizes {
        display: flex;
    }

    .topmargin-setupmybill {
        top: 0px;
    }

    .lnkmanagepreferene {
        font-size: 20px;
    }

    .txtbillingcommunications {
        font-size: 16px;
    }

    .lnkpayanotheramount {
        display: inline-block;
        margin-left: 30px;
    }

    .lbltotalpayment {
        padding-left: 75px;
    }

    .mobileAlignment {
        display: flex
    }

    .chkmakepayment {
        width: 40px;
        height: auto;
        float: left;
        margin-top: 12px;
    }

    .tblinvoice {
        width: 150px;
        height: auto;
        float: left;
        margin-left: 0px;
    }

    .tblpaybillinvoice {
        width: 125px;
        height: auto;
        float: left;
    }

    .tblstatus {
        width: 90px;
        height: auto;
        float: left;
        margin-left: 30px;
    }

    .tblstatus-paymenthistory {
        width: 135px;
        height: auto;
        float: left;
        text-align: right;
        margin-top: 0px;
    }

    .tblDueby {
        width: 110px;
        height: auto;
        float: left;
        margin-left: 30px;
    }

    .tblPaymentMethod {
        width: 290px;
        height: auto;
        float: left;
        margin-top: 0px;
        margin-left: 30px;
    }

    .tblPaymentMethod-paymenthistory {
        width: 230px;
        height: auto;
        float: left;
        margin-top: 0px;
        margin-left: 30px;
    }

    .tblConfirmation {
        width: 190px;
        height: auto;
        float: left;
        margin-top: 0px;
        margin-left: 20px;
    }

    .tblInvoiceNum-invoice {
        width: 165px;
        height: auto;
        float: left;
        margin-top: 0px;
        margin-left: 0px;
    }

    .tblBillIssued-invoices {
        width: 165px;
        height: auto;
        float: left;
        margin-left: 30px;
        margin-top: 0px;
    }

    .tblPONum-invoices {
        width: 170px;
        height: auto;
        float: left;
        margin-left: 0px;
        margin-top: 0px;
    }

    .tblStatus-invoices {
        width: 155px;
        height: auto;
        float: left;
        text-align: right;
        margin-left: 0px;
        margin-top: 0px;
    }

    .tblDate {
        width: 80px;
        height: auto;
        float: left;
        margin-left: 0px;
    }

    .tblDate-invoices {
        width: 100px;
        height: auto;
        float: left;
        margin-left: 0px;
    }

    .tblAmountPaid {
        width: 105px;
        height: auto;
        float: left;
        margin-top: 0px;
        margin-left: 30px;
    }

    .tblpaymentDate {
        width: 150px;
        height: auto;
        float: left;
    }

    .tblPaymentAmount {
        width: 150px;
        height: auto;
        float: left;
        margin-left: 0px;
        margin-top: 0px;
    }

    .tblEditPaymentAmount {
        width: 205px;
        height: auto;
        float: left;
        margin-left: 0px;
    }

    #yourallsetModal .modal-dialog {
        max-width: 900px;
    }

    #TurnOffyourallsetModal .modal-dialog {
        max-width: 900px;
    }

    #turnonautopayModal .modal-dialog {
        max-width: 650px;
    }

    #autoPaymentOptionModal .modal-dialog {
        max-width: 650px;
    }

    #RemovesuccessScheduleModal .modal-dialog {
        max-width: 650px;
    }

    #turnoffautopayModal .modal-dialog {
        max-width: 600px;
    }

    #EnableautopayModal .modal-dialog {
        max-width: 700px;
    }

    #paymentdeclinedturnoffautopayModal .modal-dialog {
        max-width: 700px;
    }

    #PaymentautopayModal .modal-dialog {
        max-width: 600px;
    }

    .dollar:before {
        left: 5px;
        top: 7px;
    }

    .leftpadd-payamount {
        padding-left: 0px;
    }

    .paymentamount-makepayment {
        padding-left: 0px !important;
        margin-top: -7px;
    }

    .lblchoosepayment {
        font-size: 16px;
    }

    .paymentdue {
        font-size: 11pt; /*12pt;*/
    }

    .openinvoice-checkbox {
        font-size: 11pt;
    }

    .makepayment-radiobtn {
        font-style: normal;
        /*font-weight: bold;
        font-size: 11.8px;
        line-height: 18px;*/
        font-family: Helveticaneue_medium;
        color: #303030;
        font-size: 10.3pt;
        letter-spacing: 0.5px;
    }

    .defaultpayment-radiobtn {
        font-size: 11.7pt;
    }

    .sortbydropdown {
        font-size: 10pt;
    }

    .paginationdropdown {
        background: url(../images/dropdown-arrow.png) no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 32px;
        background-position-y: 15px;
    }

    .paymentdropdown {
        background: url(../images/dropdown-arrow.png) no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 170px;
        background-position-y: 15px;
    }

    .savedPaymentsWrapperDiv {
        width: 835px;
        margin: 0px auto;
    }

    .savedPaymentsInnerWrapper {
        width: 560px;
        margin: 0px auto;
    }

    .billingCommunicationInnerWrapper {
        width: 600px;
        margin: 0px auto;
    }

    .paymentoptionsWrapperDiv {
        width: 840px;
        margin: 0px auto;
    }

    .confirmpaymentoptionsWrapperDiv {
        width:670px;
  /*      width: 1100px;*/
        margin: 0px auto;
    }
    .confirmWrapperDiv {
        width: 760px;
        margin: 0px auto;
    }
    .guestpaymentoptionsWrapperDiv {
        width:1236px;
        margin: 0px auto;
    }
    .paymentradiobtn {
        width: 225px;
    }

    .paymentWrapper {
        width: 500px;
        margin: 0px auto;
    }

    .paymentWrapper-setupbill {
        width: 485px;
        margin: 0px auto;
    }

    .tankguage-tooltip .tankguage-tooltiptext {
        width: 380px;
        bottom:38px;
        left: -130px;
        margin-left: -60px;
        z-index: 99999;
    }

        .tankguage-tooltip .tankguage-tooltiptext::after {
            right: 170px;
        }

    .fct-tooltip .fct-tooltiptext {
        width: 380px;
        bottom: 150%;
        left: -190px;
    }

        .fct-tooltip .fct-tooltiptext::after {
            right: 170px;
        }

    .fcttanklevel-tooltip .fcttanklevel-tooltiptext {
        width: 380px;
        bottom: 147%;
        left: -190px;
    }

        .fcttanklevel-tooltip .fcttanklevel-tooltiptext::after {
            right: 170px;
        }

    .tanklevel-tooltip .tanklevel-tooltiptext {
        width: 380px;
        bottom: 40px;
        left: -170px;
    }

        .tanklevel-tooltip .tanklevel-tooltiptext::after {
            right: 190px;
        }

    .quickpay-tooltip .quickpay-tooltiptext {
        width: 314px;
        left: -80px;
    }

        .quickpay-tooltip .quickpay-tooltiptext::after {
            left: 145px;
        }

    .makepayment-tooltip .makepayment-tooltiptext {
        width: 380px;
        bottom: 30px;
        left: 12px;
    }

        .makepayment-tooltip .makepayment-tooltiptext::after {
            right: 190px;
        }

    .openinvoice-tooltip .openinvoice-tooltiptext {
        left: -155px;
    }

    aq

    .openinvoice-tooltip .openinvoice-tooltiptext::after {
        right: 96px;
    }

    .mydeliveries-wrapperdiv {
        width: auto;
        height: auto;
        float: left;
        margin-right: 10px;
    }

    .thankyou-subheading {
        font-size: 12pt;
    }

    aq span {
        padding: 14px;
    }

    #resetSecQues .modal-dialog {
        max-width: 650px;
    }

    #securityQuestionsDialog .modal-dialog {
        max-width: 650px;
    }

    #emaiIDDialog .modal-dialog {
        max-width: 600px;
    }

    #automicdeliveryforcastingDialog .modal-dialog {
        max-width: 600px;
    }

    #SignDocModal .modal-dialog {
        max-width: 700px;
    }

    .imgPayurbill {
        width: 100px;
    }

    .imgManageyourdelivery {
        width: 166px;
    }

    .imgMonitoryourusage {
        width: 80px;
    }

    .btnlinklocation span {
        padding: 13px 20px;
    }

    .btnanotherlocation span {
        padding: 13px 20px;
    }

    .jsutreminderModal {
        z-index: 1049;
    }

    /*.hamburgerDiv {
        display: none;
    }*/

    .expandedmenu {
        position: relative;
        background: none !important;
        box-shadow: none;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        z-index: 1041;
    }

    .prebuy-arrow {
        top: -40px;
        left: 65px;
    }

    .tooltip {
        position: relative;
        display: inline-block;
        opacity: 1 !important;
        z-index: 1040;
    }

        .tooltip .tooltiptext {
            visibility: hidden;
            width: 200px;
            background-color: black;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            top: -40px;
            font-size: 13px;
            left: 30px;
            margin-left: 0px;
        }

            .tooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -2%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent black transparent transparent;
            }

        .tooltip:hover .tooltiptext {
            visibility: visible;
        }

    .topmargin-accountactivity {
        margin-top: 40px;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row !important;
    }

    .bs-example {
        margin: 20px;
    }

    #EnrollCPaccordion .k-panel > .k-item > .k-link {
        line-height: 20px;
        padding: 10px 50px !important;
        font-size: 12pt !important;
        background-color: #EAF1F9;
        line-height: 26px;
    }

    #FAQaccordian .k-panel > .k-item > .k-link {
        line-height: 20px;
        /* padding: 10px 50px !important;*/
        font-size: 12pt !important;
        background-color: #EAF1F9;
        line-height: 26px;
    }

    #AboutCP .modal-dialog {
        max-width: 850px;
    }

    #CustSoldtoemailModal .modal-dialog {
        max-width: 600px;
    }

    #EmailModal .modal-dialog {
        max-width: 600px;
    }

    .bgcolor-layout {
        background-color: transparent;
        padding: 0px;
        box-shadow: none;
    }

    .lbladdressdetails-layout {
        color: #fff;
        font-size: 16px;
    }

    .layout-addressdetails {
        width: 300px; /*300px*/
        height: auto;
        padding: 6px 15px;
        margin-right: 20px;
        border-radius: 4px;
        position: absolute;
        left: 70px; /*190px*/
        z-index: 1001;
    }

    .commerciallayout-addressdetails {
        width: 280px; /*300px*/
        height: auto;
        padding: 6px 15px;
        margin-right: 20px;
        border-radius: 4px;
        position: absolute;
        left: 70px; /*190px*/
        z-index: 0;
    }

    .orderhublayout-addressdetails {
        width: 280px;
        position: absolute;
        right: 0px;
        z-index: 1001;
    }

    .topmargin-gethelp {
        margin-top: 130px;
    }

    .sessionexpiry-height {
        height: 424px;
    }

    #PromoNoteModal .modal-dialog {
        max-width: 600px;
    }

    .supportbg {
        font-size: 23px;
        line-height: 30px;
        height: 140px;
        padding: 35px;
    }

    #ConfirmModal .modal-dialog {
        max-width: 600px;
    }

    #TermsAndCondModal .modal-dialog {
        max-width: 600px;
    }

    #promoCancelModal .modal-dialog {
        max-width: 600px;
    }

    #TankPerModal .modal-dialog {
        max-width: 650px;
    }

    .mobile-tooltip {
        position: relative;
        display: inline-block;
        margin-left: 15px;
    }

        .mobile-tooltip .mobile-tooltiptext {
            visibility: hidden;
            width: 370px;
            background-color: #555;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 7px 5px;
            position: absolute;
            z-index: 1;
            top: -37px;
            left: 120%;
            font-size: 15px;
        }

            .mobile-tooltip .mobile-tooltiptext::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -5px;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .mobile-tooltip:hover .mobile-tooltiptext {
            visibility: visible;
        }

    .tankinfo-tooltip {
        position: relative;
        display: inline-block;
        margin-left: 15px;
    }

        .tankinfo-tooltip .tankinfo-tooltiptext {
            visibility: hidden;
            width: 370px;
            background-color: #555;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 7px 5px;
            position: absolute;
            z-index: 1;
            top: -37px;
            left: 130%;
            font-size: 15px;
        }

            .tankinfo-tooltip .tankinfo-tooltiptext::after {
                content: "";
                position: absolute;
                top: 43%;
                right: 100%;
                margin-top: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent #555 transparent transparent;
            }

        .tankinfo-tooltip:hover .tankinfo-tooltiptext {
            visibility: visible;
        }

    #DocModal .modal-dialog {
        max-width: 1000px;
    }

    .btnarrow-chatwithus {
        position: absolute;
        right: 5px;
        top: 6px;
        cursor: pointer;
        width: 32px;
    }

    .btnchatwithus {
        font-size: 15px;
        padding: 10px 20px;
        width: 185px;
    }

    .btnback {
        font-size: 15px;
        padding: 13px;
        width: 150px;
    }

    .btnviewmypref {
        font-size: 15px;
        padding: 10px 20px;
        width: 225px;
    }

    .youareset-wrapperdiv {
        width: 600px;
        height: auto;
        margin: 20px auto 50px;
    }

    .lblpendingstep {
        font-size: 14px;
    }

    .lbldomorewithamergas {
        font-size: 40px;
    }

    #paperlessPromptfirsttime .modal-dialog {
        max-width: 600px;
    }

    .top-mobile {
        top: 0px;
    }

    .automaticdel-subheading {
        font-size: 13.5pt;
    }

    .automaticdelImg {
        position: absolute;
        left: -18px;
    }

    .automaticdel-numberCirlce {
        width: 27px;
        height: 27px;
        border-radius: 20px;
        padding: 5px;
        display: block;
        border: 1px solid #172fe6;
        position: absolute;
        left: -14px;
        background-color: #fff;
        top: 23px;
    }

        .automaticdel-numberCirlce span {
            position: absolute;
            top: 4px;
            font-size: 10pt;
            left: 8px;
            color: #030066;
            font-family: Helveticaneue_medium;
        }

    .automaticdel-greencircle img {
        left: 8px;
        position: absolute;
        top: 11px;
    }

    .automaticdel-numberCirlce span {
        top: 4px;
        font-size: 10pt;
    }

    .automaticdelborder {
        background-color: #fff;
        padding: 18px 20px 13px 30px;
        border: 2px solid #e6e6e6;
        border-radius: 6px;
    }

    .automaticdel-greencircle {
        width: 30px;
        height: 30px;
        border-radius: 25px;
        background-color: #439D25;
        position: absolute;
        left: 12px;
    }

    .automaticdel-heading {
        font-size: 37pt;
    }

    .automaticdel-desc {
        font-size: 12pt;
    }

    .automaticdel-accountsummary {
        font-size: 18pt;
    }

    .automaticdel-thankyou {
        font-size: 24px;
        line-height: 30px;
    }

    #appliancehardstopModal .modal-dialog {
        max-width: 600px;
    }

    .appliancevalue {
        font-size: 14.5pt;
        margin-left: 20px;
        margin-right: 22px;
        color: #172fe6;
        font-family: Helveticaneue_medium;
        float: left;
        margin-top: -5px;
    }

    .lblOR {
        width: 55px;
    }

    .notification-orderprocess {
        border: 2px solid #ffbb00;
        border-radius: 6px;
        padding: 18px;
    }

    .dashboard-alert {
        border: 2px solid #ffbb00;
        border-radius: 6px;
        padding: 10px 20px;
        background-color: #f9df96a1;
    }

    .dashboard-red-alert {
        border: 2px solid #e02629;
        border-radius: 6px;
        padding: 10px 20px;
        background-color: #ffb1b3a6;
    }

    .dashboard-green-alert {
        border: 2px solid #4bb648;
        border-radius: 6px;
        padding: 10px 20px;
        background-color: #85f382ad;
    }

    .request-red-alert {
        border: 2px solid #e02629;
        border-radius: 6px;
        padding: 15px 40px;
        background-color: #ffb1b342;
    }

   /* .confirm-request-red-alert {
        border: 2px solid #e02629;
        border-radius: 6px;
        padding: 10px 14px;
        background-color: #ffb1b342;
    }
*/
    .request-yellow-alert {
        border: 2px solid #FFBB00;
        border-radius: 6px;
        padding: 15px 40px;
        background-color: #f9df96a1;
    }

    .modal {
        z-index: 1050;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .desc-contacts {
        font-size: 15pt;
        color: #030066;
    }

    .offers-img {
        width: 40px;
    }

    .lbllastpayment {
        color: #2d373e;
        font-size: 16px;
        line-height: 24px;
        font-family: Helveticaneue_regular;
    }

    .wrapperdiv-layout {
        width: auto;
        height: auto;
        float: right;
        margin-right: 20px;
        color: #fff;
        margin-top: 7px;
        font-size: 18px;
        line-height: 28px;
    }

    .loginlogo-top {
        padding-top: 0px !important;
    }

    #unsavedcontactModal .modal-dialog {
        max-width: 600px;
    }

    #paymentprocessingModal .modal-dialog {
        max-width: 600px;
    }

    #deleteaccount .modal-dialog {
        max-width: 600px;
    }

    #UpdateEmailDialog .modal-dialog {
        max-width: 600px;
    }

    #UpdatePasswordDialog .modal-dialog {
        max-width: 600px;
    }

    .lblvalue {
        font-size: 20px;
    }

    .lblvalue-Estimatedtank {
        font-size: 28px;
    }

    .dropdown-toggle::after {
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        background: none;
        width: auto;
        height: auto;
    }

    .address-dropdown-toggle::after {
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        background: none;
        width: 10px;
        height: auto;
        margin-top: -103px;
        color: #fff;
    }

    #addressSubmenu li a:hover {
        background-color: transparent;
    }

    .show.address-dropdown-toggle::after {
        transform: rotate(180deg);
    }

    .menucolor-change::after {
        color: #bb0202 !important;
    }

    .show.menucolor-change {
        border-bottom: 2px solid #030066 !important;
        font-family: Helveticaneue_bold !important;
    }

        .show.menucolor-change::after {
            transform: rotate(180deg);
        }

    .btnviewdetails {
        width: 140px;
    }
    .btnviewdetailsdisable {
        width: 140px;
    }
    .btnselect {
        width: 100px;
    }

    .btnManageselect {
        width: 89px;
    }

    .lblaccountnumber-layout {
        width: auto;
        height: auto;
        float: left;
    }

    .navbar-nav .nav-link {
        padding: 3px 30px; /*9px 30px*/
    }

    #JustAReminderDialog .modal-dialog {
        max-width: 555px;
    }

    .box-programdetails {
        width: 500px;
        height: 230px;
        margin: 0px auto;
        border: 1px solid #808080;
        padding: 10px;
        background-color: #e6ecf1;
    }

    .innerbox-programdetails {
        width: 90%;
        height: 185px;
        margin: 10px auto;
        border: 1px solid #808080;
        padding: 10px;
        background-color: #fff;
    }

    #AccouuntActivityDialog .modal-dialog {
        max-width: 950px;
    }

    .btnupdate {
        font-size: 16px;
        padding: 10px 20px;
        /* width: 160px;*/
        text-align: center;
    }

        .btnupdate:disabled, .btnupdate[disabled] {
            font-size: 16px;
            padding: 10px 20px;
            color: #9A9A9A;
            /*width: 160px;*/
            text-align: center;
        }

    #seasonalresidenceModel .modal-dialog {
        max-width: 650px;
    }

    .lblappliances {
        font-size: 22px;
    }

    .propaneneeds {
        font-size: 16px;
    }

    #EnrollCPaccordion .k-panelbar > .k-item > .k-link {
        font-size: 14pt !important;
    }

    #FAQaccordian .k-panelbar > .k-item > .k-link {
        font-size: 14pt !important;
    }

    .footerlinks a {
        color: #1A35E9;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 16px;
        display: inline-block;
        line-height: 18px;
    }

    .footerlinks span {
        color: #1A35E9;
        font-family: Helveticaneue_medium;
    }

    #UpdateSecurityQuestionsDialog .modal-dialog {
        max-width: 800px;
    }

    .btngetquote span {
        padding: 5px;
    }

    .btnsave span {
        padding: 5px;
    }

    .monitorusage-top {
        margin-top: 10px;
    }

    .managedeliveries-top {
        margin-top: 0px;
    }

    .payyourbill-top {
        margin-top: -20px;
    }

    .login-bannerstrip {
        font-size: 13px;
    }

    .login-desc {
        color: #2d373e;
        font-size: 16px;
        line-height: 24px;
    }

    .login-subheading {
        font-size: 24px;
        line-height: 30px;
    }

    .lblpowerhome {
        font-size: 18px;
        line-height: 24px;
    }

    .myprofile-value {
        font-size: 11pt;
    }

    .appliancebox {
        width: 235px;
        height: 150px;
        float: left;
        cursor: pointer;
        margin-right: 10px;
    }

    .lbldeliveryaddress-homeappliances {
        font-size: 16px;
    }

    .myprofile-subhead {
        font-size: 11pt;
    }

    .lblenroll-gettingstarted {
        font-size: 14px;
        letter-spacing: 1.5px;
        font-family: Helveticaneue_medium;
    }

    #gettingstarted ol li {
        font-size: 16px;
    }

    .gettingstarted-desc {
        font-size: 18px;
        line-height: 28px;
    }

    .lblgettingstarted {
        font-size: 48px;
    }

    .desc-thankyou {
        color: #2d373e;
        font-size: 18px;
    }

    .ordersummary-thankyou {
        width: 360px;
        border: 1px solid #e6e6e6;
        margin-left: 35px;
        margin-top: 45px;
        margin-right: 0px;
    }

    .ordersummary {
        width: 359px; /*360px*/
        border: 1px solid #e6e6e6;
        margin-left: 55px;
        margin-top: 45px;
        margin-right: 0px;
    }

    .fullorderDetails {
        width: 360px;
        margin-left: 55px;
        margin-top: 45px;
        margin-right: 0px;
    }

    .ordersummary-forecastdel {
        width: 370px;
        height: 420px;
        border: 1px solid #e6e6e6;
        margin-top: 105px;
        margin-left: 50px;
        margin-right: 10px;
    }

    .thankyou-forecastdel {
        width: 370px;
        height: 500px;
        margin-top: 15px;
        margin-left: 40px;
    }

    .lbltotalamount-paymentmodal {
        font-size: 18px;
    }

    .desc-paymentmodal {
        font-size: 16px;
        line-height: 24px;
    }

    .heading-modal {
        font-size: 38px; /*40px*/
        font-family: Helveticaneue_light;
        line-height: 48px;
    }

    #completepaymentModal .modal-dialog {
        max-width: 900px;
    }

    #orderpropaneModal .modal-dialog {
        max-width: 850px;
    }

    #tankguageModal .modal-dialog {
        max-width: 800px;
    }

    #locationnameModal .modal-dialog {
        max-width: 850px;
        max-height:auto;
    }

    #TankPerceModel .modal-dialog {
        max-width: 850px;
    }

    #cancelautopayModalA001 .modal-dialog {
        max-width: 850px;
    }

    #AutomaticDeliveryModel .modal-dialog {
        max-width: 850px;
    }

    #A001InformationModal .modal-dialog {
        max-width: 850px;
    }

    .round {
        position: relative;
        font-size: 12.5px;
    }

        .round label {
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 50%;
            cursor: pointer;
            width: 20px;
            height: 20px;
            left: -30px;
            position: absolute;
            top: 0;
        }

    .gasleak-desc {
        font-size: 15px;
    }

    .alert-risk {
        font-size: 13pt;
    }

    .wrapperdiv {
        width: 800px;
        height: auto;
        margin: 0px auto;
    }

    .lblaboutyourtank {
        font-size: 48px;
    }

    .lblneverrun-requestdel {
        font-size: 21.5pt;
    }

    .navbar-light .navbar-nav .nav-link {
        border-bottom: none;
    }

    .border-shadow {
        box-shadow: none;
        z-index: 1;
    }

    .navbar-nav .nav-link {
        padding-left: 0px;
    }

    .mobilemenu {
        height: auto;
        background: none;
        box-shadow: none;
    }

    .dropdown-item {
        padding: 8px 30px;
    }

    .dropdown-menu {
        left: -20px;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: .25rem;
    }

        .dropdown-menu .dropdown-toggle:after {
            border-top: .3em solid transparent;
            border-right: 0;
            border-bottom: .3em solid transparent;
            border-left: .3em solid;
        }

        .dropdown-menu .dropdown-menu {
            margin-left: 0;
            margin-right: 0;
        }

        .dropdown-menu li {
            position: relative;
        }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover > .submenu {
        display: block;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color: #fff;
    }

    .dropdown-item {
        font-family: Helveticaneue_regular !important;
        color: #2d373e !important;
    }

    .Billingdropdown-menu {
        position: absolute;
        top: 100px;
        left: 130px;
        z-index: 10001;
        display: none;
        float: left;
        min-width: 10rem;
        padding: .5rem 0;
        margin: .125rem 0 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
    }

        .Billingdropdown-menu.show {
            display: block !important;
        }

    .menucolor-change {
        color: #040075 !important;
    }

    .dropdown .show.menucolor-change {
        color: #040075 !important;
        font-family: Helveticaneue_bold !important;
    }

    .dropdown-menu {
        border: none;
        border-radius: 0px;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        z-index: 1050;
    }

    .bgfade {
        position: fixed;
        left: 0;
        z-index: 1040;
        width: 100vw;
        height: 100vh;
        background-color: #000;
        opacity: 0.5;
    }

    .checkmark {
        top: -2px;
    }

    .btnarrow-linklocation {
        position: absolute;
        right: 5px;
        top: 6px;
        width: 32px;
    }

    .btnarrow-login {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 42px;
    }

    .btnarrow-signupforautodel {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 33px;
    }

    .btnarrow-cpdashboard {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 32px;
    }

    .btnarrow-getquote {
        width: 25px;
    }

    .btnarrow-save {
        width: 26px;
    }

    .btnarrow-viewdetails {
        width: 26px;
    }

    .btnarrow-viewdetailsKendo {
        width: 26px;
    }

    .btnlinklocation {
        width: 203px;
    }

    .btnanotherlocation {
        width: 220px;
    }

    .btnviewallfaq {
        width: 170px;
    }

    .btnsignupforautodel {
        width: 240px;
        font-size: 14px;
    }

        .btnsignupforautodel span {
            padding: 10px 15px;
        }


    .btncreateaccount {
        width: 275px;
        font-size: 19px;
    }

        .btncreateaccount span {
            padding: 12px 15px;
        }

        .btncreateaccount-new span {
            padding: 12px 15px;
        }

    .btnviewinvoice-commercialdashboard {
        width: 265px;
        font-size: 18px;
    }

        .btnviewinvoice-commercialdashboard span {
            padding: 11px 15px;
        }

    .btnConveniencePay {
        width: 290px;
        font-size: 18px;
    }

    .btncontinue-requestdelivery {
        width: 210px;
        font-size: 18px;
    }

    .btncontinue {
        width: 210px;
        font-size: 15px;
    }

    .btnenrollautopay {
        width: 190px;
        font-size: 15px;
    }

    .btnreturnaccountsummary {
        width: 260px;
        font-size: 14.3px;
    }

    .btngetquote {
        width: 150px;
        font-size: 15px;
    }

    .btnsave {
        width: 145px;
        font-size: 15px;
    }

    .btnviewyoraccount-arrow {
        position: absolute;
        right: 8px;
        top: 4px;
        width: 42px;
    }

    .dropdown-alignments {
        font-size: 18px;
    }

    .chktermsofuse {
        font-size: 15px;
    }

    .chkreceive {
        font-family: Helveticaneue_regular;
    }

    .numberCirlce {
        width: 27px;
        height: 27px;
        border-radius: 20px;
        padding: 5px;
        display: block;
        border: 1px solid #172fe6;
        position: absolute;
        left: -14px;
        background-color: #fff;
        top: 23px;
    }

        .numberCirlce span {
            position: absolute;
            top: 4px;
            font-size: 12px;
            left: 8px;
            font-family: Helveticaneue_medium;
        }

    .heading-padd {
        padding: 13px 0px 12px 20px;
    }

    .btnverifyaccountinfo {
        font-size: 18px;
        padding: 14px 25px;
        width: 410px;
    }

    .btnverifyaccountinfo-enable {
        font-size: 18px;
        padding: 14px 25px;
        width: 410px;
    }

    .btnsubmitrequest {
        font-size: 16px;
        padding: 14px 25px;
        width: 260px;
    }

    .btnsubmitrequest-enable {
        font-size: 16px;
        padding: 14px 25px;
        width: 260px;
    }

    .lbladdanotheraccount {
        color: #030066;
        font-size: 24px;
        line-height: 30px;
        font-family: Helveticaneue_light;
    }

    .addanotheraccount-desc {
        font-size: 16px;
        color: #2d373e;
        line-height: 24px;
    }

    .desc-createpwd {
        color: #2d373e;
        font-size: 16px;
        line-height: 24px;
    }

    .addaccountimg {
        position: absolute;
        left: -21px;
    }

    .thankyou-desc {
        font-size: 11pt;
        color: #2d373e;
    }

    .thankyou-wrapperdiv {
        background-color: #e7eafc;
        padding: 18px 20px 13px 30px;
        border: 2px solid #172fe6;
        border-radius: 6px;
    }

    .tabText {
        display: inline-block;
        margin-left: 30px;
        cursor: pointer;
        margin-top: 5px;
    }

    .done-greentick {
        background: url('../images/green-tick.png') no-repeat;
        width: 9px;
        height: 7px;
        display: block;
        top: 5px;
        left: 3px;
        position: absolute;
    }

    .makepayment select {
        background: url('../images/makepayment-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 290px;
        background-position-y: 13px;
        background-color: #fff;
    }

    .orderprocess-dropdown select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 500px;
        background-position-y: 15px;
    }

    .securitydropdown select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 455px;
        background-position-y: 18px;
        background-color: #fff;
    }

    .BDuserdropdown select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 780px;
        background-position-y: 15px;
        background-color: #fff;
    }

    .deleteaccount select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 390px;
        background-position-y: 15px;
        background-color: #fff;
    }

    #appliancediv select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 710px;
        background-position-y: 15px;
        background-color: #fff;
    }

    #cardtype select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 800px;
        background-position-y: 7px;
    }

    select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 490px;
        background-position-y: 15px;
    }

    .admin-securityquestions select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        background-position-x: 565px;
        background-position-y: 15px;
    }

    .deliveryloc-dropdown select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 200px;
        background-position-y: 18px;
    }

    .myprofile-dropdown select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 200px;
        background-position-y: 18px;
    }

    .lblcustomerref-tankinfo {
        font-size: 20px;
    }

    .lbldesc-tankinfo {
        color: #2d373e;
        font-size: 18px;
    }

    .lblvalue-tankinfo {
        color: #2d373e;
        font-size: 18px;
    }

    .heading-tankinfo {
        color: #040066;
        font-size: 20px;
    }

    .bottomborder-tankinfo {
        border-bottom: 2px solid #e6e6e6;
    }

    .border-tankinfo {
        border: none;
    }

    .tankinfoimg {
        width: 45px;
    }

    .paybillarrow-dashboard {
        position: absolute;
        right: 5px;
        cursor: pointer;
        top: 5px;
        width: 45px;
    }

    .propaganeusage-dashboard {
        position: absolute;
        right: 5px;
        cursor: pointer;
        top: 5px;
        width: 40px;
    }

    .pay-submit {
        position: absolute;
        right: 5px;
        cursor: pointer;
        top: 7px;
        width: 35px;
    }

    .lblcustomerrewards {
        font-size: 24px;
        font-family: Helveticaneue_light;
    }

    .previous-top {
        margin-top: 30px;
    }

    .goback-linkedaccount {
        margin-top: 20px;
    }

    .gethelp-seperator {
        display: inline-block;
    }

    .quicklinks-height {
        background-color: #F1F1F1;
        height: 120px;
        padding-top: 20px;
    }

    .tanklevel-height {
        background-color: #F1F1F1;
        height: 115px;
        padding-top: 20px;
    }

    .fct-height {
        background-color: #F1F1F1;
        height: 135px;
        padding-top: 20px;
    }

    .btnviewaccountsummary {
        font-size: 16px;
        padding: 16px 25px;
        width: 270px;
    }

    .btnRequestTankMonitor {
        font-size: 16px;
        padding: 16px 25px;
        width: 270px;
    }

    .btnRequestTankMonitorDisable {
        font-size: 16px;
        padding: 16px 25px;
        width: 270px;
    }

    .btnviewsettings {
        font-size: 16px;
        padding: 13px 25px;
        width: 270px;
    }

    .btnpaymentinfo {
        position: relative;
        background-color: #172FE6;
        border-radius: 7px;
        border: 0px none;
        color: #fff;
        font-size: 15px;
        text-align: left;
        padding: 13px 25px;
        width: 230px;
    }

    .btnenrollautodelivery {
        font-size: 15px;
        padding: 15px 25px;
        width: 280px;
    }

    .btnenrollautodelivery-enable {
        font-size: 15px;
        padding: 15px 25px;
        width: 280px;
    }

    .btnremove {
        font-size: 15px;
        padding: 13px 25px;
        width: 100%;
    }

    .btnremove-enable {
        font-size: 15px;
        padding: 13px 25px;
        width: 250px;
    }

    .btnremovelinkedaccount {
        font-size: 15px;
        padding: 13px 25px;
        width: 250px;
    }

    .btnyes {
        font-size: 15px;
        padding: 13px 25px;
        width: 130px;
    }

    .btnnext {
        font-size: 18px;
        padding: 14px 25px;
        width: 230px;
    }

    .btnnext-enable {
        font-size: 18px;
        padding: 14px 25px;
        width: 250px;
    }

    .btnok {
        font-size: 18px;
        padding: 14px 25px;
        width: 230px;
    }

    .btncalculate {
        font-size: 18px;
        padding: 14px 25px;
        width: 260px;
    }

    .btncalculate-enable {
        font-size: 18px;
        padding: 14px 25px;
        width: 260px;
    }

    .btnlogin {
        font-size: 18px;
        padding: 13px 25px;
        width: 230px;
    }
    /* .btnDisable-sign {
        font-size: 18px;
        padding: 13px 25px;
        width: 230px;
    }*/
    .btnlogin-enable {
        font-size: 18px;
        padding: 14px 25px;
        width: 230px;
    }


    .btnenrollautodelivery {
        font-size: 15px;
        padding: 15px 25px;
        width: 280px;
    }

    .btnenrollautodelivery-enable {
        font-size: 15px;
        padding: 15px 25px;
        width: 280px;
    }

    .btn-arrow {
        right: 5px;
        top: 4px;
        width: 44px;
    }
    .btn-arrow-print {
        right: 5px;
        top: 4px;
        width: 44px;
    }
    .btnarrow-registration {
        right: 5px;
        top: 4px;
        width: 44px;
    }

    .btnremove-arrow {
        position: absolute;
        right: 5px;
        top: 6px;
        cursor: pointer;
        width: 37px;
    }

    .btnyes-arrow {
        position: absolute;
        right: 5px;
        top: 4px;
        cursor: pointer;
        width: 30px;
    }

    .btnarrow-linkedaccount {
        position: absolute;
        right: 5px;
        top: 7px;
        cursor: pointer;
        width: 44px;
    }

    .numPosition {
        padding: 2px;
        display: inline-block;
        color: #424242;
        position: absolute;
        left: 4px;
        top: 0px;
        font-size: 10.2px;
    }

    .numberPosition {
        padding: 2px;
        display: inline-block;
        color: #5552a1;
        position: absolute;
        left: 6px;
        top: 0px;
        font-size: 13px;
    }

    .Wizardli .disabled .tabText, .Wizardli .done .tabText {
        font-size: 15px;
    }

    .sw-main {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        border-radius: .25rem !important;
        width: auto;
    }

        .sw-main ul.anchor li {
            display: inline-block;
            list-style-type: none;
            margin-right: 60px;
        }

        .sw-main ul.anchor li {
            display: inline-block !important;
            width: auto;
            float: left;
            border-bottom: none;
        }

            .sw-main ul.anchor li.Wizardli a {
                display: block;
                position: relative;
                float: left;
                margin: 0;
                padding: 0px;
                height: 40px;
                text-decoration: none;
                outline-style: none;
                z-index: 99;
                border-bottom: none;
            }

            .sw-main ul.anchor li.middle {
                right: 0px;
                top: 0px;
                position: relative;
                left: 0px;
            }

            .sw-main ul.anchor li.listLast {
                right: 0px;
                top: 0px;
                position: relative;
            }

            .sw-main ul.anchor li.Wizardli a.selected {
                margin-right: 0px;
            }

                .sw-main ul.anchor li.Wizardli a.selected .tabText {
                    margin-left: 35px;
                    line-height: 24px;
                    color: #2d373e;
                    font-size: 16px;
                    margin-top: 5px;
                }

                .sw-main ul.anchor li.Wizardli a.selected .tabNumber {
                    border: 5px solid #BDC3F0;
                    background-color: #172FE6;
                    width: 28px;
                    height: 28px;
                    text-align: center;
                    color: #fff;
                    border-radius: 20px;
                    padding: 1px 6px;
                    margin-top: 0px;
                    left: 0px;
                }

                    .sw-main ul.anchor li.Wizardli a.selected .tabNumber .numPosition {
                        padding: 2px;
                        display: inline-block;
                        color: #fff;
                        position: absolute;
                        left: 4px;
                        font-size: 10px;
                        top: 0px;
                    }

            .sw-main ul.anchor li.Wizardli a.done .tabNumber {
                border-color: #439D25;
                background-color: #439D25;
                margin-top: 5px;
            }

            .sw-main ul.anchor li.Wizardli a.done .tabText {
                border-bottom: 3px solid transparent;
                margin-left: 33px;
            }

            .sw-main ul.anchor li.Wizardli a.disabled {
                position: relative;
                color: #424242;
                background-color: transparent;
                z-index: 99;
                right: 0px;
            }

            .sw-main ul.anchor li.middle a.selected {
                left: 0px;
                top: 0px;
                position: relative;
            }

    .imgoffer {
        width: 90%;
    }

    .lblbillingheading {
        font-size: 16px;
        color: #2d373e;
    }

    .sidearrow-requestdel {
        position: absolute;
        right: 5px;
        cursor: pointer;
        top: 5px;
        width: 45px;
    }

    .lbloffers-heading {
        color: #030066;
        font-size: 20px;
        line-height: 26px;
        font-family: Helveticaneue_light;
    }

    .lbloffers-desc {
        color: #2d373e;
        font-size: 16px;
        line-height: 24px;
    }

    .lblquicklinks {
        font-size: 20px;
        color: #030066;
        font-family: Helveticaneue_light;
        line-height: 26px;
    }

    .lblquicklinks1 {
        font-size: 20px;
        color: #A3ACF5;
        font-family: Helveticaneue_light;
        line-height: 26px;
    }

    .lnkviewinvoices {
        font-size: 16px;
        line-height: 18px;
        /* padding-right: 7px;*/
    }
    .lnkviewinvoicesDisable {
        font-size: 16px;
        line-height: 18px;
    }
    .lnksetupAutopay {
        font-size: 16px;
        line-height: 18px;
        padding-right: 0px;
        padding-left: 25px;
        color: #172fe6;
    }

    .makepaymentDisable {
        font-size: 16px;
        line-height: 18px;
    }

    .lnkreadmytank {
        font-size: 16px;
    }

    .lblprice {
        color: #030066;
        font-size: 38px;
        font-family: Helveticaneue_light;
        line-height: 56px;
    }

    .tabNumber {
        width: 20px;
        height: 20px;
        text-align: center;
        color: #424242;
        border-radius: 20px;
        font-size: 12px;
        padding: 1px 6px;
        border: 1px solid #424242;
        margin-top: 5px;
        margin-right: 0px;
        left: 0px;
        display: inline-block;
        position: absolute;
    }

    .tabsNumber {
        width: 25px;
        height: 30px;
        text-align: center;
        color: #5552a1;
        background-color: #e3d8ed;
        border-radius: 20px;
        font-size: 12px;
        padding: 1px 12px;
        border: 3px solid #5552a1;
        margin-top: 5px;
        margin-right: 0px;
        left: 0px;
        display: inline-block;
        position: absolute;
    }

    .locationdropdown {
        border: 1px solid #fff;
        background-color: transparent;
        color: #fff;
        letter-spacing: 2px;
        font-size: 13px;
        height: 43px;
    }

    .bannerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 160px;
        background-size: cover;
    }

    .lblheading {
        font-size: 30pt;
        color: #fff;
        padding-top: 35px;
        font-family: Helveticaneue_light;
    }

    .lblcurrentcustomer {
        font-size: 15.5px;
        color: #343e45;
    }

    .lblsubheading {
        font-size: 40px;
        color: #2D373E;
        font-family: Helveticaneue_light;
    }
    .lbltelemetryheading {
        font-size: 25px;
        color: #2D373E;
        font-family: Helveticaneue_light;
    }
    .lblmonitoringheading {
        font-size: 33px;
        color: #2D373E;
        font-family: Helveticaneue_light;
    }
    .sorrybg {
        background-color: #eaf1f9;
        height: 435px;
    }

    .btnviewuraccount {
        font-size: 18px;
        padding: 13px 25px;
        width: 260px;
    }

    .btnpaybill {
        font-size: 18px;
        padding: 14px 25px;
        width: 240px;
    }

    .btnpaybill-dashboard {
        font-size: 20px;
        padding: 14px 25px;
        width: 234px;
    }
    .btnpaybill-dashboard-ms {
        font-size: 20px;
        padding: 14px 25px;
        width: 234px;
    }

    .btnviewdeliverystatus-dashboard {
        font-size: 20px;
        padding: 14px 25px;
        width: 280px;
    }

    .btnpaybill-dashboardDisabled {
        font-size: 20px;
        padding: 14px 25px;
        width: 270px; /*250px */
    }

    .btnpropagane-dashboard {
        font-size: 14px;
        padding: 14px 10px;
        width: 255px;
    }

    .btnpropagane-dashboardDisabled {
        font-size: 20px;
        padding: 14px 25px;
        width: 270px; /*250px */
    }

    .btn-submit {
        font-size: 20px;
        padding: 10px 25px;
        width: 175px;
    }

    .btn-submitDisabled {
        font-size: 20px;
        padding: 10px 25px;
        width: 175px; /*250px */
    }

    .btn-notInterested {
        font-size: 20px;
        padding: 10px 25px;
        width: 215px;
        margin-left: 5px;
    }

    .btn-notInterestedDisabled {
        font-size: 20px;
        padding: 10px 25px;
        width: 205px; /*250px */
    }

    .btnproceedtopayment {
        font-size: 19px;
        padding: 15px 25px;
        width: 300px;
    }

    .btnproceedtopaymentDisable {
        font-size: 19px;
        padding: 15px 25px;
        width: 300px;
    }

    .btnpaybill-commercialdashboard {
        font-size: 18px;
        padding: 14px 25px;
        width: 240px;
    }

    .btnrequestdelivery-tankanddelivery {
        width: 285px;
        font-size: 18px;
        padding: 14px 25px;
    }

    .btngetstarted {
        font-size: 19px;
        padding: 14px 25px;
        width: 285px;
    }

    .btnmanage {
        position: relative;
        background-color: #172FE6;
        border-radius: 6px;
        border: 0px none;
        color: #fff;
        font-size: 16px;
        padding: 10px 20px;
        width: 160px;
    }

    .lblregistration {
        font-size: 30pt;
        color: #030066;
        font-family: Helveticaneue_light;
        line-height: 48px;
    }

    .subheading-gethelp {
        font-size: 14pt;
        color: #030066;
        font-family: Helveticaneue_light;
        line-height: 48px;
    }

    .btnlogout {
        border: 2px solid #030066;
        color: #030066;
        border-radius: 4px;
        padding: 3px 15px;
        background-color: transparent;
        font-family: Helveticaneue_medium;
        font-size: 12px;
    }

    .top-margin {
        margin-top: 40px;
    }

    #gethelplinks div {
        color: #172fe6;
        padding: 0px 3px;
        font-family: Helveticaneue_regular;
        font-size: 16px;
        display: inline-block;
        line-height: 18px;
    }

    .tankanddeliveries-padding {
        padding: 22px 15px 26px 25px;
    }

    .pageheading {
        color: #fff;
        font-size: 60px;
        font-family: Helveticaneue_light;
        margin-left: 0px;
        margin-top: 20px;
        line-height: 74px;
    }

    .pageheading-orderhub {
        color: #fff;
        font-size: 68px;
        font-family: Helveticaneue_light;
        margin-left: 0px;
        margin-top: 30px;
        padding-top: 30px;
        line-height: 74px;
    }

    .loginpageheading {
        color: #fff;
        /*font-size: 65px;*/
        font-family: Helveticaneue_light;
        margin-left: 0px;
        margin-top: 55px;
    }

    .sessionpageheading {
        font-size: 55px;
        font-family: Helveticaneue_light;
        margin-top: 45px;
        color: #fff;
        line-height: 42px;
    }

    .layout-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 230px;
        background-size: cover;
    }

    .orderhublayout-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 160px;
        background-size: cover;
    }

    .login-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 240px;
        background-size: cover;
    }

    .login-headerbgimg-arrow {
        background-image: url('../images/layoutheaderbg-arrow.png');
        width: 18px;
        height: 9px;
        background-size: cover;
    }

    .layout-arrowposition {
        position: absolute;
        /*top: 55px;*/
        bottom: 230px;
        left: 150px;
    }

    .orderhublayout-arrowposition {
        position: absolute;
        top: -9px;
        left: 150px;
    }

    .headerlinks a {
        color: #303a41;
        text-decoration: none;
        padding: 0px 10px;
        font-size: 13.5px;
    }

    #menulinks {
        background-color: transparent;
    }

        #menulinks li a {
            font-size: 14pt; /*16px*/
            margin-right: 3px;
            color: #fff;
            display: inline-block;
            font-family: Helveticaneue_medium;
            outline: none;
        }

    .logo-position {
        position: absolute;
        top: 5px;
        left: 120px;
    }
    .btncreateaccount-new {
        width: 250px;
        font-size: 19px;
    }
  
}
/*1358 To support edge browser*/
@media (min-width: 1358px) {

    .why-para {
        width: 557px;
    }  
    .nicknamewrapper {
        width: 1200px;
    }
    .login_wrapper {
        width: 840px;
    }
    .lblaccountlocation {
        width: 320px;
    }

    .loginsection {
        width: 82%;
        margin: 0px auto;
    }

    .createaccountContainer {
        width: 440px;
    }



    .guestFldWidth {
        width: 540px;
    }

    .searchwraper {
        min-height: 285px;
    }

    .rightsection {
        width: 460px;
        margin-top: 0px;
    }

    .leftsection {
        width: calc(100% - 460px);
        margin-right: 15px;
    }

    .dropdown-content {
        max-width: 260px;
    }

    .myprofile-subhead {
        font-size: 11pt;
    }

    .gl-label{
        font-size: 16px;
    }

    .lblpropone {
        font-size: 20px;
    }
/*
    .lblpassword {
        font-size: 23px;
    }
*/
    .guestwrapper {
        width: 800px;
    }

    .paymentWrap {
        display: flex;
        flex-direction: row;
    }

    .sorrybg {
        height: 385px;
    }

    .makePaySec {
        width: 50%;
        text-align: right;
    }

    .paymentAmt {
        width: 50%;
        text-align: left;
    }

    .paymentDueSec {
        width: 50%;
        text-align: left;
    }

    .btnReorder {
        width: 245px;
    }

    .btnpaybill-dashboard {
        width: 244px;
    }
    .btnpaybill-dashboard-ms {
        width: 244px;
    }

    .btnviewdeliverystatus-dashboard {
        width: 280px;
    }

    .radiobtn-marketingquestions {
        width: 266px;
        margin-right: 15px;
    }

    .why-container {
        width: 1075px;
    }

    .propagane-padding {
        padding-left: 30px;
    }

    .why-padding {
        padding-left: 5rem;
    }

    .padCss100 {
        padding-top: 0px;
    }

    .actionRqrdDiv {
        width: 1135px;
    }

    .paymentRqrdDiv {
        width: 965px;
    }

    #requestDeliveryModal .modal-dialog {
        max-width: 780px;
    }

    #ExpeditedDeliveryModal .modal-dialog {
        max-width: 780px;
    }

    .section-select {
        width: 610px;
        margin: 0px auto;
    }

    .headerlinks a {
        color: #303a41;
        text-decoration: none;
        padding: 0px 10px;
        font-size: 13.5px;
    }

    #menulinks li a {
        font-size: 14pt; /*16px*/
        margin-right: 12px;
        line-height: 20px;
        color: #fff;
        display: inline-block;
        outline: none;
    }

    .logoalignment {
        margin-left: 30px;
    }

    .lblaccountinfo {
        font-size: 24px;
        color: #2D373E;
        line-height: 30px;
    }

    .btnviewaccountsummary {
        font-size: 16px;
        padding: 15px 25px;
        width: 300px;
    }

    .btnviewsettings {
        font-size: 16px;
        padding: 15px;
        width: 200px;
    }

    .btnpaymentinfo {
        position: relative;
        background-color: #172FE6;
        border-radius: 7px;
        border: 0px none;
        color: #fff;
        font-size: 15px;
        text-align: left;
        padding: 13px 25px;
        width: 270px;
    }

    .btnremove {
        font-size: 15px;
        padding: 14px 20px;
        width: 210px;
    }

    .btnremove-enable {
        font-size: 15px;
        padding: 14px 20px;
        width: 210px;
    }

    .btnremovelinkedaccount {
        padding: 14px 20px;
        width: 240px;
    }

    .btnyes {
        font-size: 15px;
        padding: 10px 15px;
        width: 130px;
    }

    .btnnext {
        font-size: 19px;
        padding: 15px 20px;
        width: 250px;
    }

    .btnnext-enable {
        font-size: 18px;
        padding: 15px 20px;
        width: 250px;
    }

    .btnok {
        font-size: 18px;
        padding: 8px 20px;
        width: 140px;
    }

    .btnviewmycontact {
        font-size: 18px;
        padding: 12px 20px;
        width: 225px;
    }

    .btncalculate {
        font-size: 20px;
        padding: 15px 20px;
        width: 310px;
    }

    .btncalculate-enable {
        font-size: 20px;
        padding: 15px 20px;
        width: 310px;
    }

    .btnlogin {
        font-size: 19px;
        padding: 14px 20px;
        width: 275px;
    }

    .btnlogin-enable {
        font-size: 19px;
        padding: 14px 20px;
        width: 275px;
    }

    .btnlogin-new {
        font-size: 19px;
        padding: 14px 20px;
        width: 250px;
    }

    .btnlogin-enable-new {
        font-size: 19px;
        padding: 14px 20px;
        width: 250px;
    }

    .btnenrollautodelivery {
        font-size: 18px;
        padding: 14px 15px;
        width: 170px;
    }

    .btnenrollautodelivery-enable {
        font-size: 18px;
        padding: 14px 15px;
        width: 170px;
    }

    .btncalculateprice {
        padding: 13px 25px;
        width: 250px;
        font-size: 16px;
    }

    .btncalculateprice-enable {
        padding: 13px 25px;
        width: 250px;
        font-size: 16px;
    }

    .lnkback {
        color: #172fe5;
        text-decoration: none;
        font-size: 14.5px;
    }

    .lnklogin {
        color: #152ACF;
        text-decoration: none;
        font-size: 13px;
        font-family: Helveticaneue_medium;
    }

    .bannerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 140px;
        background-size: cover;
    }

    .container {
        max-width: 1280px; /*1150px*/
    }

    .lblheading {
        font-size: 46pt;
        padding-top: 25px;
    }

    .lblcurrentcustomer {
        font-size: 14.3px;
    }

    .btn-arrow {
        right: 7px;
        top: 6px;
        width: 42px;
    }
    .btn-arrow-print {
        right: 7px;
        top: 6px;
        width: 42px;
    }
    .btnarrow-registration {
        right: 7px;
        top: 8px;
        width: 42px;
    }

    .btnremove-arrow {
        position: absolute;
        right: 5px;
        top: 7px;
        cursor: pointer;
        width: 37px;
    }

    .btnyes-arrow {
        position: absolute;
        right: 8px;
        top: 7px;
        cursor: pointer;
        width: 30px;
    }

    .lblname {
        font-size: 16px;
        font-family: Helveticaneue_light;
    }

    .lbldisable-name {
        font-size: 15px;
    }

    .layout-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        /* background: url('../images/samplebg.png') no-repeat;*/
        width: 100%;
        height: 230px;
        background-size: cover;
    }

    .orderhublayout-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 160px;
        background-size: cover;
    }

    .login-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 200px;
        background-size: cover;
    }

    .login-headerbgimg-arrow {
        background-image: url('../images/layoutheaderbg-arrow-new.png');
        width: 18px;
        height: 9px;
        background-size: cover;
    }

    .layout-arrowposition {
        position: absolute;
        /* top: 55px;*/
        bottom: 230px;
        left: 145px;
    }

    .orderhublayout-arrowposition {
        position: absolute;
        top: -9px;
        left: 150px;
    }
}

@media (min-width: 1440px) {
    .lblcontinue {
        font-size: 37px;
    }
    .lblaccountlocation {
        width: 320px;
    }
   /* .confirmpaymentoptionsWrapperDiv {
        width: 1300px;
    }*/

 

    .back {
        width: 414px !important;
    }

    .lblpropone {
        font-size: 21px;
    }

    .actionRqrdDiv {
        width: 1165px;
    }

    /* .guestwrapper {
        width: 90%;
    }*/

    .guestsection {
        width: 40%;
    }
}

@media (min-width: 1528px) { 
    /* this media query uses for 1536 in chrome*/
    .loginsection {
        width: 75%;
        margin: 0px auto;
    }
}

@media (min-width: 1592px) {
 /*   .confirmpaymentoptionsWrapperDiv {
        width: 1400px;
    }*/
    .nicknamewrapper {
        width: 1330px;
    }
    .lblaccountlocation {
        width: 425px;

    }
    .loginsection {
        width: 76%;
        margin: 0px auto;
    }
    .gl-label {
        font-size: 17px;
    }

    .lblguest {
        width: 290px;
    }



    .guestFldWidth {
        width: 550px;
    }

    .guestctrl {
        width: calc(100% - 290px);
    }
    /*.guestwrapper {
        width: 80%;
    }*/

    .rightsection {
        width: 530px;
    }

    .leftsection {
        width: calc(100% - 545px);
    }

    .leftloginsection {
        width: 370px;
    }

    .rightloginsection {
        width: calc(100% - 420px);
    }

    .btnReorder {
        width: 271px;
    }

    .dropdown-content {
        max-width: 350px;
    }

    .boxtanker {
        width: 315px;
    }

    .boxtankerLast {
        width: 305px;
    }

    .lbltankanddeliveries1 {
        font-size: 20px;
    }

    .actionRqrdDiv {
        width: 1260px;
    }

    .paymentRqrdDiv {
        width: 1050px;
    }

    .btnremovelinkedaccount {
        padding: 18px 20px;
        width: 260px;
    }

    .paymentdropdown {
        background-position-x: 410px;
    }

    .tankguage-tooltip .tankguage-tooltiptext {
        left: -127px;
    }

    .tanklevel-tooltip .tanklevel-tooltiptext {
        left: -90px;
    }

        .tanklevel-tooltip .tanklevel-tooltiptext::after {
            right: 270px;
        }

    .imgManageyourdelivery {
        width: 166px;
    }

    .payBillTop {
        margin-top: -38px;
    }

    .section-select {
        width: 664px;
        margin: 0px auto;
    }

    .sessionexpiry-height {
        height: 535px;
    }

    .automaticdel-numberCirlce span {
        top: 3px;
        font-size: 10.5pt;
    }

    .btncreateaccount {
        width: 255px;
    }

    .btnviewinvoice-commercialdashboard {
        width: 275px;
    }

    .btnsignupforautodel {
        width: 240px;
    }

    .footerlinks a {
        font-size: 16.5px;
    }

    .monitorusage-top {
        margin-top: 10px;
    }

    .managedeliveries-top {
        margin-top: -30px;
    }

    .payyourbill-top {
        margin-top: -25px;
    }

    .login-bannerstrip {
        font-size: 14px;
    }

    .login-desc {
        color: #2d373e;
        font-size: 11.5pt;
    }

    .myprofile-value {
        font-size: 12pt;
    }

    .appliancebox {
        width: 260px;
        height: 165px;
        float: left;
        cursor: pointer;
        margin-right: 10px;
    }

    .myprofile-subhead {
        font-size: 11pt;
    }

    .ordersummary-thankyou {
        width: 370px;
        border: 1px solid #e6e6e6;
        margin-left: 65px;
        padding-bottom: 20px;
        margin-top: 45px;
        margin-right: 0px;
    }

    .ordersummary {
        width: 370px;
        border: 1px solid #e6e6e6;
        margin-left: 80px;
        padding-bottom: 20px;
        margin-top: 45px;
        margin-right: 0px;
    }

    .fullorderDetails {
        width: 370px;
        margin-left: 80px;
        padding-bottom: 20px;
        margin-top: 45px;
        margin-right: 0px;
    }

    .ordersummary-forecastdel {
        width: 370px;
        height: 420px;
        border: 1px solid #e6e6e6;
        margin-left: 80px;
        padding-bottom: 20px;
        margin-top: 45px;
        margin-right: 0px;
    }

    .thankyou-forecastdel {
        width: 450px;
        height: 500px;
        margin-left: 50px;
    }

    #completepaymentModal .modal-dialog {
        max-width: 850px;
    }

    .round {
        position: relative;
        font-size: 14.5px;
    }

        .round label {
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 50%;
            cursor: pointer;
            width: 20px;
            height: 20px;
            left: -30px;
            position: absolute;
            top: 0;
        }

    .alert-risk {
        font-size: 16pt;
    }

    .wrapperdiv {
        width: 900px;
    }

    .lblaboutyourtank {
        font-size: 48px;
    }

    .paybillarrow-dashboard {
        top: 7px;
    }

    .propaganeusage-dashboard {
        top: 7px;
    }

    .pay-submit {
        top: 8px;
    }

    .goback-linkedaccount {
        margin-top: 20px;
    }

    .checkmark {
        top: 2px;
    }

    .btnarrow-linklocation {
        position: absolute;
        right: 5px;
        top: 7px;
    }

    .btnarrow-login {
        position: absolute;
        right: 5px;
        top: 6px;
    }

    .btnarrow-signupforautodel {
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .btnarrow-cpdashboard {
        position: absolute;
        right: 5px;
        top: 6px;
    }

    .thankyou-desc {
        font-size: 11.8pt;
    }

    .chktermsofuse {
        font-size: 16px;
    }

    .chkreceive {
        font-size: 14px;
        font-family: Helveticaneue_regular;
    }

    .sw-main ul.anchor li.Wizardli a.selected .tabText {
        font-size: 14.8px;
    }

    .Wizardli .disabled .tabText, .Wizardli .done .tabText {
        font-size: 14.8px;
    }

    .btnarrow-linkedaccount {
        position: absolute;
        right: 8px;
        top: 7px;
        cursor: pointer;
        width: 44px;
    }

    .lbladdanotheraccount {
        color: #030066;
        font-size: 22px;
    }

    .addanotheraccount-desc {
        font-size: 12pt;
        color: #2d373e;
    }

    .btnviewuraccount {
        width: 240px;
    }

    .admin-securityquestions select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        background-position-x: 620px;
        background-position-y: 15px;
    }

    .deliveryloc-dropdown select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        background-position-x: 215px;
        background-position-y: 15px;
    }

    .myprofile-dropdown select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        background-position-x: 220px;
        background-position-y: 15px;
    }

    select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 540px;
        background-position-y: 17px;
    }

    #cardtype select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 760px;
        background-position-y: 7px;
    }

    #appliancediv select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 815px;
        background-position-y: 15px;
    }

    .deleteaccount select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 390px;
        background-position-y: 15px;
        background-color: #fff;
    }

    .orderprocess-dropdown select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 500px;
        background-position-y: 15px;
    }

    .securitydropdown select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 460px;
        background-position-y: 15px;
        background-color: #fff;
    }

    .BDuserdropdown select {
        background: url('../images/dropdown-arrow.png') no-repeat 0 0;
        -webkit-appearance: none;
        background-position-x: 860px;
        background-position-y: 15px;
        background-color: #fff;
    }

    .lblcustomerrewards {
        font-size: 20pt;
    }

    .tankanddeliveries-padding {
        padding: 22px 15px 20px 25px;
    }

    .lblquicklinks {
        font-size: 21px;
    }

    .lblquicklinks1 {
        font-size: 21px;
    }

    .btnlogout {
        font-size: 13px;
    }

    .lbloffers-heading {
        font-size: 16.5pt;
    }

    .lbloffers-desc {
        color: #2d373e;
        font-size: 17px;
    }

    .imgoffer {
        width: 180px;
    }

    .btnpaybill {
        font-size: 19px;
        padding: 15px 25px;
        width: 280px;
    }

    .btnpaybill-dashboard {
        width: 245px;
    }
    .btnpaybill-dashboard-ms {
        width: 245px;
    }

    .btnviewdeliverystatus-dashboard {
        width: 280px;
    }

    .btnpaybill-dashboardDisabled {
        width: 285px; /*295px*/
    }

    .btn-submit {
        width: 215px;
    }

    .btn-submitDisabled {
        width: 225px; /*295px*/
    }

    .btn-notInterested {
        width: 225px;
    }

    .btn-notInterestedDisabled {
        width: 235px; /*295px*/
    }

    .btnproceedtopayment {
        font-size: 19px;
        padding: 15px 25px;
        width: 300px;
    }

    .btnproceedtopaymentDisable {
        font-size: 19px;
        padding: 15px 25px;
        width: 300px;
    }

    .btnpaybill-commercialdashboard {
        padding: 15px 25px;
        width: 280px;
    }

    .btnrequestdelivery-tankanddelivery {
        width: 280px;
        padding: 14px 25px;
    }

    .btngetstarted {
        font-size: 20px;
        padding: 15px 25px;
        width: 290px;
    }

    .btnmanage {
        position: relative;
        background-color: #172FE6;
        border-radius: 6px;
        border: 0px none;
        color: #fff;
        font-size: 16px;
        text-align: left;
        padding: 10px 20px;
        width: 160px;
    }

    .lblbillingheading {
        font-size: 18px;
        color: #2d373e;
        line-height: 28px;
    }

    .sidearrow-requestdel {
        position: absolute;
        right: 5px;
        cursor: pointer;
        top: 5px;
        width: 45px;
    }

    .headerlinks a {
        color: #303a41;
        text-decoration: none;
        padding: 0px 15px;
        font-size: 13.5px;
    }

    #menulinks li a {
        margin-right: 20px;
        color: #fff;
        display: inline-block;
        outline: none;
    }

    .btnviewaccountsummary {
        font-size: 19px;
        padding: 15px 25px;
        width: 325px;
    }

    .btnviewsettings {
        font-size: 18px;
        padding: 15px;
        width: 210px;
    }

    .btnpaymentinfo {
        position: relative;
        background-color: #172FE6;
        border-radius: 7px;
        border: 0px none;
        color: #fff;
        font-size: 17px;
        text-align: left;
        padding: 16px 20px;
        width: 280px;
    }

    .btnnext {
        font-size: 20px;
        padding: 14px 25px;
        width: 250px;
    }

    .btnnext-enable {
        font-size: 20px;
        padding: 14px 25px;
        width: 275px;
    }

    .btnok {
        font-size: 20px;
        padding: 11px 25px;
        width: 150px;
    }

    .btncalculate {
        padding: 14px 25px;
    }

    .btncalculate-enable {
        padding: 14px 25px;
    }

    .btnlogin {
        font-size: 20px;
        padding: 16px 25px;
        width: 300px;
        line-height: 22px;
    }

    .btnlogin-enable {
        font-size: 20px;
        padding: 16px 25px;
        width: 300px;
        line-height: 22px;
    }

    .btnlogin-new {
        font-size: 20px;
        padding: 16px 25px;
        width: 255px;
        line-height: 22px;
    }

    .btnlogin-enable-new {
        font-size: 20px;
        padding: 16px 25px;
        width: 255px;
        line-height: 22px;
    }

    .btnremove {
        font-size: 18px;
        padding: 14px 20px;
        width: 210px;
    }

    .btnremove-enable {
        font-size: 18px;
        padding: 16px 20px;
        width: 225px;
    }

    .btnyes {
        font-size: 18px;
        padding: 12px 25px;
        width: 150px;
    }

    .btnenrollautodelivery {
        font-size: 18px;
        padding: 14px 20px;
        width: 200px;
    }

    .btnenrollautodelivery-enable {
        font-size: 18px;
        padding: 14px 20px;
        width: 200px;
    }

    .btncalculateprice {
        padding: 13px 25px;
        font-size: 15pt;
        width: 300px;
    }

    .btncalculateprice-enable {
        padding: 13px 25px;
        font-size: 15pt;
        width: 300px;
    }

    .lnklogin {
        font-size: 14.5px;
    }

    .lnkback {
        color: #172fe6;
        text-decoration: none;
        font-size: 15.5px;
    }

    .bannerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 155px;
        background-size: cover;
    }

    .container {
        max-width: 1390px;
    }

    .lblheading {
        font-size: 53pt;
    }

    .btn-arrow {
        right: 5px;
        top: 5px;
        width: 44px;
    }
    .btn-arrow-print {
        right: 4px;
        top: 1px;
        width: 44px;
    }
    .btnarrow-registration {
        right: 5px;
        top: 5px;
        width: 44px;
    }

    .btnremove-arrow {
        position: absolute;
        right: 6px;
        top: 8px;
        cursor: pointer;
        width: 42px;
    }

    .btnyes-arrow {
        position: absolute;
        right: 5px;
        top: 10px;
        cursor: pointer;
        width: 30px;
    }

    .lblcurrentcustomer {
        font-size: 15.5px;
    }

    .lblname {
        font-size: 11.5pt;
    }

    .lbldisable-name {
        font-size: 16px;
    }

    .loginpageheading {
        font-size: 68px;
        font-family: Helveticaneue_light;
        margin-left: 0px;
        margin-top: 50px;
        Line-height: 74px;
    }

    .sessionpageheading {
        font-size: 60px;
        font-family: Helveticaneue_light;
        margin-top: 53px;
        color: #fff;
        line-height: 42px;
    }

    .layout-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 240px;
        background-size: cover;
    }

    .orderhublayout-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 160px;
        background-size: cover;
    }

    .login-headerbgimg-arrow {
        background-image: url('../images/layoutheaderbg-arrow-new.png');
        width: 18px;
        height: 9px;
        background-size: cover;
    }

    .login-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 220px;
        background-size: cover;
    }

    .layout-arrowposition {
        position: absolute;
        /*top: 55px;*/
        bottom: 240px;
        left: 210px;
    }

    .orderhublayout-arrowposition {
        position: absolute;
        top: -9px;
        left: 240px;
    }

    #gethelplinks div {
        padding: 0px 10px;
    }

    .btn-wrapper {
        width: 580px;
    }

    .buttonminusMargin {
        margin-left: 13px;
    }
}

@media (min-width: 1672px){
    .loginsection {
        width: 71%;
        margin: 0px auto;
    }
}

@media (min-width: 1912px) {
    
    .buttonminusMargin {
        margin-left: 30px;
    }
    .lblaccountlocation {
        width: 500px;
    }
        .loginsection {
        width: 63%;
        margin: 0px auto;
    }

 
/*
    .searchwraper {
        min-height: 312px;
    }
*/
    .guestFldWidth {
        width: 554px;
    }

    .btn-wrapper {
        width: 600px;
    }

    .rightsection {
        width: 590px;
    }

    .guestwrapper {
        width: 950px;
    }

    .lblpropone {
        font-size: 25px;
    }
/*
    .lblpassword {
        font-size: 26px;
    }*/

    .leftsection {
        width: calc(100% - 610px);
    }

    .leftloginsection {
        width: 470px;
    }

    .rightloginsection {
        width: calc(100% - 510px);
    }

    .guestsection {
        width: 30%;
    }

    .actionRqrdDiv {
        width: 1260px;
    }

    .dropdown-content {
        max-width: 450px;
    }

    .btnpaybill-dashboard {
        width: 244px;
    }
    .btnpaybill-dashboard-ms {
        width: 244px;
    }

    .btnviewdeliverystatus-dashboard {
        width: 280px;
    }

    .layout-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 240px;
        background-size: cover;
    }

    .orderhublayout-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 160px;
        background-size: cover;
    }

    .login-headerbgimg-arrow {
        background-image: url('../images/layoutheaderbg-arrow-new.png');
        width: 18px;
        height: 9px;
        background-size: cover;
    }

    .login-headerbgimg {
        background: url('../images/layoutheaderbg-new.png') no-repeat;
        width: 100%;
        height: 240px;
        background-size: cover;
    }

    .layout-arrowposition {
        position: absolute;
        /* top: 53px;*/
        bottom: 240px;
        left: 367px;
    }

    .orderhublayout-arrowposition {
        position: absolute;
        top: -9px;
        left: 410px;
    }

    .logo-position {
        position: absolute;
        top: 5px;
        left: 285px;
    }
}

/* Style the tab */
.tab {
    overflow: hidden;
    border-bottom: 0px solid #D8D8D8;
}

    /* Style the buttons inside the tab */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
        border-bottom: 2px solid #D8D8D8;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #fff;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            border-bottom: 4px solid #040075;
        }

        .tab button:focus {
            outline: 0px solid #323232 !important;
        }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 0px solid #ccc;
    border-top: none;
}
/* SWITCH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* container for all of the switch elements 
    - adjust "width" to fit the content accordingly 
*/
.switches-container {
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: #fff;
    line-height: 2.2rem;
    border: 1px solid #211DF0;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
}

    /* input (radio) for toggling. hidden - use labels for clicking on */
    .switches-container input {
        visibility: hidden;
        position: absolute;
        top: 0;
    }

    /* labels for the input (radio) boxes - something to click on */
    .switches-container label {
        width: 50%;
        padding: 0;
        margin: 0;
        text-align: center;
        cursor: pointer;
        color: black;
    }

/* switch highlighters wrapper (sliding left / right) 
    - need wrapper to enable the even margins around the highlight box
*/
.switch-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 0rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
    /* transition: transform 1s; */
}

/* switch box highlighter */
.highlighter {
    border-radius: 4px;
    background: #211DF0;
    height: 100%;
}

    /* switch box labels
    - default setup
    - toggle afterwards based on radio:checked status 
*/
    .highlighter div {
        width: 100%;
        text-align: center;
        opacity: 0;
        display: block;
        color: #fff;
        transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
        will-change: opacity;
        position: absolute;
        top: 0;
        left: 0;
    }

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper {
    transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper {
    transform: translateX(100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper .highlighter div:nth-of-type(1) {
    opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper .highlighter div:nth-of-type(2) {
    opacity: 1;
}


/*
.switch-wrapper {
    position: relative;
    display: inline-flex;
    padding: 4px;
    border: 1px solid #211DF0;
    margin-bottom: 0px;
    border-radius: 4px;
    background: #fff;
    margin-top:13px;
}

    .switch-wrapper [type="radio"] {
        position: absolute;
        left: -9999px;
    }

        .switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"],
        .switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] {
            color: var(--white);
        }

            .switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"]:hover,
            .switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"]:hover {
                background: transparent;
            }

        .switch-wrapper
        [type="radio"]:checked#monthly + label[for="yearly"] ~ .highlighter {
            transform: none;
        }

        .switch-wrapper
        [type="radio"]:checked#yearly + label[for="monthly"] ~ .highlighter {
            transform: translateX(100%);
        }

    .switch-wrapper label {
        font-size: 14px;
        line-height: 18px;
        font-family: Helveticaneue_medium;
        z-index: 1;
        min-width: 70px;
        line-height: 32px;
        cursor: pointer;
        border-radius: 4px;
        transition: color 0.25s ease-in-out;
        margin-bottom: 0px;
        text-align:center;
    }

        .switch-wrapper label:hover {
            background: var(--lightgray);
        }

    .switch-wrapper .highlighter {
        position: absolute;
        top: 0px;
        left: 0px;
        width: calc(50% - 0px);
        height: calc(100% - 0px);
        border-radius: 4px;
        background: #211DF0;
        transition: transform 0.25s ease-in-out;
    }*/
/*chart tooltip border styling*/
.k-chart-tooltip {
    border-color: #D4D4E1 !important;
    border-width: 2px !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

    /*chart tooltip arrow*/
    .k-chart-tooltip::before {
        top: 35%;
        left: -13px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 14px 14px 14px 0px;
        border-color: transparent #ffffff transparent transparent;
        content: "";
        position: absolute;
        display: block;
        z-index: 1;
    }
/* Hide canvas during printing */
@media print {
    canvas {
        display: none !important;
    }

    .print-image {
        display: block !important;
        page-break-after: always;
    }
}
.print-image {
    display: none;
    width: 100%;
}
    .show.address-dropdown-toggle::after{
    transform: rotate(180deg);
}

.menucolor-change::after {
    color: #bb0202 !important;
}

.show.menucolor-change {
    border-bottom: 2px solid #030066 !important;
    font-family: Helveticaneue_bold !important;
}

    .show.menucolor-change::after {
        transform: rotate(180deg);
    }

.disabled_new {
    filter: grayscale(100%);
    opacity: 0.4;
    pointer-events: none; 
    background-color:blue;
}



@media (min-width: 320px) {

    

    .lblpanelbar .k-panelbar > .k-item > .k-link {
        padding: .75rem .25rem;
    }

    .lblpanelbar #alertsPanelBar .k-icon {
       width:65px;
       font-size:14px;
    }
    .lblpanelbar .k-panelbar-item-text {
        font-size: 14px;
    }
}
@media (min-width: 360px) {
    .lblpanelbar #alertsPanelBar .k-icon {
        width: 72px;
        font-size: 16px;
    }
    .lblpanelbar .k-panelbar-item-text {
        font-size: 16px;
    }
}

    @media (min-width: 760px) {

        .lblpanelbar .k-panelbar > .k-item > .k-link {
            padding: .75rem 1.25rem;
        }
    }