/* Fonts */
/*@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=5434c8ef-db1b-4833-a4ed-af7284ad8f98");*/

@font-face {
    font-family: "AvenirNextLTW01-Regular";
    src: url("../fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
    src: url("../fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"),url("../fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"),url("../fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"),url("../fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"),url("../fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format("svg");
}

@font-face {
    font-family: "AvenirNextLTW01-Italic";
    src: url("../fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix");
    src: url("../fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix") format("eot"),url("../fonts/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2") format("woff2"),url("../fonts/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff") format("woff"),url("../fonts/18839597-afa8-4f0b-9abb-4a30262d0da8.ttf") format("truetype"),url("../fonts/1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585.svg#1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585") format("svg");
}

@font-face {
    font-family: "Avenir Next LT W01 Demi";
    src: url("../fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
    src: url("../fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("../fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("../fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("../fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"),url("../fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg");
}

@font-face {
    font-family: "AvenirNextLTW01-DemiIta";
    src: url("../fonts/770d9a7e-8842-4376-9319-8f2c8b8e880d.eot?#iefix");
    src: url("../fonts/770d9a7e-8842-4376-9319-8f2c8b8e880d.eot?#iefix") format("eot"),url("../fonts/687932cb-145b-4690-a21d-ed1243db9e36.woff2") format("woff2"),url("../fonts/bc350df4-3100-4ce1-84ce-4a5363dbccfa.woff") format("woff"),url("../fonts/bc13ae80-cd05-42b4-b2a9-c123259cb166.ttf") format("truetype"),url("../fonts/4862b373-2643-46b1-b0b5-88537c52d15c.svg#4862b373-2643-46b1-b0b5-88537c52d15c") format("svg");
}

@font-face {
    font-family: "Avenir Next LT W01 Bold";
    src: url("../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix");
    src: url("../fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot"),url("../fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"),url("../fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"),url("../fonts/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf") format("truetype"),url("../fonts/ed104d8c-7f39-4e8b-90a9-4076be06b857.svg#ed104d8c-7f39-4e8b-90a9-4076be06b857") format("svg");
}

@font-face {
    font-family: "AvenirNextLTW01-BoldIta";
    src: url("../fonts/ac2d4349-4327-448f-9887-083a6a227a52.eot?#iefix");
    src: url("../fonts/ac2d4349-4327-448f-9887-083a6a227a52.eot?#iefix") format("eot"),url("../fonts/eaafcb26-9296-4a57-83e4-4243abc03db7.woff2") format("woff2"),url("../fonts/25e83bf5-47e3-4da7-98b1-755efffb0089.woff") format("woff"),url("../fonts/4112ec87-6ded-438b-83cf-aaff98f7e987.ttf") format("truetype"),url("../fonts/ab1835cb-df6f-4d8d-b8ee-3075f5ba758d.svg#ab1835cb-df6f-4d8d-b8ee-3075f5ba758d") format("svg");
}

@font-face {
    font-family: "dwIconFont";
    src: url("../fonts/dwIconFont.eot") format("embedded-opentype"), url("../fonts/dwIconFont.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/*Internet Explorer special Styles*/
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    html {
        display: flex;
    }
}

body {
    font-family: "AvenirNextLTW01-Regular", 'Prompt', Arial, sans-serif;
    background: #f7f7f7;
    width: 100%;
    height: auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

@media all and (min-width: 1200px) {
    html {
        background-color: rgba(0,0,0,.5);
    }

    body {
        font-family: "AvenirNextLTW01-Regular", 'Prompt', Arial, sans-serif;
        background: #f7f7f7;
        width: 100%;
        height: auto;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
}


@media all and (max-width: 1200px) {

    html {
        background-color: rgba(0,0,0,0);
    }

    body {
        background: #f7f7f7;
    }
}




.container {
    margin: auto;
}

.body-container {
    margin-top: 3%;
    margin-bottom: 3%;
}


.logged-out iframe {
    display: none;
    width: 0;
    height: 0;
}

.page-consent .client-logo {
    float: left;
}

    .page-consent .client-logo img {
        width: 80px;
        height: 80px;
    }

.page-consent .consent-buttons {
    margin-top: 25px;
}

.page-consent .consent-form .consent-scopecheck {
    display: inline-block;
    margin-right: 5px;
}

.page-consent .consent-form .consent-description {
    margin-left: 25px;
}

    .page-consent .consent-form .consent-description label {
        font-weight: normal;
    }

.page-consent .consent-form .consent-remember {
    padding-left: 16px;
}

.grants .page-header {
    margin-bottom: 10px;
}

.grants .grant {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid lightgray;
}

    .grants .grant img {
        width: 100px;
        height: 100px;
    }

    .grants .grant .clientname {
        font-size: 140%;
        font-weight: bold;
    }

    .grants .grant .granttype {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant .created {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant .expires {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant li {
        list-style-type: none;
        display: inline;
    }

        .grants .grant li:after {
            content: ', ';
        }

        .grants .grant li:last-child:after {
            content: '';
        }

.company-logo {
    display: inline-block;
    width: 230px;
}


a {
    color: #00ADFF;
    font-family: "Avenir Next LT W01 Demi", Arial, sans-serif;
}
    a:hover {
        color: #0093FF;
    }
    a:active {
        color: #007AD6;
    }

h1 {
    font-family: "Avenir Next LT W01 Demi", Arial, sans-serif;
    text-rendering: optimizelegibility;
    font-size: 2em;
    font-weight: 200;
    line-height: 1.238;
    color: #303ab2;
    text-align: center !important;
    display: block;
}

h2 {
    font-family: "Avenir Next LT W01 Demi", Arial, sans-serif;
    font-size: 1.75rem;
    color: #303ab2;
    text-align: center;
    margin-bottom: 1.875rem;
}

h3 {
    font-family: "Avenir Next LT W01 Demi",Arial,sans-serif;
    font-size: 1.875em;
    color: #303ab2;
    text-align: left;
    margin-top: -0.5em;
}

h4 {
    font-family: "Avenir Next LT W01 Demi",Arial,sans-serif;
    font-size: 1.5em;
    color: #303ab2;
    text-align: left;
    margin-top: -0.5em;
}


h5 {
    color: #303ab2;
    font-weight: 500;
}

.bold-headline {
    font-family: "Avenir Next LT W01 Bold",Arial,sans-serif;
}

#eye-toggle:hover {
    cursor: pointer;
}

.center-content {
    float: none;
    margin: 0 auto;
}

.small-label {
    font-size: 0.875rem;
}

.btn-dark-blue {
    background-color: #303ab2;
    border-color: #303ab2;
    font-family: "Avenir Next LT W01 Demi", Arial, sans-serif;
    font-size: 1em;
    font-weight: 500;
}


    .btn-dark-blue:hover {
        background-color: #fff;
        border-color: #303ab2;
        color: #303ab2;
    }

.header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/*footer*/
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    font-family: "AvenirNextLTW01-Regular", 'Prompt', Arial, sans-serif;
}

footer {
    padding: 3em 0;
    background: #353535;
    color: #fff;
    margin-top: auto;
}

    footer .location {
        font-size: .8em;
    }

    footer .label {
        color: #aaa;
        text-transform: uppercase;
        letter-spacing: .1em;
        font-size: .8em;
        font-weight: bold;
    }

    footer .location::after {
        content: "";
        display: block;
        height: 5px;
        width: 25%;
        margin: .9em 0 1.1em 0;
        background: rgba(255, 255, 255, 0.1);
        /*background: #eee;*/
    }

    footer .copyright {
        padding-top: 3em;
        font-size: 12px;
        color: #dedede;
        border-top: 0;
        font-family: "AvenirNextLTW01-Regular", 'Prompt', Arial, sans-serif !important;
    }

        footer .copyright a {
            font-family: "AvenirNextLTW01-Regular", 'Prompt', Arial, sans-serif !important;
        }

.site-footer-links .hs-menu-wrapper > ul {
    margin: 0px;
    padding: 0px;
}

    .site-footer-links .hs-menu-wrapper > ul > li > a {
        font-size: 12px;
        padding: 0px;
        margin-bottom: 15px;
        color: #fff;
    }

        .site-footer-links .hs-menu-wrapper > ul > li > a:hover {
            color: #00adff;
        }

.footer-links {
    color: #353535;
    font-family: "AvenirNextLTW01-Regular", 'Prompt', Arial, sans-serif;
    font-size: 1.05em !important;
    line-height: 1.5;
    font-variant-ligatures: none;
}

@media (min-width: 767px) {
    .footer-links {
        display: flex;
    }

        .footer-links > article {
            padding-right: 2%;
            width: 48%;
        }
}

ul.footer-nav {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

    ul.footer-nav li {
        margin-bottom: .2em;
    }

    ul.footer-nav a {
        font-size: .75em;
        font-family: "AvenirNextLTW01-Regular", 'Prompt', Arial, sans-serif;
    }

nav.footer-nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

    nav.footer-nav a {
        display: inline-block;
        padding: 0.3em 0;
    }

@media (min-width: 767px) {
    nav.footer-nav {
        flex-direction: row;
    }

        nav.footer-nav a {
            padding: 0 1em;
            border-right: 1px solid rgba(255, 255, 255, 0.2);
        }

            nav.footer-nav a:last-of-type {
                border-right: 0;
            }
}

.footer-nav a {
    color: #dedede;
}

    .footer-nav a:hover,
    .footer-nav a:focus {
        color: #fff;
    }

    .footer-nav a.footer-nav-highlight-link {
        display: inline-block;
        background: rgba(255, 255, 255, 0.1);
        padding: .3em .7em;
        margin-left: -0.7em;
    }

.footer-subhead {
    color: #9e9e9e;
    font-size: 1em;
    line-height: 1.5;
    padding-top: .2em;
}



/* header */
header {
    padding: 1em 0;
    background: #fff;
    border-bottom: 1px solid #dedede;
}
.page-header .row {
    margin-bottom: 0px;
}
.company-logo-image {
    width: 230px;
}

.language-selection {
    font-size: .875em;
}



.dropdown-menu {
    background-color: #f9f9f9 !important;
    border-radius: 0;
    border: 0;
    box-shadow: 0px 5px 5px 0px #eeeeee;
    font-size: 1em;
}

.dropdown-item:hover {
    background-color: #f9f9f9 !important;
    color: #00ADFF;
}


/*icons*/
.ui-icon {
    font-family: 'dwIconFont', Arial, sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #353535;
    text-align: center;
    display: inline-block;
    overflow: visible;
    width: 16px;
    height: 16px;
    margin-top: -0.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .ui-icon.icon-auto {
        font-size: inherit;
        height: auto;
        width: auto;
        vertical-align: middle;
        margin-top: 0;
    }


.display-hidden {
    display: none;
}

.smaller-font-size {
    font-size: 14px;
}

/*Confirm Email Page*/

.confrimmemail-image-container {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 44px;
}


.confirmemail-code-input {
    margin-bottom: 7px;
}

/*Confirm Email Code Partial & Confirm Email Page */
.confirmation-code-resend {
    color: #32AC1D;
    font-size: 1rem;
    font-family: "Avenir Next LT W01 Regular", Arial, sans-serif;
    display: none;
}

/*Select Language Partial*/
select {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    margin-left: 10px;
}

    select:focus {
        outline: none;
    }
    /*for IE*/
    select::-ms-expand {
        display: none;
    }

    select > option:checked {
        display: none;
    }

/*Password Eye*/
.dw-icon-eye:before {
    color: #dedede;
    cursor: pointer;
    position: relative;
    z-index: 50;
    font-size: 16px;
    content: "\e669";
}

.dw-icon-eye-blocked:before {
    content: "\e6a3";
    cursor: pointer;
}

.input-field-pw:focus {
    box-shadow: none;
    border: 1px solid #ced4da;
    border-right: none;
}

.input-field-pw:valid + .input-group-append .dw-icon-eye::before {
    color: #000;
}

.input-group-text {
    background-color: #fff;
    border-left: none;
}

.last-form-group {
    margin-bottom: 30px;
}
/*Reset password page*/
.reset-pw-information {
    margin-bottom: 4px;
    font-size: 15px;
}
/*Reset PW, Register, COnfirm Email */
.small-container {
    padding: 25px;
}

.register-resetpw-image-container {
    padding: 0px;
    margin-bottom: 44px;
}

.resetpassword-code-resend {
    color: #32AC1D;
    font-size: 1rem;
    font-family: "Avenir Next LT W01 Regular", Arial, sans-serif;
    margin-top: 7px;
}

@media all and (max-width: 500px) {
    .confirm-email-img {
        width: 250px;
    }
}
/*Create New Password Page*/

.create-new-pw-information-headline {
    font-family: "Avenir Next LT W01 Demi", Arial, sans-serif;
    font-size: 1rem;
}

/*Language Selection DropDown*/

#cultureDropDown:hover .dropdown-menu {
    display: block;
}

#cultureDropDownLabel span {
    color: #495375;
}

#cultureDropDownLabel:hover span {
    color: #00adff !important;
}

#cultureDropDownLabel:link {
    text-decoration: none;
}

#cultureDropDownLabel:visited {
    text-decoration: none;
}

#cultureDropDownLabel:hover {
    text-decoration: none;
}

#cultureDropDownLabel:active {
    text-decoration: none;
}


/*Link to KBA */
a.open-new {
    color: #00ADFF;
    margin: 2px 30px 2px 2px;
    text-decoration: none;
}
    a.open-new:hover {
        color: #0093FF;
    }
    a.open-new:active {
        color: #007AD6;
    }

.open-new-icon {
    padding: 2px 30px 2px 2px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_24525" data-name="Path 24525" d="M0,0H24V24H0Z" fill="none"/><path id="Path_24526" data-name="Path 24526" d="M19,19H5V5h7V3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2.006,2.006,0,0,0,2-2V12H19ZM14,3V5h3.59L7.76,14.83l1.41,1.41L19,6.41V10h2V3Z" fill="%2300ADFF"/></svg>') no-repeat right top;
}

    .open-new-icon:hover {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_24525" data-name="Path 24525" d="M0,0H24V24H0Z" fill="none"/><path id="Path_24526" data-name="Path 24526" d="M19,19H5V5h7V3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2.006,2.006,0,0,0,2-2V12H19ZM14,3V5h3.59L7.76,14.83l1.41,1.41L19,6.41V10h2V3Z" fill="%230093FF"/></svg>') no-repeat right top;
    }
    .open-new-icon:active {
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Path_24525" data-name="Path 24525" d="M0,0H24V24H0Z" fill="none"/><path id="Path_24526" data-name="Path 24526" d="M19,19H5V5h7V3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2.006,2.006,0,0,0,2-2V12H19ZM14,3V5h3.59L7.76,14.83l1.41,1.41L19,6.41V10h2V3Z" fill="%23007AD6"/></svg>') no-repeat right top;
    }

.open-new-text {
    display: inline;
}


/* Only for mobile view*/
@media only screen and (max-width: 575px) {
    .email-verification-container .row:not(.header-row) {
        gap: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Only for tablet view*/
@media only screen and (min-width: 576px) and (max-width: 991px) {
    .email-verification-container .row:not(.header-row) {
        gap: 20px;
    }
}

/* Only for desktop and desktop XXL views */
@media only screen and (min-width: 992px) {

    .email-verification-container .content-box {
        width: 297px;
    }

    .email-verification-container .flex-right-align {
        display: flex;
        flex-direction: row;
        justify-content: right;
        padding-right: 0px;
    }

    .email-verification-container .flex-center-align {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .email-verification-container .flex-left-align {
        display: flex;
        flex-direction: row;
        justify-content: left;
        padding-left: 0px;
    }
}

.email-verification-container {
    height: 100%;
    width: 100%;
    text-align: left;
    padding: 0px;
}

    .email-verification-container .header-row {
        margin-bottom: 56px;
    }

        .email-verification-container .content-box {
            background-color: #FFFFFF;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 34px;
            padding: 28px 20px 35px 20px;
        }

        .email-verification-container .content-box.connect-your-company {
            gap: 30px;
            padding-bottom: 32px;
        }

            .email-verification-container .content-box .content-box-info {
                background-color: #EBF7FD;
                display: flex;
                flex-direction: row;
                gap: 12px;
                border-radius: 3px;
                padding: 16px;
                align-items: center;
                font-size: 14px;
                font-family: "Avenir Next LT W01 Demi", Arial, sans-serif;
            }

    .email-verification-container .link {
        color: #00ABFF;
        font-size: 16px;
        font-family: "Avenir Next LT W01 Demi", Arial, sans-serif;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 14px;
    }

    .email-verification-container .link-blue {
        color: white;
        background-color: #03b1fc;
        padding: 10px;
        border: 2px solid #03b1fc;
        display: block;
        bottom: 0;
        font-size: 0.9em;
        width: 100%;
        position: absolute;
    }

        .email-verification-container .link-blue:hover {
            color: white;
            background-color: #303ab2;
            border: 2px solid #303ab2;
        }

    .email-verification-container .link-orange {
        color: white;
        background-color: #ff9d00;
        padding: 10px;
        border: 2px solid #ff9d00;
        display: block;
        bottom: 0;
        font-size: 0.9em;
        width: 100%;
        position: absolute;
    }

        .email-verification-container .link-orange:hover {
            color: #ff9d00;
            background-color: white;
            border: 2px solid #ff9d00;
        }

    .email-verification-container .content-inner {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        .email-verification-container .content-inner p {
            margin: 0px;
        }

    .email-verification-container a {
        text-decoration: none;
    }

    .email-verification-container h3 {
        font-family: "Avenir Next LT W01 Demi", Arial, sans-serif;
        text-rendering: optimizelegibility;
        font-size: 20px;
        line-height: 1.238;
        color: #353535;
        margin-bottom: 0px;
    }

    .email-verification-container h5 {
        font-family: "Avenir Next LT W01 Demi", Arial, sans-serif;
        text-rendering: optimizelegibility;
        font-weight: 400;
        color: #696969;
    }

    .email-verification-container p {
        font-family: "AvenirNextLTW01-Regular", 'Prompt', Arial, sans-serif;
        font-size: 16px;
    }

    .email-verification-container .margin-top {
        margin-top: 5%;
    }

    .email-verification-container .clear {
        clear: both;
    }

    .email-verification-container .align-center {
        text-align: center;
    }

.margin-top-10-pct {
    margin-top: 10%;
}

.margin-bottom-3-rem {
    margin-bottom: 3rem;
}

.background-white {
    background-color: #fff;
}

.padding-top-20 {
    padding-top: 20px;
}

.language-glob-icon {
    max-width: 30px;
    padding-bottom: 3px;
}

.reset-pw-cancel-button {
    word-break: keep-all;
}