@font-face {
    font-family: 'oneblend';
    src: url('/AccountStaticRes/getfont?fontname=oneblend.eot');
}
@font-face {
    font-family: 'oneblend';
    src: url('/AccountStaticRes/getfont?fontname=oneblend.eot?#iefix') format('embedded-opentype'), url('/AccountStaticRes/getfont?fontname=oneblend.ttf') format('truetype'), url('/AccountStaticRes/getfont?fontname=oneblend.woff') format('woff'), url('/AccountStaticRes/getfont?fontname=oneblend.svg?#oneblend') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  width: auto;
  height: auto; 
  text-decoration: inherit;
  text-transform: none;
  line-height: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  [class^="icon-"]:before,
  [class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none; }


  *, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.icon-chevron-down:before {
  content: "\e607"; }

.dropdown {
  position: relative; }
  .dropdown i {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 30px; }
    [dir="rtl"] .dropdown i {
      right: auto;
      left: 6px; }

.dropdown img {
  width: auto;
  height: 20px;
  display: inline-block; }

.pidlddc-input-dropdown > .dropdown-menu-container > .dropdown-menu {
 position: unset !important;
 display: unset !important;
}

.pidlddc-input-dropdown > .btn {
    display: inline !important;
    font-size: 15px !important;
    font-weight: normal !important;
    text-align: center !important;
    vertical-align: middle !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    background-image: none !important;
    border: 2px solid transparent !important;
    white-space: nowrap !important;
    padding: 6px 12px !important;
    line-height: 20px !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    width: calc(50% - 3px) !important;
}
    .pidlddc-input-dropdown > .btn:focus
    .btn:active:focus {
        outline: 1px dotted #999 !important;
        outline-offset: 1px !important;
    }
#pageMainContent .btn:hover,
#pageMainContent .btn.focus {
    text-decoration: none !important;
}
#pageMainContent .btn.active {
    outline: 0 !important;
    background-color: #999999 !important;
    border-color: transparent !important;
}
#pageMainContent .btn.disabled,
#pageMainContent .btn[disabled] {
    cursor: not-allowed !important;
    pointer-events: none !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    color: #000 !important;
    border-color: transparent !important;
    opacity: 0.5 !important;
    filter: alpha(opacity=50) !important;
}

.btn-default {
  color: rgba(0, 0, 0, 0.55);
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.2); }
  .btn-default:hover {
    color: rgba(0, 0, 0, 0.7);
    border-color: rgba(0, 0, 0, 0.4); }

.btn-primary {
  color: #fff;
  background-color: #0078d7; }
  .btn-primary:hover {
    background-color: #003f62; }

/*a {
  color: #0078d7;
  text-decoration: none; }
  a:hover {
    cursor: pointer;
    color: #003f62;
    text-decoration: none; }
  a:focus {
    outline: 1px dotted #999; }*/

#outputDiv input[type=text],
#outputDiv select {
  height: 32px;
  padding: 0 6px;
  font-size: 15px;
  line-height: 2;
  color: #000;
  border: 2px solid rgba(0, 0, 0, 0.4);
  border-radius: 0;
  -webkit-appearance: none; }

#outputDiv select {
  -webkit-appearance: menulist; }
  input[type=text]:hover,
  select:hover {
    border-color: rgba(0, 0, 0, 0.6); }

#outputDiv input[type=text]:disabled,
#outputDiv input[type=text].disabled,
#outputDiv select:disabled,
#outputDiv select.disabled {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent; }
    input[type=text]:disabled.unselectableDropdown,
    input[type=text].disabled.unselectableDropdown,
    select:disabled.unselectableDropdown,
    select.disabled.unselectableDropdown {
      background: transparent;
      border-color: rgba(0, 0, 0, 0.2);
      color: rgba(0, 0, 0, 0.5); }

#outputDiv input[type=text]:focus,
#outputDiv select:focus {
    background-color: rgba(0, 120, 215, 0.4);
    border-color: rgba(0, 0, 0, 0.4); }

#outputDiv input[type=text]:focus:hover,
#outputDiv select:focus:hover {
    background-color: rgba(0, 120, 215, 0.4);
    border-color: rgba(0, 0, 0, 0.6); }

.pidlddc-input-dropdown > .btn-dropdown {
    position: relative !important;
    width: 100% !important;
    height: 32px !important;
    background: none !important;
    padding: 2px 6px !important;
    border-color: rgba(0, 0, 0, 0.4) !important;
    text-align: left !important;
}
.pidlddc-input-dropdown > [dir="rtl"] .btn-dropdown {
    text-align: right !important;
}
.pidlddc-input-dropdown > .btn-dropdown:hover {
    border-color: rgba(0, 0, 0, 0.6) !important;
}
.pidlddc-input-dropdown > .btn-dropdown.disabled {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-color: transparent !important;
}

.pidlddc-input-dropdown > .btn-dropdown:disabled.unselectableDropdown {
    background: transparent !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.pidlddc-input-dropdown > .btn-dropdown:focus {
    color: #000 !important;
    background-color: rgba(0, 120, 215, 0.4) !important;
    border-color: rgba(0, 0, 0, 0.4) !important;
}
    .pidlddc-input-dropdown > .btn-dropdown:focus:hover {
        color: #000 !important;
        background-color: rgba(0, 120, 215, 0.4) !important;
        border-color: rgba(0, 0, 0, 0.6) !important;
    }

.dropdown-menu-container {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: auto;
  max-height: 224px;
  overflow: auto;
  overflow-x: hidden;
  padding: 0px;
  margin: 8px 0 0; }
  .open > .dropdown-menu-container {
    display: block; }

.pidlddc-input-dropdown > .dropdown-menu-container > .dropdown-menu {
    width: 100%;
    height: auto;
    padding: 5px 0;
    margin: 0px;
    list-style: none;
    font-size: 15px;
    background-color: #f2f2f2;
    background-clip: padding-box;
}
    .pidlddc-input-dropdown > .dropdown-menu-container > .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.5625;
        color: rgba(0, 0, 0, 0.8);
        white-space: nowrap;
    }
        .pidlddc-input-dropdown > .dropdown-menu-container > .dropdown-menu > li > a:hover,
        .pidlddc-input-dropdown > .dropdown-menu-container > .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #fff;
            background-color: #0078d7;
        }
    .pidlddc-input-dropdown > .dropdown-menu-container > .dropdown-menu > .active > a,
    .pidlddc-input-dropdown > .dropdown-menu-container > .dropdown-menu > .active > a:hover,
    .pidlddc-input-dropdown > .dropdown-menu-container > .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #0078d7;
    }

div.pidlddc-div-property,
div.pidlddc-div-group {
    padding-bottom: 16px;
}

    /*div.pidlddc-div-property > input.pidlddc-input-property + input.pidlddc-button.pidlddc-help-textLink {
        margin: 0px 0px 0px 4px !important;
    }*/

.pidlddc-button.pidlddc-back {
    /*color: black;
    background-color: transparent;
    border-color: black;*/
    /*width: calc(50% - 3px);*/
    float: left;
    margin-right: 4px;
}

.pidlddc-button.pidlddc-highlighted {
    color: #fff;
    background-color: #0078d7;
    /*width: calc(50% - 3px);*/
}

input.pidlddc-button.pidlddc-button-full-width {
    width: 100%;
    margin-top: 4px;
}

.pidlddc-button.pidlddc-button-full-width:nth-child(2) {
    color: #000;
    background-color: #cccccc;
    border-color: transparent;
}

    .pidlddc-button.pidlddc-button-full-width:nth-child(2):hover {
        border-color: #7a7a7a;
    }

.pidlddc-button.pidlddc-button-full-width.pidlddc-back {
    border-color: transparent;
    background-color: transparent;
    color: #666666;
}

    .pidlddc-button.pidlddc-button-full-width.pidlddc-back:hover {
        border-color: transparent;
        text-decoration: underline;
    }

.pidlddc-button.pidlddc-highlighted:hover {
    background-color: #003f62;
}

.pidlddc-button.pidlddc-action-trigger {
    width: auto;
    margin: 12.5px 0;
    padding: 0;
    border: 0;
    background: none;
    color: #0078d7;
}

    .pidlddc-button.pidlddc-action-trigger:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    .pidlddc-button.pidlddc-action-trigger:focus {
        outline: 1px dashed #000;
    }

.pidlddc-button.pidlddc-help-textLink {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #0078d7;
}

    .pidlddc-button.pidlddc-help-textLink:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    .pidlddc-button.pidlddc-help-textLink:focus {
        outline: 1px dashed #000;
    }

.pidlddc-button {
    display: inline;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 2px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*width: calc(50% - 3px);*/
}

    .pidlddc-button:focus {
        outline: 1px dashed #000;
    }

    .pidlddc-button:hover,
    .pidlddc-button:focus {
        text-decoration: none;
    }

    .pidlddc-button:active {
        outline: 0;
        background-color: rgba(0, 0, 0, 60);
        border-color: transparent;
    }

    .pidlddc-button:disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: rgba(0, 0, 0,0.4);
        color: #000;
        border-color: transparent;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

/* Added below to show the label like CVV, Expires in a different line */
div.pidlddc-div > label.pidlddc-label {
    display: block !important;
}

/* Added below to give spacing between expirty month and date */
/* Width is specified so that there is no jump when validation error is shown */
#pidlddc-div-expiryMonth {
    margin-right : 4px;
    width : 20%;
    vertical-align: top;
    padding-bottom: unset;
}

#pidlddc-div-expiryYear {
    margin-right: 4px;
    width: 20%;
    vertical-align: top;
    padding-bottom: unset;
}

/* Changes needed for the pi dropdown shown in add screen*/
.pidlddc-div-paymentMethod {
    width: 40%;
}

#pidlddc-button-selectButtonPidlPayload {
    margin-left: 4px;
}

/* list all PI in dropdown menu*/
#pidlddc-div-paymentInstrumentItemCCLogo ~ p.pidlddc-static-text.pidlddc-text {
    margin-left: 48px;
    display: inline-block;
}

/*Add new payment button as hyperlink*/
#pidlddc-button-newPaymentMethodLink {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #0072cc;
}

/*Changes needed for the cvv help dialog*/
div[id^='pidlddc-div-helpdialog-pagehelpdialog'] {
    position: absolute;
    left: 0;
    right: 50px;
    z-index: 9999;
    width: 250px;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    border: 2px solid rgb(225, 225, 225);
    background-color: rgb(241, 241, 241);
    top: 600px;
}

.pidlddc-help-dialog-close {
    min-width: unset !important;
}

.pidlddc-logo-image, .pidlddc-image {
    height: 30px;
    margin-right: 6px;
}

[dir="rtl"] .pidlddc-logo-image {
    height: 30px;
    margin-left: 6px;
}

/*Changes needed for the heading style*/
.pidlddc-heading {
    font-size: 18px;
    font-weight: 800;
    padding-bottom: 20px;
}

/*Changes needed to correct the list PI alignment issue*/
#pidlddc-div-paymentInstrumentItemCCLogo {
    display: inline;
}

/*Changes needed to correct the change button in the update screen*/
#pidlddc-button-paymentChangeButton {
    height: 20px;
    min-width: unset !important;
}

.cancelbtn {
    border: 1px solid black !important;
}

.cancelbtn:focus {
    outline-offset: 1;
    border: 2px solid black !important;
}