/************************************************************************
    File:           tdbMIMStyles.css

    Description:    MIMO - Make it monthly popup styles.
                    These styles are used in both the Form Builder and
                    the Form Processor.

    Author:         Sean Gardner

    Copyright:      (c) 2020 thedatabank, gbc.  All Rights Reserved.
***********************************************************************/

#tdbMIMContainer {
    z-index: 10000;
    background-color: rgba(51, 51, 51, 0.9);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}

#tdbMIMBody {
    position: absolute;
    top: 50%;
    left: 50%;

    /*
    This transform is for tdb hosted forms. It centers the ask vertically
    and horizontally in the screen.  For iframe hosted forms, an inline
    style overrides to place the popup near the submit button.
    */
    transform: translate(-50%, -50%);

    max-width: 60%;
    margin: auto;
    margin-right: -50%;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
}

#tdbMIMHeader {
    padding: 1rem;
    font-size: 1.25rem;
    font-weight: bold;
}

#tdbMIMAsk {
    padding: 0rem 1rem;
    max-height: 400px;
    overflow: auto;
    color: #333;
}

#tdbMIMAskIntro {
    text-align: left;
}

#tdbMIMAmtLabel {
    font-weight: bold;
}

input#mimnewamt {
    width: 6rem;
    display: inline;
    padding: .2rem;
}

#tdbMIMFooter {
    padding: 1rem;
    font-weight: bold;
}

#tdbMIMFooterBtns {
    text-align: center;
}

#tdbMIMYes, #tdbMIMNo {
    margin: 0rem;
    padding: 1rem;
    background: none;
    border: none;
    border-radius: .25rem;
    font-size: 1.0rem;
    font-weight: bold;
    text-shadow: none;
    height: auto;
}

#tdbMIMBtnSpacer {
    display: inline-block;
    width: 2rem;
}