/**
 * This file contains site specific styles for the /Account/Register page that is shown for the SmartNet APP.
 * Use this file if you want to adjust styles specific for this page.
 */

body.success, body.success #content {
    height: 100%;
}

body.success, body.success .ui-page {
    position: relative;
}

.pictureUpload .pictureUploadInput {
    border: 1px solid #A5D867;
    background: #A5D867;
    position: relative;
}
.pictureUpload .pictureUploadInput.retake {
    background: #BD2E42;
    border: 1pt solid #BD2E42;
}

    .pictureUpload .pictureUploadInput input[type=file] {
        opacity: 0;
        position: absolute;
        z-index: 100;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }

.pictureUploadInput > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #FFF;
    text-shadow: none;
    text-align: center;
    line-height: 20pt;
}

#pictureThumbnail .icon2-camera2 {
    display: none;
}

#pictureThumbnail {
    padding-right: 24pt;
}

    #pictureThumbnail img {
        margin-top: 10pt;
        margin-bottom: 10pt;
        max-height: 300pt;
        max-width: 100%;
    }

#imgCaptcha {
    margin-bottom: 10pt;
    height: 50pt;
    max-width: 100%;
}

#refreshCaptcha {
    line-height: 50pt;
    height: 50pt;
    padding-top: 0;
}

#registerSuccess {
    text-align: center;
    padding: 0 24pt 10pt 24pt;
    color: #787878;
    font-weight: 300;
}


    #registerSuccess h1 {
        color: #A5DB68;
        font-size: 24pt;
        margin-top: 0;
    }

    #registerSuccess .greenButton {
        background: #89D127;
        border-color: #89D127;
        margin: 0;
    }

    #registerSuccess .thanks,
    #registerSuccess .confirmText {
        font-size: 14pt;
        color: #787878;
        font-weight: 300;
    }

    #registerSuccess .confirmText {
        font-size: 12pt;
        margin-bottom: 10pt;
    }

    #registerSuccess #thumb {
        margin: 0 0 20pt;
        position: absolute;
        top: 150pt;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        height: 30%;
        max-width: 80%;
    }

    #registerSuccess .bottom {
        position: absolute;
        bottom: 20pt;
        left: 50pt;
        right: 50pt;
    }