/* Quickcharge CSS File
$Author$: Author of last commit
$Date$: Date of last commit
$Rev$: Revision of last commit

Notes: 	- The CSS Rules in this file should only be rules that apply to the Quickcharge Project
*/  

/* QC - Login Page */ 
	html.loginHTML 
	{
		height: 100%;
		text-align: center;	
	}
	
	body.loginBackground 
	{
		height: 100%;
		text-align: center;	
		background: #204a9d;
		background-image: radial-gradient(center center, circle cover, #0f76b1, #204a9d);
		background-image: -o-radial-gradient(center center, circle cover, #0f76b1, #204a9d);
		background-image: -ms-radial-gradient(center center, circle cover, #0f76b1, #204a9d);
		background-image: -moz-radial-gradient(center center, circle cover, #0f76b1, #204a9d);
		background-image: -webkit-radial-gradient(center center, circle cover, #0f76b1, #204a9d);
	}	
	
	span.loginSpanBuffer 
	{
		height: 80%;
		vertical-align: middle;
		display: inline-block;	
		text-align: left;
	}
	
	span.errorSpan 
	{
		text-align: center;
		display: block;
		color: red;
	}

    span.resetSpan
    {
        text-align: center;
        display: block;
        color: black;
    }
	
	div.loginPanel 
	{
		background: #f5f5f5;
		text-align: left;
		vertical-align: middle;
		display: inline-block;	
		padding: 45px 55px 60px 55px;
		z-index: 1;
	}

	#loginLogo 
	{
		padding: 10px;
		height: 6em;
		margin-left: 1em;
	}

	#logo-bottom-center{
		position:absolute;
		bottom:0;
		max-height:4em;
		left:50%;
		transform:translateX(-50%);
		z-index: -1;
	}
	#bottom-banner{
		height:4em;
		width:100%;
		background-color: rgb(143,143,143);
		position:absolute;
		bottom:0;
		z-index: -2;
	}

	#sodexo_qc_logo 
	{
		padding: 10px 5px 13px 5px;
	}	
	
	#mmhayes_sodexo_logo 
	{
		float: left;
		padding: 5px;	
		margin: 10px 0px 0px 12px;
	}

	.loginInput
	{
		display: block;
		padding: 8px 5px;
		margin: 15px 0px 5px 15px;
		width: 345px;
		border-radius: 3px;
		border: #CCC 1px ridge;
		font-family: 'DroidSans-webfont', Fallback, sans-serif !important;
		font-size: 14px;	
	}
	
	.ie9_loginInput
	{
		display: block;
		padding: 8px 5px;
		margin: 15px 0px 5px 15px;
		width: 345px;
		border-radius: 3px;
		border: #CCC 1px ridge;
		font-size: 14px;	
	}	

	.loginBtn 
	{
		float: left;
		clear: both;
		padding: 2px;
		color: #FFF !important;
		font-weight: bold !important;
		border-radius: 5px !important;
		font-family: 'DroidSans-webfont', Fallback, sans-serif !important;	
		background: #273896 !important; 	
		background-image: linear-gradient(top, #3a68de, #273896) !important;
		background-image: -o-linear-gradient(top, #3a68de, #273896) !important;
		background-image: -ms-linear-gradient(top, #3a68de, #273896) !important;
		background-image: -moz-linear-gradient(top, #3a68de, #273896) !important;
		background-image: -webkit-linear-gradient(top, #3a68de, #273896) !important;	
	}	
	
	#loginBtn 
	{
		margin: 15px 0 0 155px;
	}
	
	#forgotPasswordBtn 
	{
		margin: 15px 0 0 120px;
	}

    #reloadBtn
    {
        margin: 15px 0 0 150px;
    }
	
	#resetPasswordBtn 
	{
		margin: 15px 0 0 120px;
	}	

/* QC - Applets */
	#iframeContainer
	{
		overflow: auto;
	}

/* QC - Page - Dashboard */   
	#dashBoardContainer 
	{
		border: 2px solid #CCC;
		height: 100%;
		padding: 10px;
		overflow: hidden;
	}
	
	#lineGraphHeader
	{
		padding: 5px 10px 20px 10px;  
	}	

	#buttonsDiv
	{
		float:left;
	}
	
	#loadingDiv
	{
		float: left;
		overflow: hidden;
		margin: 100px;  
	}
	
	#datePickerDiv
	{
		padding:5px;
		float:right; 
		background: #f7f7f7; /* Old browsers */    
		background: -ms-linear-gradient(top, #f7f7f7 0%,#e4e4e4  100%); /* IE10+ */  
		background: -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4  100%); /* FF3.6+ */  
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e4e4e4 )); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f7f7f7 0%, #e4e4e4  100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f7f7f7 0%,#e4e4e4  100%); /* Opera 11.10+ */ 
		/* background: linear-gradient(to bottom, #f7f7f7   0%,#e4e4e4  100%) ;  W3C */ 
		/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e4e4e4 ', GradientType=0);  IE6-9 */
		font-size: .8em; 
	}		
	
	#lineGraph
	{
		margin:25px;  
		padding:5px;     
	}	
	
	.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip  
	{
		font-size: 0.75em;  
		white-space: nowrap; 
		background-color: #006699;        
		color: #FFF; 
		padding: 5px 10px;  
		border-radius: 10px; 
	}
	
	.jqplot-donut-series 
	{
		color: #3a3a3a;      
	}
	
	.jqplot-highlighter-tooltip table th, .jqplot-canvasOverlay-tooltip table th
	{
		font-size: 1em;   
	} 

	.jqplot-cursor-tooltip 
	{
		font-size: 0.75em;  
		white-space: nowrap; 
		background-color: #006699;          
		color: #FFF;  
		padding: 5px;  
		border-radius: 10px; 
	}	
	
	#totals_RowDisplay 
	{
		font-size:20px;
		font-weight:bold; 
		background: #EEE;  
		padding: 5px;
		margin: 5px;
	}
	
	#totalsContainer 
	{
		height: 100%;
		overflow:auto; 
	}
	
	#dashBoardTotalsDisplay 
	{
		float: left;
		padding-right:40px; 	
	}
	
	#revCenterTotals > tbody > tr > td 
	{
		padding: 5px 10px; 
	}
	 
	.dashBoardTotalsNested 
	{ 
		padding:5px; 
		border-radius: 10px;  
	}
	
	.dashBoardDisplay_name  
	{
		margin:0px; 
		cursor: pointer;
	}
	
	.dashboardSwoosh
	{
		cursor: pointer; 
	}

	.dashBoardDisplay_totals
	{
		font-size:15px; 
	}
	
	.dashBoardDisplay_details
	{
		font-size:12px; 
		/*
		padding-top:10px; (added inline due to all browsers not having CSS specs to do it here..
		*/
	}	

	.dashboardSwoosh 
	{
		border-radius: 10px;
		border-style: inset; 
		border-style:solid;
		border-width: 2px;
		margin: 0px;
		display: block;
	}

	.dashBoardDisplay_imgTD 
	{
		padding:5px;
		vertical-align:top; 
		/*border-right: 1px solid #CCC; */  
	}
	
	#donutGraph 
	{
		float: left;    
	}

/* QC - Tabs
	
	#tabs .ui-tabs-nav li 
	{
		margin-top: 0.6em;
		font-size: 65%;
		margin-left: 3px;
		margin-right: 3px;
		border-radius:10px;
	}

	#tabs .ui-tabs-nav li.ui-tabs-selected, #tabs .ui-tabs-nav li.ui-state-active 
	{
		margin-bottom: 8px;
		font-size: 85%; 
	}

	#tabs ul 
	{
		width: 100%;
		height: 100%;
		margin: -5px;
	}
	 
/* QC - Account Manager */ 
	 
	#accountHeader 
	{
		height: 25px;
		margin: 0px 0px 0px 200px; 
		overflow: hidden;
		padding: 10px;
	}
	
	#accountHeaderTitle 
	{
		float: left;
		margin: 5px 0px 0px 0px;
	}	

	#accountHeaderIcons 
	{
		float: left;
		margin: -10px 0px 0px 15px;
	}
	
	.accountHeaderIcon 
	{
		height: 20px;
	}
	
	#accountHeader_btnContainer 
	{
		float: right; 
		margin: 5px 0px 0px 0px;
	}
	
	.accountHeader_button 
	{
		margin: -5px 1px 0 0;  
	}

	/* JQuery 3.6 upgrade fix for buttons */
	button.ui-button {
		padding: .4em 1em;
	}