@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* Copyright 1996-2013 Information Builders, Inc. All rights reserved. */
/* $Revision: 1.34 $: */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body{
   font-family: 'Open Sans',serif;
}

body, html {

	border:0;
	padding:0;
	margin:0;
	cursor:default;
	width:100%;
	height:100%;
	overflow:inherit;
	font-size:14px;
	background-color: #eaeaecd4; 	
}

.signin-box {
	/*margin-left:-650px;
	top:-5%;
	left:48%; 
	position:relative;
	width: 1270px;
	height: 950px;	
	width: 100%;
    height: inherit;
    clip-path: polygon(0 0, 100% 0, 100% 58%, 0 86%);
    background-color: #BD0024;
	background-size:cover;*/
	height:100%;
}

.signin-custom-frame-div {
	/*width: 330px;
	height: 300px;
	top: 210px;
	left: 270px;
	/*background: #F5FBFF; 
	border: 1px solid #787979;
	background: transparent no-repeat; 	*/
}

.signin-background-image {
	top:5%;
}

.signin-box {
    width: 100%;
    background-image: url(/ibi_apps/web_resource/signin/images/Red-background/AnalyticsRed@2x.png);
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: inherit;
    top: 0px !important;
}
	


.signin-overlay-image
{
	 background-image: url("images/spinner_grey.gif"); 
}

.signin-custom-menu-bar-div { 
	text-align:left; 
	height: 25px; 
	top:150px;
	left:875px;
}

.signin-custom-menu-bar { 
	text-align:left; 
	visibility: hidden;
	font:12px Tahoma, Verdana, Arial, Sans-Serif;
	white-space: nowrap;
	height: 25px;
	color: #003399;
	margin-right:5px;
	margin-left:5px;
}

.signin-custom-menu-bar-hover
{
	cursor: pointer;
}

.signin-custom-title-div { 
	font: 30px Open Sans, semi bold;
	top:190px;
	width:100%;
	height: 50px; 
	text-align:center;
}



.signin-custom-securityProvider-div{
	font:     14px Tahoma, Open Sans, semi bold;;
	top:325px;
	left:280px;
	width:100%;
	text-align:center;
	height: 19px; 
}


.signin-custom-forgotuserid-div{
font: 10px Tahoma, Verdana, Arial, Sans-Serif;
    top: 395px;
    left: 112px;
    width: 120px;
    height: 19px;
	display:none;
}
.signin-custom-forgotPassword-div{
    font: 13px arial, Helvetica, sans-serif, monospace;
    top: 474px;
    left: 105px;
    width: 120px;
    height: 19px;
}
.signin-custom-frame-label{
  text-align:center;
  /* font:     13px Tahoma, Verdana, Arial, Sans-Serif;
  white-space: nowrap;
  font-weight: bold; */
  color: white;
  height: 14px;  
  top: 0px;
}





input:focus
{
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	
}




.selectProvider-position-div {
	text-align:left;  
	width: 140px;
	height: 24px;
	top: 350px;
	left: 280px;	
}

.dynamic-html-page-div {  
	width: 330px;
	height: 2600px;
	top: 210px;
	left: 660px;
	background: transparent no-repeat;   
	
}

.dynamic-html-top-page-div {  
	width: 800px;
	height: 50px;
	top: 90px;
	left: 333px;
}

.dynamic-html-bottom-page-div {  
    min-height: 100px;
    top: 700px;
    background-color: black;
    left: 50px;
    width: 93%;
}


.signin-custom-remember-me-div {
	font-weight: normal;
	text-align:left;  
	font:12px Tahoma, Verdana, Arial, Sans-Serif;
    width: 260px;
	height: 20px;
	top: 400px;
	left: 280px;	
}

.signin-custom-remember-me {
	/*font-weight: bold; */ 
    font: 11px Tahoma, Verdana, Arial, Sans-Serif; 
	text-align:right; 
	height: 10px; 
	top:0px;
	left:0px;
	white-space: nowrap;
	color: #000;
}

.signin-custom-button-signin {
  font: 12px Tahoma, Verdana, Arial, Sans-Serif;
  color:#000;
  text-align: center;
  border: 1px solid #787979; 
}

.signin-custom-button-signin-hover,
.signin-custom-button-signin-checked,
.signin-custom-button-signin-active
{
	 border: 1px solid #787979;
	 border-radius:4px;
	 behavior: url(web_resource/signin/PIE.htc);
	 color:#333333;
}

div.signin-custom-button-signin{border: 1px solid #787979;}
div.signin-custom-button-signin-hover span.signin-button-label, div.signin-custom-button-signin-hover div.signin-button-label
{
	border-right-style:none;	
}

.signin-custom-menu-bar-selection {
    background: transparent no-repeat;   
    display: block;
    float: left;
    font: normal 12px Tahoma,arial;
    padding-right: 4px; /* sliding doors padding */
    text-decoration: none;
    color:rgb(6,0,0);
}
.signin-custom-menu-bar-selection:hover { 
	background: transparent no-repeat;   
	color:rgb(0,0,230);
	cursor:pointer;
}
.signin-custom-menu-bar-separator
{
    color: #000;
}
.signin-custom-button-signin {
    background: #ffffff no-repeat scroll top right;    
    cursor: pointer;
    display: block;
    float: left;
    font: normal 12px Tahoma,arial;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.signin-custom-button-signin span {
    background: transparent no-repeat;
    display: block;
    line-height: 10px;
    padding: 3px 0 3px 18px;
} 

.signin-custom-error-div {
	width: 600px;
    height: 20px;
    visibility: hidden;
    top: 469px;
    left: 28%;
    color: white;
    position: absolute !important;
}

.signin-custom-error-message {
	text-align: left;
    /* font-family: Tahoma, Verdana, Arial, Sans-Serif; */
    white-space: nowrap;
    height: 16px;
    /* color: white; */
    font-size: 18px;
    top: 2px;
    font-weight: bold;
    left: 22px;
}

.signin-custom-error-image {
 /* visibility:hidden; */
	width: 16px;
	height: 16px;
	background-image: url("images/customsignin_invalidcredentials16.png");	 
	background-repeat: no-repeat;
    background-position: left top;	
}

.signin-custom{
	position:absolute;
	overflow:hidden;
	overflow:-moz-scrollbars-none;
}

.signin-button, .signin-button-label{
	position:absolute;
	overflow:hidden;
	overflow:-moz-scrollbars-none;
	padding:4px 8px 4px 8px;
}

.signin-button-label{
	font:11px Tahoma, Verdana, Arial, Sans-Serif;
	text-align:center;
	border:0px;
	background-color:transparent;
	padding:4px 8px 4px 8px;
	width: 100%;	
}

.signin-button, .button { 
  font:       11px Tahoma, Verdana, Arial, Sans-Serif;
  text-align:     center;
  border: 1px solid #263c62; 
  border-radius: 4px;   
  behavior: url(web_resource/signin/PIE.htc);
}

/*Begin Change Password Dialog*/
.signin-custom-change-password-position {
	z-index: 4;
	visibility: hidden;  
	width: 311px; 
	height: 220px;
	top: 253px;
	cursor: default;
	left: 478px;
	background-color: #cfcfcf;
	color:#ffffff;
}

/* Change the background color of the change password title */
.signin-custom-change-password-title-position { 
	top:0px;
	left:0px;
	width:311px;
	height: 19px; 
    background-color:#ff7200;
}

.signin-custom-change-password-title-label{
  position:absolute;
  text-align:left;
  font: 11px Tahoma, Verdana, Arial, Sans-Serif;
  white-space: nowrap;
  font-weight: bold;
  height: 14px;  
  top: 2px;
  left: 20px;

}

/* Change the image of the change password title */
.signin-custom-change-password-title-image {
 /* visibility:hidden; */ 
	width: 16px;
	height: 16px;
	background-image: url("images/changepassword_16.png");	 
	background-repeat: no-repeat;
    background-position: left top;	
}

.signin-custom-change-password_username-label-position { 
	text-align:right; 
	width:130px;
	height: 22px; 
	top:31px;
	left:10px;
}

.signin-custom-change-password_username-editbox-position {
	text-align:left; 
	width:150px;
	height: 22px; 
	top:30px;
	left:145px;	
}

.signin-custom-change-password_old-password-label-position { 
	text-align:right; 
	width:130px;
	height: 22px; 
	top:73px;
	left:10px;
}

.signin-custom-change-password_old-password-editbox-position {
	text-align:left; 
	width:150px;
	height: 22px; 
	top:70px;
	left:145px;	
}

.signin-custom-change-password_new-password-label-position { 
	text-align:right; 
	width:130px;
	height: 22px; 
	top:118px;
	left:10px;
}

.signin-custom-change-password_new-password-editbox-position {
	text-align:left; 
	width:150px;
	height: 22px; 
	top:115px;
	left:145px;	
}

.signin-custom-change-password_confirm-password-label-position { 
	text-align:right; 
	width:130px;
	height: 22px; 
	top:163px;
	left:10px;
}

.signin-custom-change-password_confirm-password-editbox-position {
	text-align:left; 
	width:150px;
	height: 22px; 
	top:160px;
	left:145px;	
}
.signin-custom-change-password-button-signin-position {
	text-align:left; 
	width:100px;
	height: 20px; 
	top:195px;
	left:145px;	
}

.signin-custom-change-password-button-cancel-position {
	text-align:left; 
	width:100px;
	height: 20px; 
	top:195px;
	left:225px;	
}
/*End Change Password Dialog*/

/*Begin User Already signin in Dialog*/

.signin-custom-user-already-signin-position {
	z-index: 4;
	visibility: hidden;  
	width: 311px; 
	height: 170px;
	top: 450px;
	cursor: default;
	left: 35px;
	background-color: #cfcfcf;
	color:#ffffff;
}

.signin-custom-user-already-signin-button-signin-position {
	text-align:left; 
	width:100px;
	height: 20px; 
	top:140px;
	left:130px;	
}

.signin-custom-user-already-signin-button-cancel-position {
	text-align:left; 
	width:100px;
	height: 20px; 
	top:140px;
	left:225px;	
}
/*End User Already signin in Dialog*/


p {
margin: 5px; 
padding: 0px; 
text-indent: 0px;
}

.text-field-disabled {background-color: #f0f0f0;}

/*
** used by custom HTML
*/
.warntext {
	    font-family: arial, sans-serif;
	    font-size:  10px;
	    text-align: left;
	    /*
	    border-top: 1px solid #ffa07a;
	    border-left: 1px solid #ffa07a;
	    border-right: 1px solid #ffa07a;
	    border-bottom: 1px solid #ffa07a;
	    background-color: transparent;
	    background-color: #ffe4e1;*/
}

.bottom {
	background-color: transparent;
	font-family: arial, sans-serif;
	color: #000006;
	border-top: 1px solid #000006;
	border-bottom: 1px solid #000006;
	text-align: center;
	line-height: 2em;
	font-size: 12px;
}

.bottom a {color: #000006; font-size: 12px;}

a { text-decoration: none; }

.copyright {
    clear: both;
    margin-top:10px;
    color:#333;
	font-family: arial, sans-serif;
	font-size: 12px;
    text-align:center;
}

.copyright a {color: #333; }


.signin-custom-language-div {
	text-align:left;  
	width: 200px;
	height: 24px;
	top: 145px;
	left: 670px;
	display:none;
}

.signin-custom-language-label{
	font:12px Tahoma, Verdana, Arial, Sans-Serif;
	white-space: nowrap;
	color: #205ac7; 
	cursor: pointer;
}

.Language-menu {
	background-color: #FFFFFF;
	color: #3B5565;
	margin: 0;
	overflow: hidden;
	cursor: default;
	border: 1px solid #205ac7;
	font: 11px Tahoma, Verdana, Arial, Sans-Serif;
}

.Language-menu table {font: 12px Tahoma, Verdana, Arial, Sans-Serif;}

.Language-menu{
	display:-moz-popup !important;
	position:absolute;
	overflow:hidden;
	visibility:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	z-index:100000;
	filter:none;
	border:1px inset;
	-moz-border-right-colors:#FFFFFF #E9E9E9;
	-moz-border-left-colors:#A2A2A2 #6A6A6A;
	-moz-border-bottom-colors:#FFFFFF #E9E9E9;
	-moz-border-top-colors:#A2A2A2 #6A6A6A
}

.Language-component{
	position:absolute;
	overflow:-moz-scrollbars-none;
	font:11px 'Open Sans', Tahoma, Verdana, Arial, Sans-Serif;
	color: #666;
}
img.Language-component{-moz-box-sizing:content-box}
.Language-menu .icon-column {
	width: 16px;
}
.menu-item TD {padding: 3px 5px;}
.menu-item-hover  {	color: #205ac7;cursor: pointer;}

.menu-item-disabled .shortcut,.menu-item-disabled .text,.menu-item-disabled .icon-column IMG
	{
	color: #4d4d4d;
	opacity: 0.75;
	filter: gray() alpha(opacity = 75);
}
.Language-menu .up-arrow,.Language-menu .down-arrow,.Language-menu .icon-column
	{
	background-repeat: no-repeat;
	background-position: center center;
}
.Language-menu .radiobutton-checked {
	background-image: url("images/radiobutton.gif");
}



/*custom css classes*/
.text
{
	font-size: .75em;
    color: lightgray;
	margin:10px;
	float:left;
}


.learn-more-button
{
    float: right;
    margin: 15px 35px;
}

.learn-more-button button a
{
	color:white;
}

.page-links
{
	position:absolute;
}

.footer-link-container
{
	background-color: #f5f5f5;
    min-height: 70px;
    position: relative;
    top: 60px;
}

.footer-link {
    margin: 0 15px 0 0;
}

.footer-link a {
    color: #333;
}

.powered-by-logo
{
	background-image: url("images/powered_by.PNG"); 
	background-repeat:no-repeat;
	height: 31px;
	width:131px;
	position:absolute;
	margin:4px;
	right:3px;
}


.signin-custom-image-div
{
	background-image: url(images/Analytics-Arrow-Icon-logo.png);
    background-repeat: no-repeat;
    height: 130px;
    background-position: center;
}

/*custom css*/
.signin-custom {
	position:relative;
	text-align:center;
}

.signin-custom-username-div { 
    font: 16px Open Sans, semi bold;
    text-align: left;
    text-align: center;
    margin: 40px 0 5px 0;
    margin-right: 26.5em;
	padding-top: 10px;
}

.signin-custom-username-label {
	white-space: nowrap;
    color: white;
}

.signin-custom-password-label-div {  
    font: 16px Open Sans, semi bold;
    text-align: left;
    text-align: center;
    margin: 20px 0 5px 0;
    margin-right: 27em;
}

.signin-custom-password-label { 
	white-space: nowrap;
	color:white;
}


.signin-custom-button-signin-div {	
	margin-top:20px;
	text-align:center;
}

.signin-custom-button-signin-div #SignonbtnLogin, .learn-more-button button {
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    color: #2D2D2D !important;
    background: #F2F2F2 !important;
    transition: all 0.15s ease-in-out;
    z-index: 2;
    font-size: 22px;
    padding: 6px 19px;
	font: 20px Open Sans, semi bold;
	color:#2D2D2D;
	width:511px;
	
}

/* User Name editbox position */
.signin-custom-username-editbox-div  {
	top: auto;
	border-radius: 0px;
	text-align:center;
}

.signin-custom-username-editbox-input {
	text-align:left;
	padding:5px;
	font-size: 18px;
	height:22px;
	border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    color: #685d5d;
	width:500px;
	border:1px solid #E0E0E0;
	border-radius: 0px;
}


/* password editbox position */
.signin-custom-password-editbox-div {	
	top: auto;
	text-align:center;
}

.signin-custom-password-editbox-input {
	text-align:left;
 	width: 500px;
	padding:5px;
	font-size: 18px;
	height:22px;
	border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    color: #685d5d;
}


.signin-custom-forgotPassword-div
{
	display:none;
}


.selectProvider-position-div
{
	display:none;
}  

@media (max-width: 1400px) and (min-width: 1167px)
{
	.signin-box {
		width: 100%;
		background-image: url(/ibi_apps/web_resource/signin/images/Red-background/AnalyticsRed.png);
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: cover;		
	}
	
}



@media (max-width: 1167px) and (min-width: 900px)
{
	.signin-background-image {
		top: 8%;
	}
	
	.signin-custom-username-div { 
		font: 35px Open Sans, semi bold;
		margin-right: 12.5em;
		padding-bottom :5px;
		padding-top: 2.5em;
	}
	
	.signin-custom-username-editbox-input {
		text-align: left;
		padding: 5px;
		font-size: 25px;
		height: 35px;
	}	
	.signin-custom-password-label-div {  
		font: 35px Open Sans, semi bold;
		margin-right: 13em;
		padding-bottom: 5px;
	}

	.signin-custom-password-editbox-input {
		text-align: left;
		padding: 5px;
		font-size: 25px;
		height: 35px;
	}	


	.signin-custom-button-signin-div {
	    top: auto;
		text-align:center;
	}	
	
	.signin-custom-username-editbox-input {	
		/*width:300px;*/
		border:1px solid #E0E0E0;
		border-radius: 0px;
	}

	.signin-custom-title-div {
		font: 35px Open Sans, semi bold;
		width: 100%;
		height: 60px;
		text-align: center;
		top: 225px;
		/* margin-top: 40px; */
	}	
}



@media (max-width: 900px) and (min-width: 700px)
{	
	.signin-background-image {
		top: 0%;
		width: 60%;
		left: 22%;
	}
	.signin-box {
		width: 100%;
	}

	.signin-custom-image-div {
 
    		background-size: 100px;
	}
	
	.signin-custom-username-div { 
		font: 20px Open Sans, semi bold;
		width: 100%;
		padding-top: 2.5em;
	}
	
	.signin-custom-username-label {
		white-space: nowrap;
		color: white;
		float: left;
		margin-left: 20px;
	}
	
	.signin-custom-password-label-div { 
		font: 20px Open Sans, semi bold;
		width: 100%;
		padding-bottom:5px;
	}
	
	.signin-custom-password-label {
		white-space: nowrap;
		color: white;
		float: left;
		margin-left: 20px;
	}
	
	.signin-custom-username-editbox-input {
		text-align:left;
		padding:5px;
		font-size: 20px;
		height:36px;
		width:600px;
	}

	.signin-custom-password-editbox-input {
		text-align:left;
		padding:5px;
		font-size: 20px;
		height:36px;
		width:600px;
	}
	


	.signin-custom-username-editbox-div {
		margin: 0 20px
	}
	.signin-custom-password-editbox-div {
		margin: 0 20px
	}


	.signin-custom-button-signin-div {
	    	top: auto;
		text-align:center;
		margin: 0 20px;
	}	
	
	.signin-custom-username-editbox-input {	
		/*width:300px;*/
		border:1px solid #E0E0E0;
		border-radius: 0px;
	}

	.signin-custom-title-div {
		font: 35px Open Sans, semi bold;
		width: 100%;
		height: 60px;
		text-align: center;
		top: 225px;
		/* margin-top: 40px; */
	}	

	.signin-custom-button-signin-div #SignonbtnLogin {
    		font: 20px Open Sans, semi bold;
    		color: #2D2D2D;
    		padding: 6px 2px;
    		font-family: inherit;
    		width: 100%;
    		margin-top: 20px;
    		text-align: center;
	}
	
	.signin-box {
		min-height: 1120px;
	}
}



@media (max-width: 700px) and (min-width: 300px)
{

	
	.signin-background-image {
		top: 0%;
		width: 80%;
		left: 10%;
	}
	.signin-box {
		width: 100%;
	}

	.signin-custom-image-div {
 
    	background-size: 65px;
	}
	
	.signin-custom-username-div { 
		font: 20px Open Sans, semi bold;
		width: 100%;
		padding-top: 2.5em;
	}
	
	.signin-custom-username-label {
		white-space: nowrap;
		color: white;
		float: left;
		margin-left: 20px;
	}
	
	.signin-custom-password-label-div { 
		font: 20px Open Sans, semi bold;
		width: 100%;
		padding-bottom:5px;
	}
	
	.signin-custom-password-label {
		white-space: nowrap;
		color: white;
		float: left;
		margin-left: 20px;
	}
	
	.signin-custom-username-editbox-input {
		text-align:left;
		padding:5px;
		font-size: 20px;
		height:36px;
		width:600px;
	}

	.signin-custom-password-editbox-input {
		text-align:left;
		padding:5px;
		font-size: 20px;
		height:36px;
		width:600px;
	}
	


	.signin-custom-username-editbox-div {
		margin: 0 20px
	}
	.signin-custom-password-editbox-div {
		margin: 0 20px
	}


	.signin-custom-button-signin-div {
	    	top: auto;
		text-align:center;
		margin: 0 20px;
	}	
	
	.signin-custom-username-editbox-input {	
		/*width:300px;*/
		border:1px solid #E0E0E0;
		border-radius: 0px;
	}

	.signin-custom-title-div {
		font: 35px Open Sans, semi bold;
		width: 100%;
		height: 60px;
		text-align: center;
		top: 225px;
		/* margin-top: 40px; */
	}	

	.signin-custom-button-signin-div #SignonbtnLogin {
    		font: 20px Open Sans, semi bold;
    		color: #2D2D2D;
    		padding: 6px 2px;
    		font-family: inherit;
    		width: 100%;
    		margin-top: 20px;
    		text-align: center;
	}
	
	.signin-box {
		min-height: 1120px;
	}

	.signin-custom-error-div {
    width: 84%;
     height: auto;
    visibility: hidden;
    top: 565px;
    left: 0;
    color: white;
    position: absolute !important;
}
}