body { font-family: "Roboto", "Helvetica", "Arial", sans-serif; }
.center { text-align: center; }
.logo { margin: 30px 0 40px 0; max-width: 240px; }

a { color: #006DC4; }
p { letter-spacing: 0.15px; }
/* p2p consent flow 1 Login template */
.subTitle { font-size: 20px; line-height: 24px; font-weight: 600; padding-left: 32px; padding-right: 32px;}
.header { font-weight: 300; padding-left: 60px; padding-right: 60px; line-height: 40px;}
.subTitleTpa { max-width: 750px; margin: 16px auto 0 auto; padding-left: 32px; padding-right: 32px;}

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#00548C;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid #A8CC57;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

.footer { font-size: 0.75em; border-top: 1px solid #C4C4C4; width: 70%; margin: 30px auto; } 
.footer .tagline span, .footer .tagline img {display: inline}
.footer .tagline {font-weight: 700; color: #00548C; margin-top: 20px}
.footer .tagline .logo { margin: 0 }
.footer .links {margin-top: 30px; font-weight: 400}
.footer .links a { display: inline; text-decoration: underline; margin-right: 15px; color: #212529;}

.smallText { font-size: .8em;}
h1 { font-weight: 300; font-size: 2.75em; text-align: center; letter-spacing: -0.5px; line-height: 51px}

.formLayout { width: 35%; min-width: 335px; margin: 30px auto 0 auto; }
.formLayout .ping-buttons .ping-button { font-weight: 500; font-size: 0.875em; max-width: 100%; margin: 5px auto; border-radius: 4px }
.formLayout .ping-buttons .ping-button.narrow { width: 60%; margin-top: 30px; }

.formLayout .column1 { width: 33%; display: table-cell; }
.formLayout .column2 { width: 33%; display: table-cell; text-align: right; }

.contentLayout { width: 55%; margin: 30px auto 0 auto; }
.contentLayout .ping-buttons { margin-top: 30px}
.contentLayout.left { text-align: left;}

.ping-buttons { text-align: center; display: block; text-transform: uppercase; margin-bottom: 20px }
.ping-buttons a.forgot-password { text-transform: none;  }
.ping-buttons .ping-button { font-family: "Roboto", "Helvetica", "Arial", sans-serif; max-width: 50%; margin: 5px auto; letter-spacing: 1.25px; }
.ping-button:hover, .ping-button:focus { color:#2996cc; border-color:#2996cc }
input:focus, select:focus { border: 1px solid #2491eb !important; }
input[type=button].primary, input[type=button].normal, input[type=submit].primary, input[type=submit].normal, .ping-button.primary, .ping-button.normal, .button.primary, .button.normal, button.primary, button.normal { background-color: #00548C!important; color: #FFF!important; }

input[type=button].primary:hover,
input[type=button].normal:hover,
input[type=submit].primary:hover,
input[type=submit].normal:hover,
.ping-button.primary:hover,
.ping-button.normal:hover,
.ping-button.normal:focus,
.button.primary:hover,
.button.normal:hover,
button.primary:hover,
button.normal:hover {
    background-color: #2996cc!important;
    font-weight: 600;
    color: #FFF;
}

.ping-button.deny { border: 1px solid #000; background-color: #FFF; color: #000!important; }
.ping-button.deny:hover, .ping-button.deny:focus { border: 1px solid #000; background-color: #EFEFEF; color: #000!important; font-weight: 600; }
.ping-checkbox-container.stacked { letter-spacing: 0.5px; padding: 0 0 0 28px !important }
.ping-input-link { font-size: 1em }
.ping-input-link.ping-pass-change { border-top: none;}
.ping-input-link.ping-pass-change a { font-size: 1rem;}
.ping-body-container .section-title { text-align: unset;}
.ping-error ul { margin-bottom: 0 }
.ping-messages p { font-size: 1rem }
.ping-messages .ping-error ul li { margin-bottom: 0 }

.top-lowered { text-align: unset;}

.formLayout input[type=text], .formLayout input[type=password], .formLayout input[type=email] { background-color: #FFF; border-color: #D4D4D4;}
.formLayout .input-select select { border: 1px solid #D4D4D4; background-color: #FFF; border-radius: inherit; width: 100% }
.formLayout label { text-transform: none; color: #002444; }
.formLayout label, .formLayout .ping-input-label, .formLayout .ping-input-container { font-family: inherit; font-weight: 400; font-size: 1em; line-height: 24px; letter-spacing: 0.5px; }
.formLayout .tooltip-text { text-transform: none; color: #CB3827; margin-top: 7px }
.formLayout .ping-input-container a.password-show-button { color:#000; top: 14px }
.formLayout .ping-input-container a.password-show-button.fa-eye { right: 21px }
#healthplanContent .ping-messages .ping-error {
    background-color: #F9ECEC;
    border-radius: 5px;
    color: #000;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.25px;
    margin: 0 auto 30px auto;
    padding: 14px 15px 14px 15px;
}
#healthplanContent .ping-messages .ping-error i , #healthplanContent .ping-messages .ping-error span { vertical-align: -webkit-baseline-middle; }
#healthplanContent .ping-messages .ping-error i { color: #CB3827; margin-right: 8px }
.ping-messages .ping-error .message { text-align: left }
#healthplanContent .ping-messages .ping-error .icon, #healthplanContent .ping-messages .ping-error .message {
    display: table-cell;
}
#healthplanContent .ping-messages p { text-align: center; margin-top: 20px;}
#healthplanContent .password-reqs { text-align: left; }
#healthplanContent .password-reqs ul { margin-top: 10px }
#healthplanContent .account-actions.ping-register { border-top: unset; margin: auto; }
#healthplanContent .account-actions.ping-register p { padding-top: 10px; }
#healthplanContent .ping-register a, #healthplanContent .ping-input-link a { text-decoration: underline; letter-spacing: 0.5px; }
#healthplanContent .uppercase { text-transform: uppercase; }
#healthplanContent a.dark { color: #000; text-decoration: underline; letter-spacing: normal; }

/* language menu styles */
#languageMenu ul{
    padding: 0;
    list-style: none;
}
#languageMenu ul li{
    display: inline-block;
    position: relative;
    line-height: 21px;
    text-align: left;
}
#languageMenu ul li a{
    display: block;
    padding: 8px 25px;
    color: #333;
    text-decoration: none;
}
#languageMenu ul li.active a,
#languageMenu ul li a:hover{
    color: #fff;
    background: #939393;
}
#languageMenu ul.dropdown-menu{
    background: #f2f2f2;
    display: none;
    z-index: 999;
    float: none;
    top: unset;
    left: unset;
    right: 14%;
    width: fit-content;
}
#languageMenu ul.dropdown-menu.open,
#languageMenu ul.dropdown-menu li{
    display: block;
}
#languageMenu .MuiGrid-justify-xs-flex-end {
    justify-content: flex-end;
}
#languageMenu .MuiGrid-align-items-xs-center {
    align-items: center;
}
#languageMenu .MuiGrid-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
#languageMenu .MuiSvgIcon-root {
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
}
#languageMenu .language-icon {
margin-right: 0.3125rem;
}
#languageMenu .MuiInputBase-root {
color: rgba(0, 0, 0, 0.87);
cursor: text;
display: inline-flex;
position: relative;
font-size: 1rem;
box-sizing: border-box;
align-items: center;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-weight: 400;
line-height: 1.1876em;
letter-spacing: 0.00938em;
}

#languageMenu #languageButton { border: none; margin-right: unset; padding: 5px 0 0 0; width: 160px; height: unset; line-height: unset; }
#languageMenu .cursor { cursor: pointer; }
#languageMenu { text-align: end; padding-right: 14%; }

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.top-banner { padding: 30px 10% 20px 10%; background-color: #e7f5ff; }
.top-banner .icon,
.top-banner .message { display:table-cell; }
.top-banner .icon { padding-right: 10px}
.top-banner .icon i { color: #006DC4; font-size: 20px }
.header-svg { overflow: auto;}

/* TPA and P2P related css changes*/
#healthplanContent .contentLayout .mainContent{font-size: 16px;letter-spacing: 0.5px;text-align: left; margin: 30px auto 30px auto;max-width: 375px;}
#healthplanContent .consentPageBtns .ping-button{min-height: 48px;text-align: center;padding: 5px;margin-top: 15px;max-width:375px}
#healthplanConten .consentPageBtns .ping-button:hover{border: 1px solid #1976d2;}
#healthplanContent .underline { text-decoration: underline; }
#healthplanContent .requestDataContent{line-height: 24px;font-size: 18px;padding: 10px;}

@media screen and (max-width: 768px) {
    #healthplanContent { width: 100% }
    #healthplanContent h1 { margin: auto 40px auto 40px }
    #healthplanContent .formLayout, #healthplanContent .contentLayout, #healthplanContent .footer { width: 80% }
    #healthplanContent .ping-body-container { padding: 0; }
    #languageMenu { padding-right: 8% }
    #languageMenu ul.dropdown-menu { right: 8% }
    .formLayout .column1, .formLayout .column2 { width: 25% }
    #healthplanContent .ping-messages { text-align: -webkit-center; }
    #healthplanContent .contentLayout .mainContent{width: 85%;}
    #healthplanContent .accessDataBtns .ping-button{width:70% !important}
}
@media screen and (max-width: 900px) {
    #healthplanContent .ping-body-container { padding: unset }
}
@media screen and (min-width: 769px) {
    #healthplanContent .ping-messages .ping-error { width: fit-content; max-width: 515px }
    #healthplanContent .footerWithMargin {margin-top:250px;}
}

/* TPA media query */
@media screen and (max-width: 480px) {
    .subTitleTpa { margin: 28px auto 0 auto; }
}