/* ********************************************************************
 * System 7 UI - Cascading Style Sheet Definition - common.css - Used for the Common System 7 theme
 * A Component of the System 7 Framework (tm)
 * Copyright (c) 2009-2013 Libera, Inc.  All Rights Reserved.
******************************************************************** */



/* ****************************************************************************/
/* ****************************************************************************/
/*      GLOBAL STYLES
/* ****************************************************************************/
/* ****************************************************************************/

html {
}

html, body {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;

    font-family: Arial;
	/* Override bootstrap defaults */
	font-size: 16px;
	line-height: normal;
}


table.PageHeader {
    table-layout: fixed;
}




div.CopyrightFooter {
    font-size: 10pt;
    font-family: Arial;
}

/* ****************************************************************************/
/* ****************************************************************************/
/* LOGIN PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

html.Sys7LoginPage {
}

	html.Sys7LoginPage h1, html.Sys7LoginPage h2, html.Sys7LoginPage h3 {
		/* Override bootstrap defaults */
		margin: 0;
	}

    html.Sys7LoginPage .LoginHeader {
    }

        html.Sys7LoginPage .LoginHeader .Wrapper {
        }

            html.Sys7LoginPage .LoginHeader .Wrapper img.Logo {
            }

            html.Sys7LoginPage .LoginHeader .Wrapper .Copyright {
            }

            html.Sys7LoginPage .LoginHeader .Wrapper .FrameworkVersion {
            }



    html.Sys7LoginPage .LoginContainer {
        width: 100%;
        min-width: 500px;
    }


    html.Sys7LoginPage div.LoginBox {
        left: 0;
        right: 0;
        min-height: 250px;
        padding: 4em;
        clear: both;
        background-color: rgb(141, 89, 150);
        border-top: 50px solid rgb(158, 100, 168);
        border-bottom: 50px solid rgb(158, 100, 168);
        text-align: left;
        color: white;
    }

		html.Sys7LoginPage div.LoginBox a {
			color: white;
		}

@media screen and (min-width: 900px) {
    /* Show background image if login page wide enough */
    html.Sys7LoginPage div.LoginBox {
        background-image: url("images/logo_purple_400x200.png");
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
    }
}



html.Sys7LoginPage .LoginAppName {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0.8em;
}

html.Sys7LoginPage .LoginClientName {
    font-size: 1.7em;
    margin-bottom: 0;
}


html.Sys7LoginPage .LoginMessage {
    font-size: 1em;
    margin-bottom: 1em;
}

html.Sys7LoginPage .LoginCustomMessage {
    font-size: 1em;
}

html.Sys7LoginPage .LoginLicenseInfo {
    margin-top: 1.5em;
    font-size: 0.8em;
}

    html.Sys7LoginPage .LoginLicenseInfo .LicenseInfo {
    }



html.Sys7LoginPage div.LoginField {
    width: 100%;
    height: 2.5em;
    padding-right: 1em;
    clear: both;
}

html.Sys7LoginPage div.LoginLabels {
    width: 150px;
    height: 100%;
    box-sizing: border-box;
    padding-right: 1em;
    font-size: 1.2em;
    text-align: right;
    line-height: 1.9em;
    display: block;
    float: left;
    vertical-align: middle;
}

html.Sys7LoginPage div.LoginInputBox {
    height: 2em;
}

html.Sys7LoginPage input[type="text"],
html.Sys7LoginPage input[type="password"] {
	color: black;
    background-color: white;
    border: 2px solid gray;
    border-radius: 6pt;
    font-size: 14pt;
    padding: 0.25em;
    /*width: 215px;
    height: 1.2em;*/
}

    html.Sys7LoginPage input[type="text"]:focus,
    html.Sys7LoginPage input[type="password"]:focus {
        background-color: rgb(244, 226, 247);
        border: 2px solid black;
    }


/* Remove WebKit/Chrome autofill yellow color */
html.Sys7LoginPage input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}


html.Sys7LoginPage div.LoginButtons {
    box-sizing: border-box;
    margin: 10px 0 10px 150px;
    clear: both;
}


html.Sys7LoginPage input.LoginButtons {
    font-size: 1.2em;
    font-weight: bold;
    border: 0.2em solid rgb(194, 139, 203);
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: rgb(198, 197, 197) 1px 1px;
    color: rgb(50, 8, 56);
    background-color: rgb(224, 169, 233);
    height: 2.5em;
    width: 110px;
}

    html.Sys7LoginPage input.LoginButtons:hover {
        background-color: #F0D7F4;
    }

html.Sys7LoginPage .ResetAccountInfo {
}


html.Sys7LoginPage .lblAuthenticationErrors {
    /*border: 2px solid white;*/
    display: block;
    padding: 2em 25px;
    margin: 1em auto;
    /*left: 0;
	right: 0;
	margin-left: -64px;*/
    margin-right: -64px;
    /*color: black;
	background-color: #7dc79c;*/
    /*color: white;
	background-color: #1f7f48;*/
    color: black;
    background-color: #f1f17a;
    font-weight: bold;
}





/* ****************************************************************************/
/* ****************************************************************************/
/* MISC PAGE STYLES */
/* ****************************************************************************/
/* ****************************************************************************/

html.Sys7ErrorPage .ErrorBox {
    background-color: rgb(141, 89, 150);
    background-image: none;
    border-top: 50px solid rgb(158, 100, 168);
    border-bottom: 50px solid rgb(158, 100, 168);
    border-left: none;
    border-right: none;
    color: white;
}

@media screen and (min-width: 900px) {
    /* Show background image if login page wide enough */
    html.Sys7ErrorPage .ErrorBox {
        background-image: url("images/logo_purple_400x200.png");
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
    }
}