#body {
    min-height: auto !important;
    margin: 10px 0 0 0 !important;
}

    #body h3 {
        color: rgb(41, 45, 58);
    }

legend {
    border-bottom: none;
}

.secondaryCTA:hover{
    text-decoration:none;
}

span.radio {
    margin-top: 3px;
    margin-right: 5px;
    width: 24px;
    height: 21px;
    padding: 0 15px 0 0;
}

span.checkbox {
    margin-top: 3px;
    margin-right: 5px;
    width: 22px;
    height: 21px;
    padding: 0 15px 0 0;
}

.sticky {
position: sticky;
top: -1px;
width: 100%;
z-index: 1000;
}

.anchor-nav-v3 {
    border-top: none !important;
}

.anchor-nav-bar.sticky .main-container {
    box-shadow: 1px 2px 3px rgba(0,0,0,.2);
}

.titleBar h3 {
    margin: 15px 0px;
}

.titleBar .content-wrapper {
    padding: 40px 0px 20px 0px;
}

.typo3 h1 {
    text-transform: none;
    font-family: 'hpe graphik-medium', Arial, sans-serif;
    font-weight: 500;
}

.hpe-content-block.typo3 .secondary-link .arrow {
    transition: none !important;
    transform: none !important;
  
    background-image: url("data:image/svg+xml, %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 471.2 471.2' fill='%23068667' xml:space='preserve'%3E %3Cpath d='M456.57,248.48a18.45,18.45,0,0,0,5.43-12.9,17.88,17.88,0,0,0-5.43-12.9L340.08,106.19a18.34,18.34,0,0,0-25.93,25.93l85.26,85.13H27.53a18.33,18.33,0,1,0,0,36.66H399.41l-85.26,85.26a18.34,18.34,0,0,0,25.93,25.93Z'%3E%3C/path%3E %3C/svg%3E")
}

    .hpe-content-block.typo3 .secondary-link:hover {
        color: #005f49;
    }

.hpe-content-block.typo3 .secondary-link {
    color: #068667;
    font-size: 20px;
}

.typo3 .tag-h1,
.typo3 h1 {
    font-size: 50px !important;
}

.typo3 .tag-h3,
.typo3 h3 {
    font-size: 40px !important;
    line-height: 1.075em
}

.typo3 .tag-h1, .typo3 .tag-h2, .typo3 .tag-h3, .typo3 .tag-h4, .typo3 .tag-h5, .typo3 .tag-h6, .typo3 h1, .typo3 h2, .typo3 h3, .typo3 h4, .typo3 h5, .typo3 h6 {
    font-family: 'hpe graphik-medium', Arial, sans-serif !important;
    color: rgb(41, 45, 58) !important;
    font-weight: 500;
}

.typo3 .body-copy {
    font-family: 'hpe graphik-regular', Arial, sans-serif !important;
}

.cb-media .cb-desc {
    color: rgb(103, 104, 110) !important;
}

label {
    font-family: 'hpe graphik-regular', Arial, sans-serif !important;
}

b, strong {
    font-family: 'hpe graphik-medium', Arial, sans-serif !important;
    font-weight: 500;
}

.secondary-link span {
    font-family: 'hpe graphik-medium', Arial, sans-serif;
    font-weight: 500;
}

h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.btnUpdateRegister {
    float: none !important;
    margin-left: 25px !important;
    font-size: 20px !important;
    position:absolute !important;
    bottom:22px !important;
}
.tokenInput {
    border-bottom: 1px solid #C6C9CA;
    border-left:none;
    border-top:none;
    border-right:none;
}
.tokenInput:focus {
        outline: none;
       border-bottom-color: rgb(42, 210, 201);
}
#lbl_TokenInput {
    color: #707070 !important;
    font-family: "hpe graphik-regular", Arial, sans-serif !important;
}
.tokenGenMsg {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.btnUpdateRegContainer {
    padding-bottom:25px !important;
}
.errToken {
    line-height: 1.33333333em;
    font-family: 'hpe graphik-regular', Arial, sans-serif;
    font-weight: 400;
    color: rgb(217, 58, 9);
    margin: 0;
    margin-bottom: -5px !important;
}
.tokenInputError {
    border-bottom-color: rgb(217, 58, 9) !important;
}
    .tokenInputError::placeholder {
        font-family: 'hpe graphik-regular', Arial, sans-serif;
        font-weight: 400;
        color: rgb(217, 58, 9) !important;
    }
.btnHPESubmit {
    align-items: center;
    height: unset;
    padding: 0px 24px;
    margin-left: 0px;
    line-height: unset !important;
    font-family: 'hpe graphik-medium', Arial, sans-serif !important;
    font-weight: 500;
    color: #ffffff !important;
    border-bottom: none !important;
}

    .btnHPESubmit .icon {
        min-width: 16px;
        background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M1.67%2010L18.34%2010M18.34%2010L11.67%2016.67M18.34%2010L11.67%203.33%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E) no-repeat;
        filter: brightness(0) invert(1);
        min-height: 16px;
    }

.btnHPESubmit:focus {
    color: #ffffff;
}

.secondaryCTA {
    color: #000000;
}

.registerButton {
    padding: 15px 15px 30px 0px;
}

.secondaryCTA {
    align-items: center;
    padding: 8px 22px;
    margin-left: 0px;
    font-family: 'hpe graphik-medium', Arial, sans-serif !important;
    font-weight: 500;
    background-color: transparent;
    background-size: 100% 100%;
    display: inline-flex;
    text-decoration: none;
    border-radius: 30px;
    background-position: 99% 50%;
    background-size: 200% 200%;
    border: 2px solid #01a982;
    color: #000000;
}

.secondaryCTA:focus {
    color: #000000;
}

.secondaryCTA:hover {
    color: #000000;
}

.secondaryCTA .icon {
    margin-top: 3px;
    margin-left: 12px;
    height: 0.7em;
    min-height: 0.7em;
    min-width: 0.7em;
    width: 0.7em;
    transition: filter .5s ease-in-out;
}

.hpe-content-block.typo3 {
    padding: 10px 0;
}

.hpe-content-block {
    padding: 0;
}

.hpe-content-block[class*=cb-33-66-left] .cb-media,
.hpe-content-block[class*=cb-66-33-right] .cb-media,
.hpe-content-block[class*=cb-66-33-left] .cb-content,
.hpe-content-block[class*=cb-33-66-right] .cb-content {
    width: 0.3333%;
}

    .hpe-content-block[class*=cb-33-66-left] .cb-media,
    .hpe-content-block[class*=cb-66-33-right] .cb-media {
        color: rgb(103, 104, 110) !important;
        font-family: 'hpe graphik-medium' !important;
        font-weight: 500;
    }

    .hpe-content-block .cb-content {
        color: rgb(41, 45, 58) !important;
        font-family: 'hpe graphik-medium' !important;
        font-weight: 500;
    }
    hr {
        margin-top: 20px;
        margin-bottom: 10px;
    }

.body-copy {
    color: unset !important;
}

.hpe-content-block .cb-links li .primary.secondary-link, .hpe-content-block.typo3 .btn-secondary, .hpe-content-block.typo3 .cb-links li .secondary-link, .hpe-content-block.typo3 .secondary-link {
   font-family: 'hpe graphik-medium', Arial, sans-serif;
   font-weight: 500;
}
    div .regtypelogin {
    padding-top: 10px;
    padding-bottom: 10px;
}

.rich-text-container a:not(.anchor-nav-item,.btnHPESubmit) {
    color: #068667 !important;
    border-bottom: none !important;
}

.rich-text-container a:not(.anchor-nav-item,.btnHPESubmit,.secondaryCTA,.btnLinkSubmit):hover {
    text-decoration: underline !important;
}

.hf-centered-content a:not(.anchor-nav-item,.btnHPESubmit) {
    color: #068667 !important;
    border-bottom: none !important;
}

.hf-centered-content a:not(.anchor-nav-item,.btnHPESubmit,.secondaryCTA,.btnLinkSubmit):hover {
    text-decoration: underline !important;
}

.divider {
    width: 50%;
    height: 0.5px;
    background-color: lightgray;
}

.updateRegisterContainer {
    padding-left:0px !important;
}
.updateRegisterBlock {
    padding: 60px 0 !important;
}

@media (max-width:1599px) {
    .typo3 .tag-h1, .typo3 h1 {
        font-size: 40px !important;
        line-height: 1em
    }

    .typo3 .tag-h3,
    .typo3 h3 {
        font-size: 30px !important;
        line-height: 1.1em
    }
}

@media (max-width:1199px) {

    .typo3 .tag-h1,
    .typo3 h1 {
        font-size: 37px !important;
        line-height: 1em
    }

    .typo3 .tag-h3,
    .typo3 h3 {
        font-size: 28px !important;
        line-height: 1.10714286em
    }
}

@media (max-width:991px) {

    .typo3 .tag-h1,
    .typo3 h1 {
        font-size: 25px !important;
        line-height: 1em
    }

    .titleBar .content-wrapper {
        padding: 20px 0px 20px 0px;
    }
}

@media (max-width: 767px) {
    .anchor-nav-v3 {
        visibility: visible;
        opacity: 1;
        position: relative;
        display: block;
    }

    .anchor-nav-v3 .breadcrumbs {
        display: block;
    }

    .divider {
        width: 90%;
    }

    .hf-centered-content {
        padding: 0px 20px !important;
    }

    .container-gutter {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .centered-content, .hf-centered-content {
        padding: 0px 20px !important;
    }

    .btnHPESubmit {
        padding: 10px 10px;
    }

    .typo3 .tag-h3,
    .typo3 h3 {
        font-size: 24px !important;
        line-height: 1.125em
    }

}

    @media (min-width: 1200px) and (max-width: 1599px) {
        .centered-content, .hf-centered-content {
            padding: 0 100px !important;
        }
        .columns-component.typo3 .container-gutter {
            padding-left: 100px !important;
            padding-right: 100px !important;
        }
    }

@media screen and (min-width: 768px) and (max-width: 991px){
    .divider {
        width: 70%;
    }
}

@media (max-width:1599px) {

    .typo3 .tag-h1,
    .typo3 h1 {
        font-size: 40px !important;
        line-height: 1em
    }
}

@media (max-width:1199px) {

    .typo3 .tag-h1,
    .typo3 h1 {
        font-size: 37px !important;
        line-height: 1em
    }
}
@media (max-width:520px) {

    .tokenInput {
        width:80px !important;
    }
    .btnUpdateRegister{
        font-size:16px !important;
    }
    .errorContainer {
        display: block !important;
    }
}
@media (min-width:550px) {

    .tokenInput {
        width: unset !important;
    }
    .btnUpdateRegister {
        font-size: 20px !important;
    }
    .errorContainer {
        display: inline !important;
    }
}

.errorEventEnded {
    font-family: 'hpe graphik-regular', Arial, sans-serif !important;
    text-align: left;
    font-size: 24px !important;
    color: rgb(217, 58, 9);
}


@media (max-width:991px) {
    .typo3 .tag-h1, .typo3 h1 {
        font-size: 25px !important;
        line-height: 1em
    }

    .titleBar .content-wrapper {
        padding: 20px 0px 20px 0px;
    }
}

@media screen and (min-width : 767px) and (max-width: 1250px) {
    .btnHPESubmit {
        padding: 0px 18px;
    }
}