/*  ___ _                      
   |  _|_|___ ___ ___ _ _      
   |  _| |_ -| -_|  _| | |_    
   |_| |_|___|___|_|  \_/|_|   Web Services                      Cascading Style Sheet (CSS) Table of Contents
   -----------------------------------------------------------------------------------------------------------
   Captcha 3.0.0 by Jesse Fowler, Copyright 2015 Fiserv. All rights reserved.................................9 
   ----------------------------------------------------------------------------------------------------------- */

/* Captcha 3.0.0 by Jesse Fowler, Copyright 2015 Fiserv. All rights reserved. */
.captchaField .captchaFieldNumbers {
    display: flex;
    justify-content: center;
    line-height: 1em;
    padding-top: .5em !important;
    padding-bottom: .5em !important;
}

    .captchaField .captchaFieldNumbers > div {
        color: rgb(196, 211, 245);
        text-shadow: 0 3px 3px rgba(0,0,0,.5);
        font-family: 'Sriracha', 'Segoe Script', serif;
    }

.captchaField.default {
    overflow: auto;
    margin: 0 auto;
}

    .captchaField.default .captchaFieldNumbers {
        height: 44px;
        line-height: 44px;
        font-size: 28px;
        padding: 0px 20px !important;
        text-align: center;
        background-image: url(../images/securityBg.jpg);
    }

    .captchaField.default .captchaFieldBoxLeft {
        height: 73px;
        width: 39px;
        background-image: url(../images/capFrameLeft.png);
        float: left;
    }

    .captchaField.default .captchaFieldBoxMid {
        height: 73px;
        padding: 14px 0 0 0;
        float: left;
        position: relative;
    }

    .captchaField.default .captchaFieldBoxMidOverlay {
        width: 100%;
        height: 73px;
        padding: 14px 0 0 0;
        background-image: url(../images/capFrameMid.png);
        background-repeat: repeat-x;
        position: absolute;
        top: 0;
        left: 0;
    }

@supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
    .captchaField.default .captchaFieldBoxMidOverlay {
        opacity: .5;
    }
}

.captchaField.default .captchaFieldBoxMidOverlaySecure {
    width: 100%;
    height: 44px;
    margin: 14px 0 0 0;
    background-image: url(../images/SO1.gif);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .25;
}

@supports (-webkit-overflow-scrolling: touch) {
    .captchaField.default .captchaFieldBoxMidOverlaySecure {
        visibility: hidden;
    }
}

.captchaField.default .captchaFieldBoxRight {
    height: 68px;
    width: 78px;
    padding: 5px 0 0 9px;
    background-image: url(../images/capFrameRight.png);
    float: left;
}

.captchaField.default .captchaFieldRefresh {
    display: block;
    height: 29px;
    width: 34px;
    padding: 5px 0 0 9px;
    background-image: url(../images/capFrameBtn.png);
    background-position: 0 0;
    cursor: pointer;
    float: left;
}

    .captchaField.default .captchaFieldRefresh:hover {
        background-position: -43px 0;
    }

input#captchaAnswer {
    margin-top: 5px;
}
/** Plain **/

.captchaField.plain {
    margin: 5px auto;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

    .captchaField.plain .captchaFieldNumbers {
        font-size: 6vh;
        line-height: 1em;
        padding: .3em !important;
        text-align: center;
        background-image: url(../images/securityBg.jpg);
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
    }

    .captchaField.plain .captchaFieldBoxLeft {
        display: none;
    }

    .captchaField.plain .captchaFieldBoxMid {
        position: relative;
    }

    .captchaField.plain .captchaFieldBoxMidOverlay {
        display: none;
    }

    .captchaField.plain .captchaFieldBoxMidOverlaySecure {
        width: 100%;
        height: 100%;
        margin: 0;
        background-image: url(../images/SO1.gif);
        position: absolute;
        top: 0;
        left: 0;
        opacity: .25;
        z-index: 1;
    }

@supports (-webkit-overflow-scrolling: touch) {
    .captchaField.plain .captchaFieldBoxMidOverlaySecure {
        visibility: hidden;
    }
}

.captchaField.plain .captchaFieldBoxRight {
    width: 0;
    padding: 0;
}

.captchaField.plain .captchaFieldRefresh {
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 2;
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    background-image: url(../images/spacer.gif);
    background-position: 0 0;
    cursor: pointer;
}

    .captchaField.plain .captchaFieldRefresh:hover {
        background-position: -43px 0;
    }