/*
 *.overrides_custom.css
 * --------------------
 *
 * Place styles for simple UI customization in this file.
 *
 *  This file is loaded after all other CSS, so selectors here will win
 * in case of conflict with default rules.
 *
 *  Using this file to customize is the method most likely to conserve your
 * customizations even if markup changes in future product releases.
 *
 *  Extensive customizations may be easier to implement by replacing one or
 * more of the standard theme files in your custom theme folder.
 *
 *  However, if future product releases place styles for new markup components
 * into the files you have replaced, your theme will not have these new styles,
 * and therefore, will not display the new components correctly.
 */

/*
 *  These overides are specific to the login page.
 *  ==============================================
 */

/*
 * Hide the Embedded Visualize JS Button
 */
#embed { display:none; }

/*
 * Hide the original copyright
 */
#loginPage #copy {
    display:none;
}

/*
 * Remove background image
 */
/*
#loginPage {
    background:none;
}
*/

/*
 *  Turn banner back on and set the
 * size for the Burris logo.
 * change bg color to #012F6B from #1388D8
 */
#loginPage #banner {
    position: absolute;
    background-color: #012F6B;
    top: 0px;
    left: 0px;
    height: 54px;
    width: 100%;
    border-bottom: 1px solid #174A6A;
    border-top: 1px solid #0FACEF;
}

/*
 *  Turn the sectionLeft of the banner
 * back into a block element so the actual
 * Burris logo image will show up.
 */
#loginPage #banner .sectionLeft {
    display: block;
    content: " ";
    font-size: medium;
}

/*
 *  Add border to login form
 */
#loginPage .login {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px 4px 4px 2px;
    border-color: #012F6B #012F6B #012F6B #012F6B;
    border-radius: 20px;
    position: relative;
    width: 700px;
    margin: 90px auto;
    padding: 0px;
}

/*
 *  Change inputSection (input boxes) to a fixed
 * width.
 */
#loginForm .inputSection {
    margin: 20px auto;
    width: 350px;
}

/*
 * Change Device Image (really any logo)
 */
#loginForm .devices {
    display: block;
    height: 50px;
    margin: 0 auto 10px;
    background-repeat: no-repeat;
    background-image: url(images/logo_welcome.svg);
    background-position: center -22px;
    background-size: 260px;
}
/*
#loginForm .devices  {
    display:block;
    height:184px;
    margin:10px 3px 5px 5px;
    background-repeat: no-repeat;
    background-image: url(images/login_devices.png);
    background-position: top;
    background-size:400px;
}
*/

/*
 *  Add the contact number for support.
 */
#loginPage #loginForm #login .footer h2:after {
    display: block;
    content: "Contact Support at (302) 839-5006 with any questions or problems";
    font-size: small;
    color: #012F6B;
}

/*
 *  These overides will impact the UI pages after the
 * user login.
 * ==================================================
 */

/*
 *  Increase the banner height to 54px to
 * help fit the Burris logo.
 */
#banner {
    border-bottom: 1px solid #174A6A;
    border-top: 1px solid #0FACEF;
    height: 54px;
    position: relative;
}

/*
 *  Force background to match above.
 */
.banner {
    background-color: #012F6B;
}

/*
 *  Push the sectionLeft and sectionRight
 * inside the banner down 5px to help line up
 * with the Burris logo.
 */
.sectionLeft {
    margin-top: 5px;
}

.sectionRight {
    margin-top: 5px;
}

/*
 *  Set the frame to be just below banner
 * and allow 18px for the footer.
 */
#frame {
    position: absolute;
    top: 55px;
    bottom: 18px;
    width: 100%;
}

/*
 *  Override default logo with Burris logo.
 */
#logo {
    top:0px;
    left:0px;
    height:42px;
    width:180px;
    background:url(images/burris_logo.png);
    background-repeat: no-repeat;
    margin: 5px 0px 0px 7px;
}

/*
 *  Hide the 'Save as' option of the Report Viewer.
 */
#reportViewer #fileOptions {
    display: none;
}