@font-face {
    font-family:'Roboto';
    src:url("../font/roboto-regular-webfont.woff2") format("woff2"),
    url("../font/roboto-regular-webfont.woff") format("woff");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:'Roboto';
    src:url("../font/roboto-medium-webfont.woff2") format("woff2"),
    url("../font/roboto-medium-webfont.woff") format("woff");
    font-weight:500;
    font-style:normal
}
@font-face {
    font-family:'Roboto';
    src:url("../font/roboto-bold-webfont.woff2") format("woff2"),
    url("../font/roboto-bold-webfont.woff") format("woff");
    font-weight:700;
    font-style:normal
}

.tara-span{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    width:158px;
}

.tara-svg{
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 10px;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    white-space: nowrap;
}

.tara-icon-id-card{
    font-size: 24px;
    width: 1.5em;
}

.tara-icon-mobile-id{
    font-size: 36px;
    width: 0.611328125em;
}

.tara-icon-smart-id{
    font-size: 28px;
    width: 1em;
}

.tara-icon-eu-citizen{
    width: 2em;
    height: 2em;
}

.tara-svg-hidden {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden
}

.login_btn {
    background-color: #fff;
    color: #003168;
    border-color: #007baf;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.47;
    height: 50px;
    min-width: 70px;
    padding: 0 20px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 3px solid transparent;
    border-radius: 8px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width:180px;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 3px;
}

.login_btn_eu {
    background-color: #0c4da2;
    color: #fff;
}

.login_btn:hover {
    color: #fff;
    background-color: #005f87;
    cursor: pointer;
}

.login_btn_eu:hover {
    background-color: #005f87;
    color: black;
    cursor: pointer;
}