﻿body {
    padding: 0;
    margin: 0;
    width: 100%;
    background: #ffffff;
}


.clr {
    clear:both;
}

h1 {
    font-size:24px;
    line-height:24px;
    text-align:center;
}


.body-content {
    padding: 10px;
    display: block;
    width: 100%;
    max-width: 480px;
    background: #fafafa;
}


.header {
    width:100%;
    display:block;
    text-align:center;
    padding:20px;
    background:#f0f0f0;
    border-radius:16px;

}

.header img {
    display:block;
    margin: 0 auto;
    height:60px;
    width:auto;
}


.header .doctitle {
    display:block;
    margin-top:20px;
}



.result {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    padding: 20px;
    display: block;
    width: 100%;
    text-align: center;
}


    .result .status {
        display: block;
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }


        .result .status .valid i {
            color: #2c8a21;
            font-size: 40px;
        }

        .result .status .valid p {
            color: #000;
            font-size: 18px;
            font-weight: bold;
            margin: 0;
            padding: 0;
        }

        .result .status .invalid i {
            color: #ef0f0f;
            font-size: 40px;
        }

        .result .status .invalid p {
            color: #000;
            font-size: 18px;
            font-weight: bold;
            margin: 0;
            padding: 0;
        }


        .result .status .expired i {
            color: #ff6a00;
            font-size: 40px;
        }

        .result .status .expired p {
            color: #000;
            font-size: 18px;
            font-weight: bold;
            margin: 0;
            padding: 0;
        }




    .result .lbl {
        font-size: 12px;
        font-weight: bold;
    }

    .result .txt {
        font-size: 14px;
    }

    .result .details {
        display: block;
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
    }

        .result .details p {
            margin: 0;
            padding: 0;
        }

        .result .details hr {

            margin:10px;
            padding:0;
            border:0;
            border-top:1px solid #fff;
            background-color:#fff;
            color:#fff;
        }


    .footer {
        padding:10px;
        text-align:center;
        font-size:11px;
    }

    .footer p {
        margin:0;
        padding:0;
    }
        .footer a {
            margin: 0;
            padding: 0;
        }


