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

.headerLogin {
    background-color: #f6f7f9;
    height: 44px !important;
    position: relative !important;
}

.head {
    color: #f6f7f9 !important;
    height: 19px !important;
}

.resethead {
    font-size: 16px;
}

.minHeight {
    min-height: 800px !important;
}

.lang-dropdown {
    /*position: relative !important;*/
    float: right !important;
    top: -63px !important;
    left: -18px !important;
    padding-right: 15px !important;
    /* background-color: black !important; */
    content: none;
}

#img1 {
    border-radius: 15px !important;
}

.lang-dropdown1 {
    border-radius: 2px;
    -webkit-appearance: none !important;
}

.lang-dropdown2 {
    margin-left: -2vw !important;
}

#bootstrap-overrides modal-content {
    position: relative;
    margin-left: -80px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 145% !important;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

#pkinemid,
#pkiopensign {
    background-image: url("../images/NEMID_Logo.png");
    background-size: 67px auto;
}

#pkimitid,
#pkierhverv {
    background-image: url("../images/MitID_Logo.png");
    background-size: 67px auto;
}

.dkeid {
    margin: 5px 0px 0px 0px;
    width: 300px;
    border-radius: 6px;
    border-color: transparent;
    background-color: rgb(227, 227, 227);
    text-align: left;
    height: 42px;
    font-size: 11px;
    font-family: 'Avenir Next', sans-serif;
    color: rgb(112, 111, 111);
    padding: 2%;
    padding-left: 124px;
    background-position: 6% 50%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1000000;
}

.dkeid:hover {
    background-color: rgb(198, 198, 198);
}

#h2.headerDkeid {
    font-size: 24px;
    font-weight: normal;
    color: #26547c;
    font-family: 'Avenir Next', sans-serif;
}

.logo {
    align-items: center;
    top: -4px;
    position: relative;
}

.para1 {

    margin-top: 10px;
    min-height: 10px;
    color: #333333 !important;
    font-size: 20px;
    max-width: 700px !important;
}

.unameLabel {
    font-size: 20px;
    font-family: 'Avenir Next', sans-serif;
    margin-top: 10px;
    min-height: 10px;
    color: #333333
}

.paraError {
    /*font-family: UniNeueRegular, sans-serif;*/
    margin-top: 10px;
    min-height: 10px;
    color: #333333;
    font-size: 20px;
    max-width: 700px !important;
}

.country-dropdown {
    position: relative;
    height: 100px;
    align-content: center;
    content: none;
    margin-top: -10px;
    font-family: 'Avenir Next', sans-serif;
}

.arrow2 {
    float: right;
}

.card1 {
    position: relative;
    min-height: 300px;
    max-height: 550px !important;
    background-color: #f6f7f9;
    top: 80px;
}

.card2 {
    font-size: 30px;
    min-height: 50px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    font-family: 'Avenir Next', sans-serif;
}

.cooki_but:hover {
    cursor: pointer;
}

.cooki_but {
    background-color: transparent;
    border: none;
    padding: 0;
    font-weight: bold;
    color: black;
    line-height: 1;
    float: right;
}

.cooki1 {
    font-size: 15px;
    font-family: 'Avenir Next', sans-serif;
    align-items: center;
    color: #333333;
}

.cooki {
    background-color: #f6f7f9;
    height: 59px;
    padding-top: 8px;
}

.foot {
    margin-left: 664px;
}

.footer1 {
    font-size: 15px;
    /*font-family: UniNeueRegular, serif;*/
    align-items: center;
    text-decoration: underline;
    color: black !important;
    padding-top: 20px;
}

.country-dropdown ul:hover {
    cursor: pointer;
}

.lang-dropdown ul:hover {
    cursor: pointer;
}

.country-dropdown:hover {
    cursor: pointer;
}

.lang-dropdown1:hover {
    cursor: pointer;
}

#burger-ul {
    position: absolute !important;
    left: -25px !important;
}

#burger_id:hover {
    cursor: pointer;
}

#country-button:hover {
    cursor: pointer;
}

#back-but:hover {
    cursor: pointer;
}

#dis1:hover {
    cursor: pointer;
}

#dis2:hover {
    cursor: pointer;
}

.footer {
    background-color: #f6f7f9;
    height: 58px;
}

.head1 {
    position: relative;
}

.backgroundImage {
    position: relative;
    background-color: #DBC89D;
    /*this is for the screen full image and no screen cutting*/
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100% !important;
    width: 100% !important;
}

#dis1 {
    margin-top: 120px;
    display: none;
}

#dis2 {
    margin-top: 120px;
    display: none;
}

.iframe-no {
    padding: 1% !important;
    margin-top: 1% !important;
    min-height: 250px;
}

.iframe-se {
    padding: 1% !important;
    margin-top: 1% !important;
    min-height: 295px;
}

.iframe-dk {
    padding: 1% !important;
    margin-top: 1% !important;
    min-height: 455px !important;
}

.iframe-fi {
    padding: 1% !important;
    margin-top: 1% !important;
    min-height: 500px;
}

.iframe-lv {
    padding: 1% !important;
    margin-top: 1% !important;
    min-height: 390px;
    min-width: 300px;
}

.iframe-lt {
    padding: 1% !important;
    margin-top: 1% !important;
    min-height: 390px;
    min-width: 300px;
}

.iframe-es {
    padding: 1% !important;
    margin-top: 1% !important;
    min-height: 390px;
    min-width: 300px;
}

.dropdown-toggle {
    cursor: pointer;
}

.dropdown-menu li:hover {
    background-color: #f3faff;
}

.dropdown-menu {
    min-width: 7.5rem !important;
}

#burger_span {
    cursor: pointer;
    margin-left: -21px;
    top: -52px;
}

.country-dropdown .dropdown-toggle:after {
    content: none;
}

.lang-dropdown .dropdown-toggle:after {
    content: none;
}

.burger-dropdown .dropdown-toggle:after {
    content: none;
}

.burger-dropdown {
    position: relative;
    float: right;
    top: -50px;
    left: -18px;
    padding-right: 15px;
    background-color: white;
    border-color: white;
    -webkit-appearance: none !important;
}

@media (max-width: 575.98px) {
    .iframe-fi {
        padding: 1% !important;
        margin-top: 1% !important;
        min-height: 580px;
    }

    .card1 {
        top: 30px;
        max-width: 300px;
        height: 550px;
    }

    .head1 {
        height: 65px;
    }

    .logo {
        height: 22px;
        margin-top: -15px;
    }

    #burger-ul {
        position: absolute !important;
        left: -32px !important;
    }

    #nets-logo {
        height: 23px !important;
        width: 70px !important;
        margin-top: 10px;
    }

    .card2 {
        font-size: 36px;
    }

    .para1 {
        font-size: 18px;
        word-break: break-all !important;
    }

    #dis1 {
        margin-top: 50px;
    }

    #dis2 {
        margin-top: 50px;
    }

    .burger-dropdown {
        top: -78px;
    }

    #back-but {
        width: 100px !important;
    }

    .country-dropdown {
        margin-top: 10px;
    }

    .username {
        margin-top: 10px;

    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .card1 {
        margin-top: 100px;
        max-width: 500px !important;
        height: 545px;
    }

    #burger-ul {
        position: absolute !important;
        left: -50px !important;
    }

    .country-dropdown {
        margin-top: 20px;
    }
}

@media (min-width: 1200px) {
    #dis1 {
        margin-top: 180px;
        width: 80px;
    }

    #dis2 {
        margin-top: 180px;
        width: 80px;
    }

    .para1 {
        max-width: 100px;
    }

    .card1 {
        /* margin-top: 100px;*/
        max-width: 900px !important;
    }

    .country-dropdown {
        margin-top: 10px;
    }

    .username {
        margin-top: 10px;
    }
}

@media (min-width: 1024px) and (min-height: 1200px) and (max-height: 1500px) {
    .card1 {
        margin-top: 200px;
        max-width: 900px !important;
    }

    #dis1 {
        margin-top: 180px;
        width: 80px;
    }

    .lang-dropdown2 {
        margin-left: -2vw !important;
    }

    #dis2 {
        margin-top: 180px;
        width: 80px;
    }

    .para1 {
        max-width: 100px;
    }
}

.btn-dialogue-primary {
    color: white !important;
    background-color: #003088 !important;
}

.btn-dialogue-primary:hover {
    color: white !important;
    background-color: #003088 !important;
    border: 1px solid darkblue !important;
}

@media (min-width: 1000px) {
    .modal-content {
        position: relative;
        margin-left: -80px !important;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 145% !important;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
        outline: 0;
    }
}

/* New Requirements changes*/

.btn-dialogue-primary1 {
    color: white !important;
    background-color: #0280a7 !important;
    height: 50px;
}

.username {
    background: white !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057 !important;
}

.modal-content {
    margin-top: 95px !important;
    margin-left: -80px !important;
    width: 145% !important;
}

.visibility {
    pointer-events: none;
    cursor: not-allowed !important;
    opacity: 0.5;
    background-color: #d3d3d3 !important;
}

.enableVisibility {
    display: none;
}

.resendOtp {
    color: #0280a7;
    background-color: white;
    border: 2px solid #0280a7;
    font-size: 15px;
    height: 41px;
    font-weight: normal;
    border-radius: 22px;
    margin-top: -10px;
    margin-left: 13px;
    /* //transition: background-color 0.3s, border-color 0.3s, color 0.3s; */
}

.btn_Style {
    color: #0280a7;
    font-size: 15px;
    margin-left: 50px;
    background-color: inherit;
}

.align {
    margin-top: 21px;
    margin-left: 14px;
    margin-bottom: 1px;
    font-size: 16px;
}

.text {
    color: black;
}

.btnAlign {
    position: relative;
    top: 49%;
}

/* Bordered form */

form {

    padding: 9px;
}

/* Full-width inputs */

input[type="text"],
input[type="password"] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Set a style for all buttons */

.loginButton {
    background-color: #003088;
    color: white;
    border: none;
    cursor: pointer;
    width: 160px;
    height: 42px;
    margin-top: 20px;
    border-radius: 22px;
}

.cancelButton {
    background-color: white;
    color: #003088;
    border: 2px solid #003088;
    cursor: pointer;
    width: 160px;
    height: 42px;
    margin-top: 20px;
    border-radius: 22px;
}

#reqBttn[disabled] {
    background: grey;
}

#passwordReset[disabled] {
    background: grey;
}

.reqpasswordBtn {
    margin-left: 10px;
    width: 150px;
    height: 50px;
}

.cancelBtnAlign {
    height: 50px;
}

.labelBold {
    font-size: 16px;
    color: #003088;
    font-family: 'Avenir Next', sans-serif;
}

.forgotpwd {
    margin-top: -30px !important;
    margin-left: 50px;
}

.txtHoverColor:hover {
    outline: 1px solid #0280a7 !important;
}

input[type="text"]:focus {
    outline: 1px solid #0280a7 !important;
}

/* Extra style for the cancel button (red) */

.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* Center the avatar image inside this container */

.imgcontainer {
    text-align: center;
    margin: -16px 0 12px 0;
}

/* Avatar image */

img.avatar {
    width: 40%;
    border-radius: 50%;
}

/* Add padding to containers */

.container {
    padding: 16px;
}

/* The "Forgot password" text */

span.psw {
    float: right;
    padding-top: 16px;
}

label.error {
    color: red;
    font-size: 12px;
    display: block;
}

.logoAlign {
    margin-left: -80%;
    width: 12%;
    margin-top: -35px !important;
}

.logoAlignR {
    margin-left: -80%;
    margin-top: 10px;
    width: 16%;
}

.logoAlignToken {
    margin-left: -42%;
    margin-top: 10px;
    width: 6%;
}

.h3Align {
    margin-top: -12px;
    color: #003088;
}

.h2Align {
    color: #005776;
    font-weight: bold;
}

.mgt {
    margin-top: 45px;
}

.mgt25 {
    margin-top: 25px;
}

.closeIcon {
    margin-top: -68px;
}

.mgt50 {
    margin-top: 50px;
}

.msgsAlign {
    font-weight: bold;
}

.msgsAlign1 {
    font-weight: bold;
    font-size: 20px;
}

.asterriskColor {
    color: red;
}

/* Change styles for span and cancel button on extra small screens */

@media screen and (max-width: 300px) {
    span.psw {
        display: block;
        float: none;
    }

    .cancelbtn {
        width: 100%;
    }
}

@media (min-width: 575px) {
    #burger_span {
        top: -81px !important;
    }
}

@media (max-width: 575px) {
    .logoAlign {
        margin-left: -76%;
    }

    .logoAlignR {
        margin-left: -72%;
        margin-top: -20px !important;
    }
}

@media (max-width: 320px) {
    .logoAlign {
        margin-left: -70%;
    }
}

@media (max-width: 360px) {
    .forgotpwd {
        margin-left: 14px;
    }

    .reqpasswordBtn {
        font-size: 15px;
    }

    .cancelBtnAlign {
        font-size: 15px;
    }
}

@media (max-width: 1000px) {
    .country-dropdown {
        display: flex;
        flex-direction: column;
    }

    .modal-content {
        margin-top: 345px !important;
        margin-left: -80px !important;
        width: 145% !important;
    }
}

@media (max-width: 1000px) and (min-width: 768px) {
    .username {
        margin-top: 15px !important;
    }
}

@media (max-width: 1280px) {
    .modal-content {
        margin-top: 200px !important;
        margin-left: -80px !important;
        width: 145% !important;
    }
}

@media (max-width: 1024px) {
    .modal-content {
        margin-top: 400px !important;
        margin-left: -80px !important;
        width: 145% !important;
    }
}

@media (max-width: 540px) {
    .modal-content {
        margin-top: 135px !important;
        margin-left: -80px !important;
        width: 145% !important;
    }
}

@media (min-width: 1300px) {
    .modal-content {
        position: relative;
        margin-left: -80px !important;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 145% !important;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
        outline: 0;
    }
}

.dropScroll {
    max-height: 160px;
    overflow-y: hidden;
    transform: translate3d(70px, -90px, 0px) !important;
}