@font-face { font-family: 'Formata-Light'; src: url('/PFCARD/Fonts/formata-light-webfont.woff2') format('woff2'), url('/PFCARD/Fonts/formata-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Formata-Regular'; src: url('/PFCARD/Fonts/formata-regular-webfont.woff2') format('woff2'), url('/PFCARD/Fonts/formata-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

html { position: relative; min-height: 100%; }
body { color: #4F535D; font-family: 'Formata-Regular'; font-size: 14px; font-weight: 400; line-height: 1.5; font-style: normal; background: url(/PFCARD/Images/bg-pattern.svg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
body.client-override { margin-bottom: 0 !important; }


.panel { border-radius: 15px;}
.panel-heading { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.panel-footer { background-color: #fff; border-top: none; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
.panel-default > .panel-heading { color: #333; background-color: #FFF; border-color: #ddd; }
.panel .panel-title { font-size: 20px; font-weight: bold; margin: 3px; color: #375A79; }
.panel.panel-quickActions h3,
.panel.panel-rewards h3 { font-size: 20px; font-weight: bold; margin: 3px 0 0 0; color: #375A79; }
/************************-- Buttons and Button Group --**************************************/
.client-override .btn-group { width: 100%; margin-top: 10px; text-align: right; }
    .client-override .btn-group .btn { width: 100%; /*border-radius: 6px;*/ margin-bottom: 10px; }
    .client-override .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-radius: 2px; }
    .client-override .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-radius: 2px; }
    .client-override .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 2px; }
.client-override .btn { font-family: 'Formata-light'; outline: none; padding: 1rem 4.5rem; display: inline-block; vertical-align: top; line-height: 1; font-size: 1.5rem; color: #fff; cursor: pointer; overflow: hidden; -webkit-transition: color .35s,background .35s; transition: color .35s,background .35s; box-shadow: 0 0 8px 0 #e2e7f4; position: relative; }
h6.section-title.sub { font-size: 14px; color: #667FA4; padding-bottom: 0; }


@media(max-width:767px) { .btn { width: 100%; }
}

.btn {border-radius: 2px; text-decoration: none}
.btn:active, .btn:focus, .btn:visited { box-shadow: none; outline: none !important; }
.btn-danger { border-width: 2px; }
.btn.btn-default { border: 2px solid #4E637D; background: #4E637D; }
.btn:hover.btn-default { color: #236192; background: #FFF; }
.btn.btn-securecode-secondary { border: 2px solid #4E637D; background: #4E637D; }
.btn:hover.btn-securecode-secondary { color: #236192; background: #FFF; }

.btn.btn-primary { background: #FFF; border: 2px solid #236192; color: #236192; }
    .btn.btn-primary:hover { color: #236192; background: #d9e6f4; }
    .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:active:focus, .btn.btn-primary:disabled { background: background: #ACACAE; border: 2px solid #4E637D; }
    .btn.btn-default:active, .btn.btn-default:focus, .btn.btn-default:active:focus, .btn.btn-default:disabled { background: #667FA4; border: 2px solid #4E637D; color: #FFF; }
.btn.btn-primary:disabled, .btn.btn-default:disabled { opacity: 0.5; /*border-color: #236192;*/ cursor: not-allowed; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child), .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child), .btn-group .btn, .buttons .btn { width: 100%; margin-top: 8px; border-radius: 3px; }
.btn-group { margin-top: 20px; width: 100%; }
.btn.btn-lg { margin-top: 25px; }
.btn.btn-light { background-color: #FFF; color: #236192; padding: 1.5rem 2.5rem; box-shadow: none; border: 1px solid #ccc; border-left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 5rem; }
.has-error .btn.btn-light { border-color: #dc3232; }
.float-left { float: left; }
@media (min-width: 768px) {
    .btn-group > .btn, .btn-group-vertical > .btn { /* position: relative; */ float: none; }
        .btn-group > .btn.float-left, .btn-group-vertical > .btn.float-left { float: left; }
    .client-override .btn { font-family: 'Formata-Regular'; font-size: 14px; font-weight: 400; line-height: 1; font-style: normal; width:auto; }
    .btn-group { width: auto; }
        .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
        .btn-group > .btn:last-child:not(:first-child),
        .btn-group > .dropdown-toggle:not(:first-child),
        .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
        .btn-group > .btn:last-child:not(:first-child),
        .btn-group > .dropdown-toggle:not(:first-child),
        .btn-group .btn { width: auto; margin-top: 0; margin-right: 10px; border-radius: 0px; }
    .panel-body .payment-conf-btn-group .btn,
    .client-override .btn-group > .btn { min-width: 150px; }
    /*.setup-recurring .panel-body #payform > div:last-child,*/
    /*.panel-body #CancelForm > [class~='row']:last-of-type,*/
    .travel-not-override form > div[class~='row']:last-of-type,
    .panel-alerts form > div[class~='row']:nth-last-of-type(2),
    .security-verification-questions-form [class~='row']:last-of-type { text-align: right; }
}
/************************-- End of Buttons and Button Group --**************************************/

.no-wrap {white-space: nowrap; }