﻿.checkbox input.checked + label:after {
    opacity: 1;
}

.radio input.checked + label:after {
    opacity: 1;
}

.checkbox input.unchecked + label:after {
    opacity: 0;
}

.radio input.unchecked + label:after {
    opacity: 0;
}

.header-access {
    background: url("/assets/images/bg-header.jpg") #217791;
    background-size: 5em auto;
    color: #fff;
    padding: 3em 5em calc(3em + 2px) 8em;
    font-size: .9vw;
    height: 147px;
    display: flex;
    align-items: center;
}
    .header-access .nav-secondary {
        color: #fff;
        position: relative;
        top: 8px;
    }

        .header-access .nav-secondary ul li a {
            font-size: 1.4em;
            font-weight: 800;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .header-access .nav-secondary ul li a:hover {
                color: #fff;
            }

            .header-access .nav-secondary ul li a:after {
                content: '';
                display: block;
                width: 0%;
                height: .1em;
                margin-top: .3em;
                background-color: #fff;
                opacity: 0;
                transition: .5s opacity, .5s width;
                position: relative;
                top: -.3em;
            }

                .header-access .nav-secondary ul li a:hover:after {
                    opacity: 1;
                    width: 100%;
                }

.main--unsigned {
    height: calc(100vh - 147px);
}

.unsigned-logo {
    width: 16em;
    height: auto;
    font-size: .9vw;
}

.panel-access {
    padding: 143px 0 0;
    height: 100%;
}

    .panel-access .btn-primary {
        border-color: rgb(33,120,146);
        background-color: rgb(33,120,146);
    }

        .panel-access .btn-primary:not(:disabled):not(.disabled):active, .panel-access .btn-primary:not(:disabled):not(.disabled).active {
            border-color: rgb(33,120,146);
            background-color: rgb(33,120,146);
        }

        .panel-access .btn-primary.btn-bordered {
            background-color: #d4eeec;
            color: rgb(33,120,146);
        }

.form--register-prescriber .btn-primary {
    border-color: rgb(33,120,146);
    background-color: rgb(33,120,146);
}

    .form--register-prescriber .btn-primary:not(:disabled):not(.disabled):active, .form--register-prescriber .btn-primary:not(:disabled):not(.disabled).active {
        border-color: rgb(33,120,146);
        background-color: rgb(33,120,146);
    }

.modal-register-admin .btn-primary {
    border-color: rgb(33,120,146);
    background-color: rgb(33,120,146);
}

    .modal-register-admin .btn-primary:not(:disabled):not(.disabled):active, .modal-register-admin .btn-primary:not(:disabled):not(.disabled).active {
        border-color: rgb(33,120,146);
        background-color: rgb(33,120,146);
    }


.prescription .prescription__image .loading {
    height: 953px;
    background: rgba(0,0,0, 0.5);
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
}


.form--prescription .authorise-info-msg {
    display: none;
}


@media (max-width: 992px) {

    .form--prescription .authorise-info-msg {
        display: block;
    }

    .form--prescription .authorise-info, .form--prescription .form__actions.authorise-info {
        display: none;
    }


    .form--prescription .authorise-info.visible, .form--prescription .form__actions.authorise-info.visible {
        display: block;
    }

    .prescription .prescription__image iframe {
        display: none;
    }

    .prescription .prescription__image object {
        display: none;
    }

    .prescription .prescription__image .loading {
        height: 66px;
    }
}


.ico-about-sm-pink {
    background-image: url(../images/ico-about-sm-pink.png);
    background-position: 0 0 ; 
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0px;
}

.ico-mprescribe {
    background-image: url(../images/ico-mprescribe.png);
    background-position: 0 0;
    width: 18px;
    height: 18px;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    font-size: 0px;
}
.ico-fp10-pcd {
    background-image: url(../images/ico-controlled-drug.png);
    background-position: 0 0;
    width: 18px;
    height: 18px;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    font-size: 0px;
}



.step .step__options .select {width: 320px;}
 

.form .form__row .form__error.field-validation-error {
    opacity: 1;
}

.form__controls label.error {
    color: red;
}
.password-toggler {
    position: absolute;
    right: 10px;
    top: 10px;
    text-decoration: none;
}

.alert-cd {
    padding: 1rem;
    color: #9D174D;
    background-color: #FBCFE8;
    font-size: 1rem;
    display: flex;
}

    .alert-cd h3 {
        font-size: 1.25rem;
        font-weight: 600;
    }

    .alert-cd p {
        margin-bottom: 0;
    }

    .alert-cd img {
        margin-right: 1rem;
        flex: 0 0 24px;
        height: 24px;
        width: 24px;
        max-width: 24px;
    }