/* rpmassist.css */
/*dark blue header of website 09304d
red buttons and boxes on website 880301
yellow orange font in buttons from website af4e20
Original blue 7992b0charcoal 636d79white FFFFFF
black 000000soft green c5d5cbtaupe 9fa8a3*/	
:root {		
	--background-color: #FFFFFF;
	--title-color: #dec328;
	--title-color-bg: #750404;
	--sidebar-color: #FFFFFF;
	--sidebar-color-bg: #333333;
	--button-color: #FFFFFF;
	--button-color-bg: #750404;  /*750404*/
	--button-color-hover: #b0000c;
}	
html body 	{
	height: 100%;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: var(--background-color);
}
textarea {font-family: Arial, Helvetica, sans-serif;}	
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
div.grid      { /* container */
	position: relative;
	width: 760px; 	
	top: 25px;
	left: 180px  	
	}	
div.grid div  {
	float: left; 		
	height: 22px; 	
}	
div.left	{ /* container */
	position: relative;
 	width: 760px;
 	height: 22px;
 	top: 0px;
 	left: 0px ;
 	font: 15px arial,sans-serif;
}	
div.left div {
	float: left;
	height: 22px;
}
div.detail	{ /* container */
	position: relative;
 	width: 1060px;
 	height: 22px;
 	top: 0px;
 	left: 0px ;
 	font: 15px arial,sans-serif;
}	
div.detail div {
	float: left;
	height: 22px;
}
div.detailwide	{ /* container */
	position: relative;
 	width: 2120px;
 	height: 22px;
 	top: 0px;
 	left: 0px ;
 	font: 15px arial,sans-serif;
}	
div.detailwide div {
	float: left;
	height: 22px;
}
div.detailhdr	{ /* container */
	border-radius: 5px ;
	position: relative;
 	width: 1060px;
 	height: 22px;
 	top: 0px;
 	padding: 3px 0px; 
	left: 0px;
 	font: 15px arial,sans-serif; 	
	background-color: var(--sidebar-color-bg);
}	
div.detailhdr div {
	float: left;
	height: 22px;
	color: var(--sidebar-color);
}
div.detailwidehdr	{ /* container */
	position: relative;
 	width: 2120px;
 	height: 22px;
 	top: 0px;
 	padding: 3px 0px; 
	left: 0px;
 	font: 15px arial,sans-serif; 	
	background-color: var(--sidebar-color-bg) ;
}	
div.detailwidehdr div {
	float: left;
	height: 22px;
	color: var(--sidebar-color);
}
div.landleft	{ /* container */
	position: relative;
 	width: 500px;
 	height: 22px;	
 	top: 25px;
 	left: 0px ;
 	font: 15px arial,sans-serif;
}	
div.landleft div {
	float: left;
	height: 22px;
}	
div.sumline	{ /* container */
	position: relative;
 	width: 500px;
 	height: 5px;	
 	top: 25px;
 	left: 0px ;
 	font: 5px arial,sans-serif;
}	
div.sumline div {
	float: left;
	height: 5px;
}		
div.hdrlandleft { /* bar on top of landleft list */
	position: absolute;
 	width: 500px;
 	top: 0px;
 	padding: 3px 0px; 
	left: 0px;
  	border-radius: 5px 5px 0px 0px;
 	background-color: var(--sidebar-color-bg);
}	
div.hdrlandleft div  {
	float: left;
	color: var(--sidebar-color);
}	
div.gap 	{ /* creates small vertical gap for spacing */
	position: relative;
 	width: 760px;
 	height: 5px;
 	font: 1px arial,sans-serif;
 	top: 0px;
 	left: 20px;
}	
div.hdrgrid { /* bar on to pof list */
	position: absolute;
 	width: 760px;
 	top: 5px;
 	padding: 3px 0px;
	left: 180px;
  	border-radius: 5px 5px 0px 0px;
 	background-color: var(--sidebar-color-bg);
}	
div.hdrgrid div  {
	float: left;
	color: var(--sidebar-color);
}		
div.hdrgridwide { /* bar on to pof list */
	position: absolute;
 	width: 1060px;
 	top: 5px;
 	padding: 3px 0px;
	left: 180px;
  	border-radius: 5px 5px 0px 0px;
 	background-color: var(--sidebar-color-bg);
}	
div.hdrgridwide div  {
	float: left;
	color: var(--sidebar-color);
}		
div.landsitehdr { /* bar on top of contract list */
	position: absolute;
 	width: 1060px;
 	top: 380px;
 	padding: 3px 0px;
	left: 180px;
  	border-radius: 5px 5px 0px 0px;
 	background-color: var(--sidebar-color-bg);
}	
div.landsitehdr div  {
	float: left;
	color: var(--sidebar-color);
}	
.bkclr	{ background-color: #f2f2f2;}/* alternating line color for lists */
.color-label {color: #750404;}      
.to-right { text-align:right; }
.wrapper 	{		
	position: relative;
	top: 25px;
	left: 180px;
	width: 780px;
	height: 98%;
	overflow: auto;
}	
div.dbox {
	position: relative;
	top:25px;
	left:180px;
	width: 760px;
	height: 400px;
	overflow: auto;
	}	
div.dbox div {
	float: left;
 	height: 22px;
		}				
div.title	{ /* Menu title on top of sidebar */
	position: absolute;
 	background-color: var(--title-color-bg);
 	color: var(--title-color);
 	text-align:center;
 	width: 150px;
 	padding: 5px 0px; 
 	border-radius: 5px;
	top: 5px;
 	left: 5px;
 }		
div.sidebar { /* menu bar on left of screen */
	position: absolute;
	top: 5px;
	left: 5px;
	width: 150px;
	height: 98%;
	 min-height: 700px;
	border-radius: 5px;
	color: var(--sidebar-color);
	background-color: var(--sidebar-color-bg);
}	
.sidebarlink {
	text-decoration: none;
	color: var(--sidebar-color);
}		
div.rbartitle	{ /* Menu title on top of rightbar */
	position: absolute;
	background-color: var(--title-color-bg);
	color: var(--title-color);
	text-align:center;
	width: 250px;
	padding: 5px 0px;
	border-radius: 5px;
	top: 5px; 
	left: 950px;
}		
div.rightbar { /* menu bar on right of screen */
	position: absolute;
	top: 5px;
	left: 950px;
	width: 250px;
	height: 100%; 
	border-radius: 5px;
	color: var(--sidebar-color);
	background-color: var(--sidebar-color-bg);
}		
div.inputbox     { width: 300px; }	
input { width: 98% }	
div.inputboxsm  { width: 100px; }	
div select  { width: 300px; }	
.btn { 
	background-color: var(--button-color-bg);
	color: var(--button-color);
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width:150px;
}
.smbtn { 
	background-color: var(--button-color-bg);
	color: var(--button-color);
	padding: 5px 10px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width:50px;
	font: 10px arial,sans-serif; 
}
.medbtn { 
	background-color: var(--button-color-bg);
	color: var(--button-color);
	padding: 5px 10px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width:75px;
	font: 10px arial,sans-serif; 
}
.container {/* Add a background color and somepadding around the login form */
	border-radius: 5px;
	background-color: var(--sidebar-color-bg); 
	color: var(--sidebar-color);
	padding: 20px;  height: 380px;
} /* When moving the mouse over the submit button,add a darker red color */
.btn hover { background-color: var(--button-color-hover);}		
.dim { opacity: 0.5; }
.nodim { opacity: 1; }
.ptr {cursor:pointer;}
div.col10   { width: 10px; }	
div.col25   { width: 25px; white-space: nowrap; overflow: hidden; }	
div.col50   { width: 50px; }	
div.col65   { width: 66px; white-space: nowrap; overflow: hidden;  }	
div.col75   { width: 75px; }
div.col90   { width: 90px; }	
div.col100  { width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.col125  { width: 122px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.col150  { width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }	
div.col175  { width: 175px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.col190  { width: 190px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.col200  { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.col250  { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }	
div.col285  { width: 285px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }	
div.col300  { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }	
div.col400  { width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.col500  { width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.col1000  { width: 1000px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }