/*************************************************************/
/* Style Sheet of ServiceXP	mainStyle.css					 */
/*************************************************************/

body
{
	margin: 0px;
	color: #284a66;
	line-height: 140%;
	font: normal 8pt Verdana, Arial, helvetica, sans-serif;
	text-align: left;
	background-color: #525569;
	padding-top: 4px;
	padding-bottom: 4px;
}


table
{
	font: normal 8pt Verdana, Arial, helvetica, sans-serif;
}

input
{
	border:1px solid #284a66;
	font: normal 12px Verdana, Arial, helvetica, sans-serif;
	color: #284a66;
}

select
{
	border-right: 1px solid #003366;
	border-top: 1px solid #00B3CF;
	border-left: 1px solid #00B3CF;
	border-bottom: 1px solid #003366;
	font: normal 8pt Verdana, Arial, helvetica, sans-serif;
}
submit {
	border: none;
}


textarea
{
	border-right: 1px solid #003366;
	border-top: 1px solid #00B3CF;
	border-left: 1px solid #00B3CF;
	border-bottom: 1px solid #003366;
	font: normal 8pt Verdana, Arial, helvetica, sans-serif;
}

img
{
	border: none;
}


/*************** Login Form ****************/
#form1 table#Table1 {
	font: normal 8pt Verdana, Arial, helvetica, sans-serif;
	width: 450px;
	background-color: #f6f7f8;
	border: none;	
}


.LoginSmallButton  {
	background-image: url('images/loginButton.gif');
	color: #284a66;
	width: 75px;
	height: 22px;
	border: none;
	font: bold 12px Verdana, Arial, helvetica, sans-serif;
	cursor: pointer;
}

.LoginLargeButton
{
	background-color: #284a66;
    color : #ffffff;
	width: 152px;
	height: 28px;
	border: none;
	font: normal 12px Verdana, Arial, helvetica, sans-serif;
	cursor: pointer;
    margin-top:5px;
}
.LoginLinkButton
{
     background:none;
     border:none; 
     padding:0;
     font-size: 6.5pt;
     cursor: pointer;
     color: blue;
     text-decoration: underline;
}
.LoginLinkButton:hover {
    color:#609;
}
.LoginInputCell
{
	width: 150px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.LoginInput {
    width: 150px;
    height:18px;
}
/*#btRequestLicense
{
	background-color: #284a66;
    color : #ffffff;
	width: 147px;
	height: 28px;
	border: none;
	font: normal 12px Verdana, Arial, helvetica, sans-serif;
	cursor: pointer;
}*/

.SpecialMessageInfo
{
    color: #ff0000;	
    background-color: #f6f7f8;
    font-weight: bold;
}

.LoginLogo 
{
	background-image: url('images/AgilityLogo.svg');
    background-repeat: no-repeat;
    background-position: left center;
	width: 109px;
	height: 90px;
	border: none;
}

#form1 submit {
	border: none;
}
#form1 p {
	padding: 0;
	margin: 0;
}


/*------------------------------------------*/

/* License Page */
.LicenseTable {
	font: normal 8pt Verdana, Arial, helvetica, sans-serif;
	padding-left: 40px;
	padding-right: 40px;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	background-image: url(images/agility_login_logo.gif);
	background-repeat: no-repeat;
	background-color: #f6f7f8;
	vertical-align: bottom;
}


.LicenseHead
{
	font-family: Verdana;
	font-size: large;
	font-weight: bold;
	border: none;
	color: Black;
	height: 140px;
	vertical-align: bottom;
}

.LicenseSection
{
	font-family: Verdana;
	font-size: medium;
	font-weight: bold;
	color: Black;
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: black 1px solid;
}

.LicenseLabel
{
	font-family: Verdana;
	font-size: small;
	font-weight: lighter;
	color: Black;
	width: 200px;
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: gray 1px dotted;
}
.LicenseValue
{
	border:none;
	font-family:Verdana;
	font-size:small;
	font-weight:lighter ;
	color:Black;

	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: gray 1px dotted;
}

.LicenseText
{
	width:100%;
	height:500px;
}

.ExpiryDaysInfo
{
	color: #ff0000;
    font-size:7pt;
}
#btnForgotPasswd, #btnNewUser{
    margin: 0px 10px 0px 10px;
}

/*------------------------------------------*/
/* Exception Page */

.ExceptionTable {
	font: normal 11px Verdana, Arial, helvetica, sans-serif;
	width: 100%;
	background-image: url(images/agility_login_logo.gif);
	background-repeat: no-repeat;
	background-color: #f6f7f8;
	vertical-align: bottom;
}

.ExceptionHead
{
	font:Verdana;	
	font-size: 18px;
	font-weight: bold;
	border:none;
	color: #378bae;
	padding-left: 150px;
	text-align:left;
	vertical-align: middle;
	height: 100px;
}

.ExceptionBody
{
	background-color: #f6f7f8;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 15px;
	font-weight: bold;
	border: none;
	color: #dd0000;
}

.ExceptionStack
{
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
}


.LoginBorderTopLeft
{
	width: 40px;
	height: 40px;
	background-image: url('images/leftCornerTop.png');
}

.LoginBorderTop
{
	height: 40px;
	background-image: url('images/top.png');
}

.LoginBorderTopRight
{
	width: 40px;
	height: 40px;
	background-image: url('images/rightCornerTop.png');
}

.LoginBorderLeft
{
	width: 40px;
	background-image: url('images/left.png');
}

.LoginBorderRight
{
	width: 40px;
	background-image: url('images/right.png');
}

.LoginBorderBottomRight
{
	width: 40px;
	height: 40px;
	background-image: url('images/rightCornerBottom.png');
}

.LoginBorderBottomLeft
{
	width: 40px;
	height: 40px;
	background-image: url('images/leftCornerBottom.png');
}

.LoginBorderBottom
{
	height: 40px;
	background-image: url('images/bottom.png');
}

.LicenseDetailsCell
{
	text-align: left;
    margin:5px 0px 5px 0px;
}

.StandardLabelCell
{
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 9pt;
}

.StandardInput
{
	width: 150px;
}

.StandardInputCell
{
	width: 150px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}


#LicenseTitle
{
	font-weight: bold;
	margin-bottom: 10px;
}

.StandardHeadLabelCell
{
	font-weight: bold;
	padding-bottom: 10px;
	padding-right: 3px;
	font-size: 12px;
}

.LicenseDetailsShadowCell
{
	width:147px;
	height:6px;
}

.ErrorMessage 
{
	color: red;
    margin-top:5px;
}

.ErrorPageButton
{
	background-image: url('images/licenseButton.gif');
	color: #284a66;
	width: 147px;
	height: 28px;
	border: none;
	font: normal 12px Verdana, Arial, helvetica, sans-serif;
	cursor: pointer;
	margin-right: 40px;
}


.ErrorPageImageConfigErr
{
	background-image: url('images/config_err.png');
	width: 120px;
	height: 120px;
}


.ErrorPageImageInternalErr
{
	background-image: url('images/internal_err.png');
	width: 120px;
	height: 120px;
}


.ErrorPageImageSystemErr
{
	background-image: url('images/system_err.png');
	width: 100px;
	height: 77px;
}

.pageFrameTopLeft
{
	width: 40px;
	height: 40px;
	background-image: url('images/leftCornerTop.png');
}

.pageFrameTop
{
	height: 40px;
	background-image: url('images/top.png');
}

.pageFrameTopRight
{
	width: 40px;
	height: 40px;
	background-image: url('images/rightCornerTop.png');
}

.pageFrameLeft
{
	width: 40px;
	height: 100%;
	background-image: url('images/left.png');
}

.pageFrameRight
{
	width: 40px;
	height: 100%;
	background-image: url('images/right.png');
}

.pageFrameBottomRight
{
	width: 40px;
	height: 40px;
	background-image: url('images/rightCornerBottom.png');
}

.pageFrameBottomLeft
{
	width: 40px;
	height: 40px;
	background-image: url('images/leftCornerBottom.png');
}

.pageFrameBottom
{
	height: 40px;
	background-image: url('images/bottom.png');
}

.pageFrame
{
	width: 100%;
}

.LoginMainTable
{
	margin-top: 30px;
}

/*Restricted Access form*/
.RestrictedTable {
	font: normal 11px Verdana, Arial, helvetica, sans-serif;
	width: 100%;
	background-image: url(images/agility_login_logo.gif);
	background-repeat: no-repeat;
	background-color: #f6f7f8;
	vertical-align: bottom;
}
.RestrictedHead
{
	font:Verdana;	
	font-size: 18px;
	font-weight: bold;
	border:none;
	color: #378bae;
	padding-left: 80px;
	text-align:left;
	vertical-align: middle;
	height: 100px;
}

.RestrictedBody
{
	background-color: #f6f7f8;
	padding-top: 20px;
	padding-left: 80px;
	padding-right: 50px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana;
	font-size: 15px;
	font-weight: bold;
	border: none;
	color: #dd0000;
}

.RestrictedPageButton
{
	background-image: url('images/licenseButton.gif');
	color: #284a66;
	width: 147px;
	height: 28px;
	border: none;
	font: normal 12px Verdana, Arial, helvetica, sans-serif;
	cursor: pointer;
	margin-right: 40px;
}

.LoginFormHelpIcon::before {
    margin-bottom: 4px;
    cursor: pointer;
    float:left;
    font: normal normal normal 17px/1 FontAwesome;
    content: "\f059";
    text-decoration: none;
    color: #0099dd;
}