/**
 * File:	wds_main_styleRF.js
 *
 * This code was developed by: ISL
 *
 * Copyright (c) 2024 U. S. Department of Energy
 * 
 *
 */

:root{
/* Theme Options */
	--prd05: #fff;
	--tst05: #cfd;
	--tst06: #cde;
	--tst07: #ffefe7;
	--prd06: #fdc;
	--prd07: #ffeafb;
	--dev06: #ffc;

/* APPLY THE THEME HERE */
	--main-bg-color: var(--prd05);
}
  
html {
		margin				:	0;
		padding				:	0;
	}
	
/* Login/Header/Footer */
#header  {
	background			: 	url("../images/wds-logo.png");
	background-repeat	:	no-repeat;	      
    background-size     :   235px;	
   	height				:	70px;	
	margin-top			:	10px;
    background-color    :   var(--main-bg-color);
	margin-left			: 	5px;
	
}

#headerwwis  {
	background			: 	url("../images/wwis-logo.png");
	background-repeat	:	no-repeat;	      
    background-size     :   235px;	
   	height				:	70px;	
	background-color	:   var(--main-bg-color);
	margin-top			: 	5px;
	margin-left			: 	5px;
}

.help {
	font-weight		:	bold;
	text-decoration	: 	none;
	color			:	#0070C9;
	cursor			:  	pointer;
}

a[onclick^='loadHelp']{ 
cursor	:	pointer; 
}

#maintabsmenu	{
	margin-top		:	5px;
	padding			: 	0px 0px 0px 5px;
	background		: 	transparent;
}

#maintabsmenu ul	{
	font				: 	13px Helvetica;
	margin				:	0px;
	padding-inline-start: 	0px;
	list-style			: 	none;
}

#maintabsmenu li	{
	display			: 	inline;
	margin			: 	0 2px 0 0;
	padding			: 	0;
	text-transform	:	uppercase;
}

#maintabsmenu a	{
	float			: 	left;
	display			: 	block;
	color			: 	white;
	font-weight		:	bold;
	margin			: 	0 1px 0 0;
	padding			: 	7px;
	text-decoration	: 	none;
	background-color: 	#0070C9;
	border-color	: 	#0070C9;
	letter-spacing	:	1px;
	border-top-right-radius : 7px;
	border-top-left-radius 	: 7px;
	min-width		:	175px;
	text-align		:	center;
}

#maintabsmenu a:hover	{
	background-color	: 	#0063c98f;
}

#maintabsmenu #current a	{
	background-color	: 	#0070C9;
}

.redbghead {
	background-color:  #B61219bf;
	text-align		:  center;
	padding			:	5px;
	color			: 	#fff;
	font-size		:	11pt;
	font-weight		:	bold;
	height			:	25px;
}

.bgheaddkblue {
	background-color:  #0070C9;
	text-align		:  center;
	padding			:	5px;
	color			: 	#fff;
	font-size		:	11pt;
	font-weight		:	bold;
	height			:	25px;
}

.bgheadmedblue {
	background-color:  #5cb0f0;
	text-align		:  center;
	padding			:	5px;
	color			: 	#fff;
	font-size		:	11pt;
	font-weight		:	bold;
	height			:	25px;
}

.headersearch  {
	font			:	14px Helvetica, sans-serif;	
	font-weight		:  bold;
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	150px;
	height			:	25px;
	letter-spacing	:	1px;
}

.logoutbtn{
	color				:	#ffffff;
	letter-spacing		: 	1px;
	font				:	bold 14px Helvetica;
	height				:   35px;
	background-color	: 	#B61219bf; 
	border-top			: 	1px solid #B61219;
	border-right		: 	1px solid #B61219;
	border-bottom		: 	1px solid #B61219;
	border-left			: 	1px solid #B61219;
	border-radius		:	4px;
    cursor				: 	pointer;
}

.actionbtn {
  background-color	: 	#0070C9;
  border-radius		: 	5px;
  border-color		: 	#0070C9;
  border-width		: 	thin;
  color				: 	#FFFFFF;
  cursor			: 	pointer;
  font-family		: 	Helvetica;
  font-size			: 	11pt;
  font-weight		: 	bold;
  min-width			: 	100px;
  min-height		: 	22px;
  overflow			: 	visible;
  padding			: 	4px 15px;
  text-align		: 	center;
  vertical-align	: 	baseline;
  user-select		: 	none;
  -webkit-user-select: 	none;
  touch-action		: 	manipulation;
  white-space		: 	nowrap;
  text-transform	:	uppercase;
}

.rttop {
	font			: 	12px Verdana;
	text-align		: 	right; 
	vertical-align	: 	top;
}

.lttop {
    font            :   12px Verdana;
    text-align      :   left; 
    vertical-align  :   top;
}

.rttopbold {
	font			: 	12px Verdana;
	text-align		: 	right; 
	vertical-align	: 	top;
	font-weight		:	bold;
	padding-top		: 	5px;
}

.rtcenter {
	font			: 	12px Verdana;
	text-align		: 	right;
	vertical-align	: 	center;
}

.ctrcenter {
    text-align      :   center;
    vertical-align  :   center;
	float           :   center;
	margin-left     :   auto;
    margin-right    :   auto;
}

#content {
	position			:	relative;		
   	margin-top			:	-5px;
	margin-left			:	5px;
	margin-right		:	15x;
	background-repeat	:	no-repeat;
	padding				: 	5px 20px 8px 20px;
	border-right		: 	2px solid #0070C9;
	border-top			: 	2px solid #0070C9;
	border-bottom		: 	2px solid #0070C9;
	border-left			: 	2px solid #0070C9;
	background-color	:   var(--main-bg-color);
}

/* Modal Message Box Elements \*/
.blackout {
	position			: 	fixed;
	height				:	100%;
	width				:	100%;
	left				:	0px;
	top					:	0px;
	z-index				:	16;
	background-color	: 	#B2B2B2;       
    filter				:	alpha(opacity=20);
    -moz-opacity		:	0.2;
   	opacity				: 	0.2;
}


.popoutbody {
	position			:	absolute;
	top					:	15px;
	left				:	15px;
	padding				:	10px;
   	background-color	: 	#fff;
   	border				:	1px solid #636363;	
}

.popupbody {
	position			:	absolute;
	top					:	10%;
	left				:	40%;
	padding				:	10px;
   	z-index				: 	200;
   	background-color	: 	#fff;
   	border				:	1px solid #636363;	
}

.popupbodyadhoc {
	position			:	fixed;
	top					:	15%;
	left				:	40%;
	padding				:	10px;
   	z-index				: 	200;
   	background-color	: 	#fff;
   	border				:	1px solid #636363;	
}

.popupbodynoposition {
	position			:	absolute;
	width				: 	265px;
	margin				: 	auto;
	margin-top			: 200px;
	margin-left			: 300px;
	padding				:	10px;
   	z-index				: 	100;
   	background-color	: 	#fff;
   	border				:	1px solid #636363;	
}

.centerpopup {
	position			:	absolute;
	width: 300px;
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	padding				:	10px;
   	z-index				: 	200;
   	background-color	: 	#fff;
   	border				:	1px solid #636363;
}

.waitpopup {
	position			:	fixed;
	top					:	200px;
	height				:	66px;
	width				: 	100%;
	margin				: 	0 auto;
   	z-index				: 	100;
}

.waitpopupImage {
	height				:	100%;
	width				:	66px;
	background-repeat	:	no-repeat;
	background-color	: 	#fff;
   	border				:	1px solid #636363;	
   	background-image	: 	url("../images/wait.gif");
   	margin				:	0 auto;
}

.popupbody td {
	vertical-align: top;
	padding	:	5px;
}

.popupheading {
	margin				:	5px;
	padding				:	5px;
	color				:	#ffffff;
   	background-color	: 	#0070C9;
   	border				:	1px solid #0070C9;	
   	text-transform		:	uppercase;
   	letter-spacing		: 	1px;
   	font-weight			:	bold;
   	font-size			:	12px;
}

#footer {
	height			: 	25px;
	background-color: 	#0070C9;
	line-height		: 	16px;
	text-align		: 	left;
	font			:	bold 13px Helvetica;
	margin-top		: 	-40px;
	margin-left		:	5px;
	width			:	98%;
	position		:	relative;
	float			:	left;
	color 			: 	#fff;
	padding			:	10px 0px 0px 10px;
	text-transform	:	uppercase;
	letter-spacing	:	1px;
	z-index			: 	2;
}

#footerinfo {
	width				:	350px;
	height				:	55px;
	position			:	absolute;
	right				:	-10px;
	top					:	-15px;
    background-color	: 	#ffffff;
	background-repeat	:	no-repeat;
	color				:	#0070C9;
	padding				:	5px 10px 0px 10px;
	font-weight			:	bold;
	text-align			:	left;
	text-transform		:	none;
	z-index				: 	3;
	border-radius		:	7px;
  	border: 1px solid #0077CC;
	margin-right		:	25px;
	line-height			:	1.7;
}

#footer a:link, #footer a:active, #footer a {
	color	:	#fff;
}

#footer a:hover {
	color	: #000000;
}

.errormsg {
	border :  1px solid #636363;
	padding  : 	6px 5px 6px 35px;
	background-color : 	#c00000;
	color :	white;
	font-weight	 : 	bold;	
	text-align	: center;
	background-repeat :	no-repeat;	
	margin : 20px 10px 10px 10px;
}

/*  Dashboards */

.dashselect {
	font-family		: 	Helvetica, sans-serif;
	font-weight		:	bold;
	height			:	30px;
	margin			: 0px 2px 2px 5px;
}

#dashboards {
	font-family		: 	Helvetica, sans-serif;
	font-size		:	14;
	height			:	25px;
	width			:	280px;
	letter-spacing	: 1px;
	margin-left		:	5px;
}

.dashboardhdr {	
	font			: 	bold 14px Helvetica;
	color			: 	#ffffff;
	display			: 	block;
	background-color: 	#5cb0f0;
	padding			: 	5px 5px 8px 10px;
	text-decoration	: 	none;
	letter-spacing	: 	1px;
	width			: 	99%;
	text-transform	:	uppercase;
}

.dashboardRpthdr {	
	font			: 	bold 14px Helvetica;
	color			: 	#ffffff;
	display			: 	block;
	background-color: 	#5cb0f0;
	padding			: 	10px 5px 8px 10px;
	text-decoration	: 	none;
	letter-spacing	: 	1px;
	width			: 	99%;
	text-transform	:	uppercase;
}

.slidebody {
	width			:	100%;
	padding-top		:	10px;
	padding-bottom	:	10px;
}

.function {
	float			: 	left; 
	min-width		:   250px; 
	height			:	100px;
	text-decoration	: 	none;
	display			:	inline;
}

.function a:link, .function a:visited, .function a:active {
	display		:	inline;
}
.function a:hover{
	color 		:	#a62027;
	display		:	inline;
}

.functiontext, .functiontext a:link, .functiontext a:visited, .functiontext a:active {
	float			:	left;
	display			:	inline;
	width			:	100px;
	padding-top		:	5px;
	padding-bottom	:	10px;
	text-align		:	left;
	text-decoration	: 	none;
	cursor			: 	pointer;
	color 			:	#000000;
	height			:  	100px; 
}

.functiontext a:hover {
	color 			:	#a62027;
}

.functionicon {
	float		:	left;
	display		:	inline;
	padding		:	5px 10px;
	height		:	100px;
}

.functionicon img {
               width: 40px;
               height: 40px;
}

#functionsHead img {
               width: 22px;
               height: 22px;
}

.dashboardhdr img {
               width: 22px;
               height: 22px;
}

#reportsHead img {
               width: 24px;
               height: 24px;
}

img[alt="help icon"] {
               width: 16px;
               height: 16px;
}

img[alt="date icon"] {
               width: 16px;
               height: 16px;
}

.reportgroup {
	color		:	 #B61219bf; 
	font-size	: 	12pt; 
	font-weight	: 	bold; 
	font-style	: 	italic;
	margin-bottom: 	12px;
}

.reportsubgroup {
	color		:  #0070C9; 
	font-size	: 	11pt; 
	font-weight	: 	bold; 
}

.reportlist	{
	padding		: 	0;	
}

ul.reportlist {
	list-style-type	: 	none;
	margin			: 	10px;
	padding			: 	0px;
}

ul.reportlist li a	{
	margin-right	: 	5px;
	padding			: 	0 0 0 10px;
	color 			:	#636363;
	background 		:  	url(../images/bullet.gif);
	background-repeat: no-repeat;
	text-decoration	: none;
	line-height		:	24px;
}

ul.reportlist li a:hover	{
	margin-right	: 	0px;
	padding			: 	0;	
	color 			:	#a62027;
	background		:  	url(../images/bullet-ovr.gif);
	background-repeat: 	no-repeat;
	padding			: 	0 0 0 15px;
	text-decoration	:	none;
	line-height		:	24px;
}

.searchbtn {
  background-color	: 	#FFFFFF;
  border-radius		:	5px;
  border-color		:	 #0070C9;
  color				:	 #0070C9;
  cursor			:	pointer;
  font-family		: 	Helvetica;
  font-size			: 	11pt;
  font-weight		: 	bold;
  min-width			: 	100px;
  min-height		: 	22px;
  overflow			: 	visible;
  padding			: 	4px 15px;
  text-align		: 	center;
  vertical-align	: 	baseline;
  user-select		: 	none;
  -webkit-user-select: none;
  touch-action		: 	manipulation;
  white-space		: 	nowrap;
  text-transform	:	uppercase;
}
 
.smallactionbtn {
  background-color	: 	#5cb0f0;
  border-radius		:	5px;
  border-color		:	 #5cb0f0;
  color				:	 #ffffff;
  cursor			:	pointer;
  font-weight		: 	bold;
  overflow			: 	visible;
  padding			: 	4px;
  text-align		: 	center;
  vertical-align	: 	baseline;
  user-select		: 	none;
  -webkit-user-select: none;
  touch-action		: 	manipulation;
  white-space		: 	nowrap;
  text-transform	:	uppercase;
  padding			:	2px 3px;
}
/* General pages */

.bodyRF {
	color				:	#000000;
	font-family			: 	Verdana, sans-serif;
   	font-size			: 	11pt;
   	font-weight			:	normal;
	min-width			:	1225px;
	background-color	:   var(--main-bg-color);
	border				: 	0px;
	margin				: 	0px 15px 0px 25px;
}

img { border: none; }
ul { list-style: none; padding: 0; }

a:link, a:visited, a:active, a{
	color	: 	#a62027;
}

a:hover{
	color	: 	#636363;
}

.outlineblue {
	padding	:	5px;
	border	:	2px solid #1071bc;
}

.pageheading {
   	font-size		:	13pt;	
   	font-weight  	:	bold;
	margin-bottom	:	10px;
	margin-left		:	5px;
	margin-top		: 	10px;
	color			:	#0070C9;
	text-transform	:	uppercase;
}

.gryboldtext {
	font-weight	: bold;
	color : #636363;
	padding-right: 10px;
}

.gryboldtextleft {
	font-weight	: bold;
	color : #636363;
	padding-left: 25px;
}

.redboldlgtext {
	color:	#c00000;
	font-weight: bold;
	font-size: 12pt;
}

.bgltblue  {
	background-color: #e8f4fd;	
	border: 1px solid #b9ddf8;
	padding: 5px;
}

.bgheadblue {
	background-color: #5cb0f0; 
	color: #ffffff; 
	font-size: 12pt;
	font-weight: bold; 
	padding: 3px 3px 3px 3px;
	margin-bottom: 3px;	
}

.bgheaddkblue {
	background-color: #0070C9; 
	text-align		:  center;
	color: #ffffff; 
	font-weight: bold; 
	padding: 5px;
	margin-bottom: 3px;	
	height			: 	25px;
}

.rptlgboldhdr {
	float		:	left;
	display		:	inline;
	padding		:	8px 0px;
	font-weight	:	bold;
	font-size	:	13pt;	
	text-align	:	left;
	color : #636363;
}

.bgheadwhite {
	background-color:  #ffffff;
	padding			:	5px;
	color			: 	#000000;
	font-weight		:	bold;
}

.smblock {
	font-size	: 12pt;		
	cursor: pointer; 
	height: 20px;
	clear:both;
}

.smblockicon {
	float		:	left;
	margin-right:	5px;
	display		:	inline;
}

.textlgbold {
	float		:	left;
	display		:	inline;
	padding-top	:	8px;
	font-weight	:	bold;
	font-size	:	13pt;	
	text-align	:	left;
	color : #636363;
}

.whitebghead {
	background-color:  #ffffff;
	text-align		:  center;
	padding			:	5px;
	color			: 	#000000;
	font-size		:	11pt;
	font-weight		:	bold;
	border			:	1px solid #636363;
}

.maininfotbl {
	background-color:  	#dfdcdc;
	font-weight		:	bold;
	color			: 	#000000;
	border			:	1px solid #c00000;	
}

.maininfotblwhite {
	background-color:  	#ffffff;
	font-weight		:	bold;
	color			: 	#000000;
	border			:	2px solid #0070C9;	
}

/*Alternating table and display table styles*/
.displaytbl {
	margin-top: 3px;
}

.displaytbl tbody tr td {
	padding		: 	5px;
}
	
.displaytbl thead th {
	background-color: #5cb0f0; 
	border-color: #ffffff;
	border-width:	thin;
	color: #ffffff; 
	font-weight: bold; 
	padding: 3px 8px 3px 8px;
}
	
.displaytbl tbody td {
	color				: 	#000000;
	border-left			: 	1px solid #e8f4fd;	
	border-right		: 	1px solid #e8f4fd;	
	padding		: 	0px 5px 0px 25px;
}

.displaytblnohead {
	border	: 	1px solid #e8f4fd;
	margin-top: 3px;
}

.displaytblnohead tbody tr td {
	padding		: 	5px;
}

.alternatebg {
	background-color: #e8f4fd;	
}

.resetPwTbl td {
	width: 50%;
}

.inputtable	{
	margin-top	: 10px;
	font-weight	:	bold;
}

.inputtable	th tr {
	margin-top	: 	2px;
	height		:	30px;
}

.inputtable tbody td {
	margin-right	: 	20px;
}

.searchtbl	{
	background-color: 	#0070C9; 
	color			: 	white;
	margin-bottom	: 	10px;
	font-weight		: 	bold;
	padding			: 	10px 5px;
	margin-top		: 	10px;
	width			:	100%;
}

.subsearchtbl	{
	background-color: 	#007bdd; 
	color			: 	white;
	margin-bottom	: 	10px;
	font-weight		: 	normal;
	padding			: 	10px 5px;
	margin-top		: 	10px;
	width			:	95%;
	margin			:  	auto;
}

.reportparamtbl {
    background-color:   #0070C9; 
    color           :   white;
    margin-bottom   :   10px;
    margin-top      :   10px;
    font-weight     :   bold;
    padding         :   5px;
    width           :   100%;
}
.reportparamtbl td {
	padding: 5px;
}

.adhocsearchtbl	{
	background-color: 	#0070C9; 
	color			: 	white;
	margin-bottom	: 	10px;
	font-weight		: 	bold;
	padding			: 	5px 5px;
	margin-top		: 	5px;
	width			:	100%;
}

.searchtbl tbody td {
    padding			:   0px 10px;
}

.resulttbl {
	margin-top       : 3px;
    margin-bottom    : 10px;
	position         : relative;
    background-color : white;
    font-weight      : normal;
    overflow         : auto;
}

.resulttbl tbody tr td {
	padding		: 	5px;
}
	
.resulttbl thead th {
	background-color	: 	#5cb0f0; 
	border-color		: 	#ffffff;
	border-width		:	thin;
	color				: 	#ffffff; 
	font-weight			: 	bold; 
	padding				:	3px 8px 3px 8px;
	position			: 	sticky;
	top					:	0;
}
	
.resulttbl tbody td {
	color				: 	#000000;
	border-left			: 	1px solid #e8f4fd;	
	border-right		: 	1px solid #e8f4fd;	
	padding				: 	0px 5px 0px 25px;
}

.stickyColumn {
	white-space      : nowrap;
	padding-right    : 10px;
	position         : sticky;
	left             : 0;
	background-color : inherit;
	/*border-right     : 1px solid black;*/
}

.shippingReportTable {
	border-collapse: collapse;
	border-spacing: 0;
}
.shippingReportTable td {
    padding: 2px 8px;
}

.inputfield  {
    margin-left     :   5px;
    margin-right    :   5px;
    padding         :   3px 5px;
    font-size       :   11pt;
}

.exsminputfield  {
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	40px;
	padding			:	3px 5px;
	font-size		:	11pt;
}

.smlrinputfield  {
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	50px;
	padding			:	3px 5px;
	font-size		:	11pt;
}

.sminputfield  {
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	100px;
	padding			:	3px 5px;
	font-size		:	11pt;
}

.medinputfield  {
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	150px;
	padding			:	3px 5px;
	font-size		:	11pt;
}

.lginputfield  {
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	225px;
	padding			:	3px 5px;
	font-size		:	11pt;
}

.lginputtxtfield  {
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	211px;
	padding			:	3px 5px;
	font-size		:	11pt;
}

.exlginputfield  {	
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	325px;
	padding			:	3px 5px;
	font-size		:	11pt;
}

.exlginputtxtfield  {	
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	311px;
	padding			:	3px 5px;
	font-size		:	11pt;
}

.exxlginputfield  {	
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	400px;
	padding			:	3px 5px;
	font-size		:	11pt;
}
.exxxlginputfield  {	
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	450px;
	padding			:	3px 5px;
	font-size		:	11pt;
}
.cheminputfield  {	
	margin-left		:	5px;
	margin-right	:	5px;
	width			:	500px;
	padding			:	3px 5px;
	font-size		:	11pt;
}

.adsminputfield  {
	margin-left		:	0px;
	margin-right	:	5px;
	width			:	90px;
	padding			:	3px 5px;
	font-size		:	11pt;
}

.textarea {
	font-family		: 	Verdana, sans-serif;
   	font-size		: 	11pt;
   	margin-left		:	5px;
	margin-right	:	5px;
	padding			:	3px 5px;
}

.text_center {
	text-align: center;
}

.adhocheading	{
	font				: 	12pt Helvetica;
	color				:	#ffffff;
	font-weight			: 	bold;
	margin				:	0px;
	padding				: 	3px;
}

.adhocsminput {
	margin-right	:	5px;
	width			:	80px;
	padding			:	3px 2px;
	font-size		:	11pt;
}

.adhocxsminput {
	margin-right	:	5px;
	width			:	40px;
	padding			:	3px 2px;
	font-size		:	11pt;
}

.optionheading {
	width		:	308px;
	font-family		: 	Helvetica, sans-serif;
   	font-size		: 	13pt;
	color			: 	#0070C9;
	font-weight		:	bold;
	margin-top			:  5px;
	
}

/* Tooltip Styles: for 'report_builder.jsp' */
div#tipDiv {
    color           :  #000; 
    font-size       :  11px; 
    line-height     :  1.2;
    background-color:  #fff;
    border          :  2px solid #000;
    padding         :  4px;
    cursor          :  pointer;
}
div#tipDiv .stickyBar {
    background-color: #0070C9; 
}
div#tipDiv .stickyTitle {
    padding   :  0 0 2px 4px;
    color     :  #fff;
    font-size :  14px;
}
div#tipDiv div.stickyContent {
    padding: 4px;
}
div#tipDiv td {
	font-size: 14px;
}
div#tipDiv div.img {
	text-align: center;
}
.tooltipTrigger {
    border: 2px solid #0070C9;
    color: blue; 
    cursor: pointer; 
    padding: 0 5px; 
}
.tooltipOk {
    cursor: pointer;
}

/* Other Styles for 'report_builder.jsp' */
.report-builder-box {
    border   : 2px solid #0070C9;
    font-size: 14px;
    padding  : 10px 20px;
}
.waitHolder {
    height: 66px;
    margin: 25px 0;
}
.selected {
    padding         : 0px 5px;
    background-color: #5cb0f0;
    color           : white;
}
.explicitDate {
    width: 75px;
}
.sentenceField {
    font-size       : 14px;
    min-height      : 175px;
    overflow        : auto;
    padding         : 5px 5px;
    background-color: #e8f4fd;
}

/* Report Builder Menu Lists */
span.rbMenuHeader {
    font-size    : 14px;
    font-weight  : bold;
    color        : #0070C9;
    padding-left : 0px;
}
ul.report-builder {
    margin-left : 0px;
    margin-top  : 0px;
    padding     : 0;
}
li.menu-item {
    padding-left: 2em;
}

/* Styles for upload button/control */
.container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
  input[type="file"] {
    position: absolute;
    z-index: -1;
    top: 15px;
    left: 20px;
    font-size: 17px;
    color: #b8b8b8;
  }
  .button-wrap {
    position: relative;
  }
  .button {
    display: inline-block;
    background-color: #007bdd;
    border-radius: 5px;
    border-color:	#007bdd;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    padding: 2px 3px;
    width: 130px;    
    cursor: pointer;
  }
 
 /* Floating action button */ 
.fab-container {
	position:fixed;
	bottom:150px;
	right:200px;
	cursor:pointer;
}