
body.login {
    cursor: default;
}

body .digiid_outer {
    background: #FFFFFF center center;
    background-size: cover;
    box-shadow: 0 1px 3px rgba(0,0,0,.33);
}

body .digiid p.msg {
    text-align: center;
}

.digiid_io {
    color: red;
    vertical-align: top;
    font-size: 80%;
}

.digiid a {
    display: inline-block;
}

.digiid_msg p.msg a {
    cursor: grab;
}

.digiid-addnew fieldset {
    padding: 10px 10px 30px 10px;
    background: white;
    margin: 10px 10px 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.digiid-addnew legend h2 {
    background: white;
    padding: 5px 10px
}

.digiid_btn_showqr {
    float: right;
}
    .digiid_btn_showqr a {
        display: block;
    }

.digiid_addr {
    float: left;
    width: auto!important;
    font-size: 10px!important;
}

.digiid {
    text-align: center;
}

#login .message {
    margin: 20px 0 0 0;
}

.digiid h1 {
    color: black; /*#1975d1;*/
}
.digiid .know-more {
    font-size: 15px;
    color: #1975d1;
}

.digiid_qr_outer {
    padding: 24px 24px 20px 24px;
    text-align: center;
}
.digiid_qr {
    margin-top: 12px;
}

.digiid_progress_full, .digiid_progress_bar {
    height: 10px;
}
.digiid_progress_full {
    margin: 0;
    background: linear-gradient(to left, #EEE 0%, #EEE 73%, #FF6666 100%);
    border-radius: 10px 0 0px 10px
}
.digiid_progress_bar {
    width: 100%;
    border-radius: 20px;
    float: left;
    background: #1975d1;
    transition: 1200ms linear;
}

.digiid_select_dialog button {
    height: 26px;
    padding: 0 10px 0;
    border-bottom: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 782px) {
    .digiid_select_dialog .button {
        margin-bottom: 0;
    }
}

.digiid_select_dialog .active {
    color: black;
    background: white;
    text-shadow: none;
    border: none;
    box-shadow: inset 0px 1px 1px -1px
}

.digiid_outer.timeout {
    background-size: 70%;
    background: white url(assets/show-qr.png?1) no-repeat 50% 50%;
    cursor: hand;
    box-shadow: none;
}
.digiid_outer.qr_completed {
    background-size: 70%;
    background: white url(assets/completed-qr.png) no-repeat 50% 50%;
    cursor: none;
    box-shadow: none;
}
.digiid_outer.timeout .digiid, .digiid_outer.qr_completed .digiid {
    opacity: 0.08
}
.digiid_shortcode .digiid_qr {
    margin-top: 0
}

/* Margin from Digi-ID block */
#login_error {
    margin-top: 20px
}

/* /my-account */
.digiid_wc {
    width: 280px;
    float: left;
    margin-right: 50px;
    margin-bottom: 30px;
}
p.know-more {
    margin-bottom: 0;
}
/*.digiid_wc ~ div {
    display: block !important
}*/
li.woocommerce-MyAccount-navigation-link--digiid a::before {
    content: "\f029" !important;
}

/* Digi-ID authorization */
.digiid_wc_myaccount {
    text-align: center;
    margin-bottom: 40px;
    display: block;
}
.digiid_wc_myaccount #digiid_select_dialog {
    display: none;
}
.digiid_wc_myaccount .digiid_qr_outer h1 {
    display: none;
}
.digiid_wc_myaccount .digiid_outer {
    display: inline-block;
}
.digiid_wc_myaccount .digiid_outer .know-more {
    text-align: center;
}

.digiid_shortcode .digiid_outer {
    /* Short code fix */
    box-shadow: none;
}
.digiid_shortcode .digiid_qr_outer {
    padding: 0;
}

/* No outline */
.digiid_qr a:focus {
    outline: none;
    border: none;
}

/* Long text must be shown in input */
form.woocommerce-form-register #digiid_addr {
    font-size: 95% !important;
    padding: 11px 10px;
}

/* For highlight effect */
.digiid_highlight {
    /*box-shadow: 0px 0px 4px 2px green !important; 
    /* for blue: #1975d1 */
    background: #1975d177 !important;
    /*color: white !important;*/
}

.digiid_error {
    color: red;
    border: 1px solid;
    padding: 0 5px;
    font-size: 14px;  
}
