/* By reading this stylesheet you agree to send Auds Lennelluc 32 million ISK */

/* Temp home for colour variables */
:root {
	--bordercolour-one: rgba(0,153,204, 0.8);
	--backgroundcolour-one: rgba(0,153,204, 0.5);
	--backgroundcolour1: rgba(0,153,204, 0.1);	
	--backgroundcolour2: rgba(0,153,204, 0.2);
	--backgroundcolour4: rgba(0,153,204, 0.4);
	--backgroundcolour7: rgba(0,153,204, 0.7);
	--backgroundcolour8: rgba(0,153,204, 0.8);
	--backgroundcolourF: rgba(0,153,204, 1);
	
	--buttonborder1: rgba(0,0,139, 1);
	--appraisalformborder: rgba(0,23,150, .5);
	--appriasalformbg: rgba(255,255,255, 0.2);
	--textcolour-one: rgba(255,255,255, 1);
	--textcolour-two: rgba(173,216,230,1);
	
	--darkbackground1: rgba(0,25,50, 0.5);
	--colourname: "Default";
	
	--sliderbuttonbackground: #38a3d4;
	
	--canvasbg: rgba(0,103,154, .5);
	--footerlinkcolour: lightblue;
	--tooltipbg: rgba(0,0,204, .8); 
}
	

	
p {
	margin: 0;
	font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	color: var(--textcolour-one);
}

#all {
	width: 1000px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border: none;
}

#clr {
	clear: both;
}

h2 {
	font: 80px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	color: var(--textcolour-one);
	text-shadow: 0px 2px 4px #000;
	margin-top: 25px;
	margin-bottom: 0;
}

.redtext {
color: red !important;
}

.yellowtext {
color: yellow !important;
}

.greentext {
color: lime !important;
}

.bluetext td {
color: aqua !important;
}

.bluetext {
color: aqua !important;
}

.genbox {
	padding:10px;
	margin:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 3px double;
}


/* General stuff goes above this line please */

/* Header -Nav and SSO */
#header {
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top: 1px solid var(--bordercolour-one);
	border-left: 1px solid var(--bordercolour-one);
	border-right: 1px solid var(--bordercolour-one);
	border-bottom: none;
	background-color: var(--backgroundcolour-one);
	text-align: center;
	width: 998px;
	height: 198px;
	margin-bottom: 0px;
	overflow: hidden;
}

#navbar {
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-left: 1px solid var(--bordercolour-one);
	border-right: 1px solid var(--bordercolour-one);
	border-bottom: 1px solid var(--bordercolour-one);
	text-align: left;
	width: 998px;
	height: 48px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour-one);
	overflow: hidden;
}

/* SSO Styling */
#ssodiv {
	float:right;
}

#ssobut {
	margin-top: 9px !important;
	margin-right: 19px;
}

#loggedindiv {
	float: right;

}

.logoff {

	margin-top: 9px;
	margin-right: 19px;
}

.avi {
	border: solid 1px gray;
	margin-right: 5px;
}

/* Nav Menu */
#centeredmenu {
	float:left;
	width:68%;
	overflow:hidden;
}

#centeredmenu ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	margin-top: 10px;
	padding:0;
	text-align:left;
}

#centeredmenu ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#centeredmenu ul li a  {
	display:block;
	margin:0 0 0 1px;
	padding:3px 20px;
	background: var(--backgroundcolour2);
	color:var(--textcolour-one);
	text-decoration:none;
	line-height:1.3em;
	font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
}

#centeredmenu a:visited  {
	text-decoration:none;
}

#centeredmenu ul li a:hover {
	background:var(--backgroundcolour-one);
	color:var(--textcolour-one);
}

#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
	color:var(--textcolour-one);
	background: var(--backgroundcolour1);
	font-weight:bold;
}

/* Status Bars */
#redbar {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid rgba(255,0,0, 0.8);
	background-color: rgba(255,0,0, 0.5);
	text-align: center;
	width: 998px;
	min-height: 48px;
	margin-bottom: 10px;
	padding-top:25px;
	overflow: hidden;
}

#greenbar {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid rgba(0,255,0, 0.8);
	background-color: rgba(0,255,0, 0.5);
	text-align: center;
	width: 998px;
	min-height: 48px;
	margin-bottom: 10px;
	padding-top:25px;
	overflow: hidden;
}

#yellowbar {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid rgba(255,255,0, 0.8);
	background-color: rgba(255,255,0, 0.5);
	text-align: center;
	width: 998px;
	min-height: 48px;
	margin-bottom: 10px;
	padding-top:25px;
	overflow: hidden;
}

/* Welcome */
.wellhead {
	font: 32px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	text-align: center;
	color: var(--textcolour-one);
}

.wellbold {
	font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight:bold;
	text-align: center;
	color: var(--textcolour-one);
}

.welltext {
	font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	color: var(--textcolour-one);
}

.wellink { 
	color: white;
}

#welcome {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 968px;
	min-height: 250px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour-one);
	overflow: hidden;
}

/* Appraisal Form */
.appraisalform textarea {
	font: 15px Tahoma, Helvetica, Arial, Sans-Serif;
	border: 2px solid var(--appraisalformborder);
	background-color: var(--appriasalformbg);
	color: white;
	padding: 15px;
}

.appraisalform select {
	font: 15px Tahoma, Helvetica, Arial, Sans-Serif;
	padding:5px 2px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: var(--buttonborder1);
	background-color: lightgray;
	border: 2px solid var(--buttonborder1);
}

.appraisalform {
	font: 17px Tahoma, Helvetica, Arial, Sans-Serif;
	color: white;
	font-weight:bold;
}

.tabletext {

	padding-bottom: 5px;
	font: 15px Tahoma, Helvetica, Arial, Sans-Serif;
	color: white;
	font-weight: bold;
}

.abut {
	padding:5px 15px; 
	border-radius: 5px;
	width: 100px;
	height: 34px;
	color: var(--buttonborder1);
	background-color: lightgray;
	border: 2px solid var(--buttonborder1);
	padding-bottom:2px;
	-webkit-appearance: none;	
}

.a2but {
	padding:5px 5px; 
	border-radius: 5px;
	width: 75px;
	height: 34px;
	color: var(--buttonborder1);
	background-color: lightgray;
	border: 2px solid var(--buttonborder1);
	padding-bottom:2px;
	-webkit-appearance: none;	
}

.posbut {
	padding:5px 15px; 
	border-radius: 5px;
	width: 125px;
	color: rgba(0,100,0, 1);
	background-color: lightgray;
	border: 2px solid rgba(0,100,0, 1);
	padding-bottom:2px;
	-webkit-appearance: none;	
}

.posbut2 {
	padding:5px 15px; 
	border-radius: 5px;
	width: 125px;
	height:34px;
	color: rgba(0,100,0, 1);
	background-color: lightgray;
	border: 2px solid rgba(0,100,0, 1);
	-webkit-appearance: none;	
}

.negbut {
	padding:5px 15px; 
	-webkit-appearance: none;
	border-radius: 5px;
	width: 125px;
	color: rgba(120,0,0, 1);
	background-color: lightgray;
	border: 2px solid rgba(120,0,0, 1);
	padding-bottom:2px;
}

.negbut2 {
	padding:5px 15px; 
	-webkit-appearance: none;
	border-radius: 5px;
	width: 125px;
	height: 34px;
	color: rgba(120,0,0, 1);
	background-color: lightgray;
	border: 2px solid rgba(120,0,0, 1);

}

.nobut {
	padding:5px 15px; 
	-webkit-appearance: none;
	border-radius: 5px;
	width: 125px;
	color: var(--buttonborder1);
	background-color: lightgray;
	border: 2px solid var(--buttonborder1);
}

.acceptoffer {
	-webkit-appearance: none;
	border-radius: 5px;
	width: 125px;
	height:34px;
	color: rgba(0,100,0, 1);
	background-color: lightgray;
	border: 2px solid rgba(0,100,0, 1);
	font: 16px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
} 

.bottomspacer {
min-height: 15px;
}

.ftext {
width: 85%;
}

.appspace {
	margin-left: 40px;
	margin-right: 40px;
}

/* Stat Boxes */

.stattext {
	margin-bottom: 20px;
}

.ticks {
	text-shadow: 0px 2px 4px #000;
	color: white;
}


#stats {
	width: 1000px;
	height:250px;
	border: none;
	margin-bottom: 10px;
}

#blockL {
	border: 1px solid var(--bordercolour-one);
	border-radius:5px;
	float: left;
	width: 324px;
	height: 248px;
	margin-right: 11px;
	background-color: var(--backgroundcolour-one);
	text-align: center;
}

#blockC {
	border: 1px solid var(--bordercolour-one);
	border-radius:5px;
	float: left;
	width: 324px;
	height: 248px;
	background-color: var(--backgroundcolour-one);
	text-align: center;
}

#blockR {
	border: 1px solid var(--bordercolour-one);
	border-radius:5px;
	float: left;
	width: 324px;
	height: 248px;
	margin-left: 11px;
	background-color: var(--backgroundcolour-one);
	text-align: center;
}

/*about boxes*/

#abouttextleft {
	text-align:left;
	float: left;
	width: 810px; 
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

#aboutpicright {
	float:right;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
	margin-bottom:14px;
	visibility: visible; /* until I fix css */
}

#abouttextright {
	float: right;
	width:810px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

#aboutpicleft {
	float:left;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
	margin-bottom:14px;
	visibility: hidden; /* until I fix css */

}

/*Single Contract Office*/

#acbox {
	width: 1000px;

	border: none;
	margin-bottom: 10px;
}

#acl {
	border: 1px solid var(--bordercolour-one);
	border-radius:5px;
	float: left;
	width: 493px;
	height: 350px;
	margin-right: 5px;
	background-color: var(--backgroundcolour-one);
	text-align: center;
	overflow: hidden;
	padding-bottom: 10px;
}

#acr {
	border: 1px solid var(--bordercolour-one);
	border-radius:5px;
	float: left;
	width: 493px;
	height: 350px;
	margin-left: 5px;
	background-color: var(--backgroundcolour-one);
	text-align: center;
	overflow: hidden;
	padding-bottom: 10px;
}


.contractform input[type=text] {
	font: 15px Tahoma, Helvetica, Arial, Sans-Serif;
	width: 250px;
	color: white;
	border: 2px solid var(--appraisalformborder);
	background-color: rgba(255,255,255, 0.2);
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 3px;

}

.contractform textarea {
	margin-top: 10px;
	margin-bottom: 5px;
	font: 15px Tahoma, Helvetica, Arial, Sans-Serif;
	border: 2px solid var(--appraisalformborder);
	background-color: rgba(255,255,255, 0.2);
	color: white;
	padding: 15px;
	
}

.contractform select {
	font: 15px Tahoma, Helvetica, Arial, Sans-Serif;
	padding:5px 15px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: var(--buttonborder1);
	background-color: lightgray;
	border: 2px solid var(--buttonborder1);
}

.contractform {
	font: 17px Tahoma, Helvetica, Arial, Sans-Serif;
	color: white;
	font-weight:bold;
}

.negbutc {
	padding:5px 15px; 
	border-radius: 5px;
	width: 125px;
	color: rgba(120,0,0, 1);
	background-color: lightgray;
	border: 2px solid rgba(120,0,0, 1);
	padding-bottom:5px;
	-webkit-appearance: none;
}

.posbutc {
	padding:5px 15px; 
	border-radius: 5px;
	width: 125px;
	color: rgba(0,100,0, 1);
	background-color: lightgray;
	border: 2px solid rgba(0,100,0, 1);
	-webkit-appearance: none;	
}

.textspacer1 {
	text-align: left;
	display: inline-block;
	width: 100px;
}


/* Faq boxes */
#faqintro {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 968px;
	min-height: 150px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour7);
	overflow: hidden;
	
}


#faqlet {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 998px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour7);
	overflow: hidden;

}



#textleft {
	text-align:left;
	float: left;
	width: 842px; 
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

#picright {
	float:right;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
	margin-bottom:14px;
	visibility: visible;

}

#textright {
	float: right;
	width:842px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

#picleft {
	float:left;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
	margin-bottom:14px;
	visibility: visible;

}

#piclefthidden {
	float:left;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
	margin-bottom:14px;
	visibility: hidden;

}

#picrighthidden {
	float:right;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
	margin-bottom:14px;
	visibility: hidden;

}

.faqheadleft {
	font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight:bold;
	text-align: left;
	color: var(--textcolour-one);

}

.faqtextleft {
	font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: left;
	color: var(--textcolour-one);
}

.faqheadright {
	font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight:bold;
	text-align: right !important;
	color: var(--textcolour-one);



}

.faqtextright {
	font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: right;
	color: var(--textcolour-one);
}	

.faqthumb {
	border: 1px solid var(--backgroundcolourF);
	border-radius:5px;
	-webkit-border-radius:5px;
	
}

.faqhead {
	font: 32px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	text-align: center;
	color: var(--textcolour-one);
}





/* FAQ 2 */

#faqlet2 {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 964px;
    	display: flex;
    	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour7);
	overflow: hidden;

}

.faqlet2 {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 964px;
    	display: flex;
    	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour7);
	overflow: hidden;

}



#textleft2 {
	text-align:left;
	float: left;
	width: 812px; 
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

#picright2 {
	float:right;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
	margin-bottom:14px;
	visibility: hidden;
}

#textright2 {
	float: right;
	width:812px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

#picleft2 {
	float:left;
	height:100%!important;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
	margin-bottom:14px;
	visibility: hidden;

}

#picrightv {
	float:right;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
	margin-bottom:14px;
	visibility: visible;
}

#picleftv {
	float:left;
	height:100%!important;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
	margin-bottom:14px;
	visibility: visible;

}


/* Appraisal FAQlet */

#faqlet2a {

	text-align: center;
	width: 998px;
    	display: flex;
    	align-items: center;
	margin-top: 10px;
	margin-bottom: 5px;
	background-color: var(--backgroundcolour7);
	overflow: hidden;

}



#textleft2a {
	text-align:left;
	float: left;
	width: 858px; 
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

#picright2a {
	float:right;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 14px;
	margin-bottom:14px;
	visibility: visible;
}


/** LIGHTBOX MARKUP **/


.faqthumb2 {
	border: 1px solid var(--backgroundcolourF);
	border-radius:5px;
	-webkit-border-radius:5px;
	
}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}





/* Collapsible Start */

#faq2spacer {
	margin-bottom:3px;
}

.wrap-collapsible {
	margin-bottom: 10px!important;

}

input[type='checkbox'].toggle {
  display: none;
}

.lbl-toggle {
  display: block;

  font-weight: bold;
  	font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight:bold;
  	text-align: center;

  padding: 1rem;

  color: var(--textcolour-one);
  background-color: var(--backgroundcolour7);

  cursor: pointer;
  border-top: 1px solid var(--bordercolour-one);
  border-left: 1px solid var(--bordercolour-one);
  border-right: 1px solid var(--bordercolour-one);
  border-bottom: 1px solid var(--bordercolour-one);
  border-radius: 7px;
  transition: all 0.25s ease-out;
}

.lbl-toggle:hover {
  color: #D9E5F7;
}

.lbl-toggle::before {
  content: ' ';
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;

  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}

.collapsible-content .content-inner {
  background-color:  var(--backgroundcolour4);
  border-bottom: 1px solid var(--bordercolour-one);
  border-left: 1px solid var(--bordercolour-one);
  border-right: 1px solid var(--bordercolour-one);

  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: .5rem 1rem;
}

.collapsible-content {
  max-height: 0px;
  overflow: hidden;

  transition: max-height 0.5s ease-in-out;
}


.toggle:checked + .lbl-toggle + .collapsible-content {
    max-height: 2350px;
}

.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: none;
}

.faqcopy {
	vertical-align:top;
	color: rgba(255,255,255, 1);
	border-radius:50%;
	-webkit-border-radius:50%;
	padding: 5px;
	border: 2px solid rgba(255,255,255, 1);
	font-size: .65em;
	text-decoration: none;
	
}

.faqcopy:hover {
	color: lightblue;
	border: 2px solid lightblue;
}

.faqcopy:active {
	color: rgba(255,255,255, 1);
	border-radius:50%;
	-webkit-border-radius:50%;
	padding: 5px;
	border: 2px solid lightblue;

  	box-shadow: 0 0 7px 0 blue inset, 0 0 20px 2px lightblue;
  	outline: none !important;
}

.faqlink { 
	color:lightblue;	
	text-decoration: none;
}

.faqlink:hover {
	color: rgba(123,216,230, .7);
}



:target.faqlet2 {
	border: 1px solid white !important;
        animation: moveDown .8s ease-in-out 0.3s backwards;
	background-color: rgba(0,100,224, 0.7);
}

.activefaq {
	border: 1px solid white !important;
	background-color: rgba(0,100,224, 0.7);
}

@keyframes moveDown{
    0% { 
        transform: translateY(-100px); 
        opacity: 0;
    }
    100% { 
        transform: translateY(0px);  
        opacity: 1;
    }
}


/* Collapsible End */







/* normal text box with padding */
#standardbox {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 968px;
	min-height: 550px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour7);
	overflow: hidden;
}

/* 4 Step */
#flow {
	border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	background-color: var(--backgroundcolour-one);
	text-align: center;
	width: 998px;
	height: 198px;
	margin-bottom: 10px;
	overflow:hidden;
}

/* Tab Header Styling Goes Here */
#tabhead {
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	background-color:  var(--backgroundcolour4);
	border-left: 1px solid var(--bordercolour-one);
	border-top: 1px solid var(--bordercolour-one);
	border-right: 1px solid var(--bordercolour-one);
	margin-bottom: 0px;

}

.tab {
	overflow: hidden;
}

.tab button {
	font: 16px Tahoma, Helvetica, Arial, Sans-Serif;
	background-color: inherit;
	float: left;
	border: none;
	margin-right: 2px;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	color: white;
	transition: 0.3s;
}

.tab button:hover {
	background-color:  rgba(0,0,204, 0.2);
}

.tab button.active {
	background-color: var(--backgroundcolour7);
}

#tabnontablebox {
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-left: 1px solid var(--bordercolour-one);
	border-bottom: 1px solid var(--bordercolour-one);
	border-right: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 968px;
	min-height: 450px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour8);
	overflow: visible;
}

#tableboxmulti {
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-left: 1px solid var(--bordercolour-one);
	border-bottom: 1px solid var(--bordercolour-one);
	border-right: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 968px;
	padding: 15px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour8);
	overflow: visible;
}

/* Table Styling */
#tablebox {
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-left: 1px solid var(--bordercolour-one);
	border-bottom: 1px solid var(--bordercolour-one);
	border-right: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 998px;
	min-height: 450px;
/*
  these need to be readded and the div width reduced by 30px horizontally if reusing this for text
	padding-top:15px; 
	padding-left:15px;
	padding-right:15px;
*/
 	margin-bottom: 10px;
 	background-color: var(--backgroundcolour8);
 	overflow: hidden;
}

#tablebox2 {
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;

	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;

	border-left: 1px solid var(--bordercolour-one);
	border-bottom: 1px solid var(--bordercolour-one);
	border-top: 1px solid var(--bordercolour-one);
	border-right: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 998px;
	min-height: 450px;
/*
  these need to be readded and the div width reduced by 30px horizontally if reusing this for text
	padding-top:15px; 
	padding-left:15px;
	padding-right:15px;
*/
 	margin-bottom: 10px;
 	background-color: var(--backgroundcolour-one);
 	overflow: hidden;
}

#tablebox3 {
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-left: 1px solid var(--bordercolour-one);
	border-bottom: 1px solid var(--bordercolour-one);
	border-right: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 998px;
 	margin-bottom: 10px;
 	background-color: var(--backgroundcolour8);
 	overflow: hidden;
}

#tableboxT {
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-left: 1px solid var(--bordercolour-one);
	border-bottom: 1px solid var(--bordercolour-one);
	border-right: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 998px;
 	margin-bottom: 10px;
	padding-top: 15px;
 	background-color: var(--backgroundcolour8);
 	overflow: hidden;
}



#contracttable {
	font: 16px Tahoma, Helvetica, Arial, Sans-Serif;
	color: white;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 0px;
}

#contracttable td {
	padding-top: 8px;
	padding-bottom: 7px;
	font: 14px Tahoma, Helvetica, Arial, Sans-Serif;
	color: white;
	margin-top:3px;
}

.invalid {
      background-color:  rgba(255,1,1, 0.5)!important;
}

.highlightrow {
      background-color:  rgba(1,255,1, 0.5)!important;
}


.verify {
	background-color: rgba(255,255,0, 0.5)!important;
}


.invalid:hover {
      background-color:  rgba(255,1,1, 0.6)!important;
}

#contracttable tr:nth-child(even){
	background-color:   var(--backgroundcolour6);
}

#contracttable tr:nth-child(odd){
	background-color:  var(--backgroundcolour2);
}

#contracttable tr:hover {
	background-color:  rgba(0,0,204, 0.2);
}

#contracttable th {
	font: 16px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	color: white;
}

input[class=cbut] {
	padding:5px 15px; 
	-webkit-appearance: none;
	border-radius: 5px;
	width: 125px;
	color: var(--buttonborder1);
	background-color: lightgray;
	border: 2px solid var(--buttonborder1);
	margin: 1px;
}

/* refresh button in tab bar */

#refreshbox {
width: 44px;
height: 44px;
float: right;
background:  rgba(0,0,0,0);
text-align: center;
vertical-align: middle;
overflow: hidden;
display: table-cell;
margin: 10px;
}

.loop {
	padding: 4px;
}

.spin:active {
  transform: rotate(180deg);
  transition: all .1s ease;
}


/* Single Contract Page Styling */

.conhead {
    font: 28px Tahoma, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    text-align: center;
    color: var(--textcolour-one);
}

.conbold {
    font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
    font-weight:bold;
    text-align: center;
    color: var(--textcolour-one);
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
}

.conspaced {
    font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
    font-weight:bold;
    text-align: center;
    color: var(--textcolour-one);
    display: inline;
    padding-left: 10px;
    padding-right: 10px;
}

/* /qtooltips */
.qtooltip{ 
	display: inline; 
	position: relative;
	color: blue;
}

.qtooltip:hover:after{ 
	/* background: #333; */
	background: var(--tooltipbg); 
	border-radius: 5px; 
	bottom: 42px; 
	color: #fff; 
	content: attr(tooltip); 
	left: 20%; 
	padding: 5px 15px; 
	position: absolute; z-index: 98; width: 220px; 
}

.qtooltip:hover:before{ 
	border: solid; 
	border-color: var(--tooltipbg) transparent; 
	border-width: 6px 6px 0 6px; bottom: 36px; content: ""; 
	left: 50%; 
	position: absolute; 
	z-index: 99; 
}

/* /Title tooltips */
.ttooltip { 
	display: inline; 
	position: relative;
	color: blue;
 	font: 14px Tahoma, Helvetica, Arial, Sans-Serif;


}

.ttooltip:hover:after{ 
	/* background: #333; */
	background: var(--tooltipbg);
	border-radius: 5px; 
	bottom: 42px; 
	color: #fff; 
	content: attr(tooltip); 
	left: 20%; 
	padding: 5px 15px; 
	position: absolute; z-index: 98; width: 220px; 
}

.ttooltip:hover:before{ 
	border: solid; 
	border-color: var(--tooltipbg) transparent; 
	border-width: 6px 6px 0 6px; bottom: 36px; content: ""; 
	left: 50%; 
	position: absolute; 
	z-index: 99; 
}

.qbold {
	font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight:bold;
	text-align: center;
	color: var(--textcolour-one);
	display:inline;
	vertical-align:top;
}

.qq {
	display:inline;
}

/* Footer styling */

#footer {
	position: absolute;
	border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	width: 998px;
	height: 28px;
	text-align: center;
	background-color: var(--backgroundcolour-one);
	margin-bottom: 10px;

}


.footertext {
	margin: 0;
	font: 12px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	line-height: 28px; /* same as footer height to centre */
	color: var(--textcolour-one);
}

a.stafflink {
	margin: 0;
	font: 12px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	line-height: 28px; /* same as footer height to centre */
	color: var(--textcolour-one);	
	text-decoration: none;
}

a.stafflink:visited {
	color: var(--textcolour-one);	
	text-decoration: none;
}

a.footerlink {
	margin: 0;
	font: 12px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	line-height: 28px; /* same as footer height to centre */
	color: var(--footerlinkcolour);	
	text-decoration: none;
}

a.footerlink:visited {
	color: var(--footerlinkcolour);	
	text-decoration: none;
}

/*led*/

#footerleft {
	float: left;
	width: 884px;
	text-align: right !important;
}

#footerright {
	z-index: 99;
	float: left;
	width: 114px !important;
	min-height: 28px;
	vertical-align: middle;
}

#ledbox {
	border: 1px solid var(--bordercolour-one);
	max-width: 110px;
	height: 24px;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 1px;
	border-top-right-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	float:right;
}

#ledesi {
	display: inline-block;
	float: right;
	width: 46px;
	height: 20px;	 	
}

.ledesitext {
	font: 13px Tahoma, Helvetica, Arial, Sans-Serif !important;
	font-weight: bold !important;
	line-height: 12px;
	padding-top:3px;
}



#ledmain {
	display: inline-block;
	float: right;
	width:15px;
	height: 16px;
	border-top: solid lightgrey 1px;
	border-left: solid lightgrey 1px;
	border-right: solid darkgrey 1px;
	border-bottom: solid darkgrey 1px;
	border-radius:3px;
	-webkit-border--radius:5px;
	margin-left: 1px;
	margin-right:3px;
	margin-top: 3px;
	box-shadow: inset 0 0 4px 1px rgba(0,0,0,.8);
}

.greenhigh {
	background-color: rgba(191,255,0, 1) !important;
}

.redhigh {
	background-color: rgba(255,0,0, 1) !important;
}

.yellowhigh {
	background-color: rgba(255,255,0, 1) !important;
}



.greenmed {
	background-color: rgba(191,255,0, .70) !important;
}

.redmed {
	background-color: rgba(255,0,0, .85) !important;
}

.yellowmed {
	background-color: rgba(255,255,0, .90) !important;
}

.greenlow {
	background-color: rgba(191,255,0, .35) !important;
}

.redlow {
	background-color: rgba(255,0,0, .65) !important;
}

.yellowlow {
	background-color: rgba(255,255,0, .75) !important;
}

.ledoff {
	background-color: rgba(0,0,0,1) !important;
}


.ledx {
	font: 12px Tahoma, Helvetica, Arial, Sans-Serif !important;
	font-weight: bold !important;
	color: red !important;
	line-height: 12px;
	padding-top:1px !important;

}

.ledslash {
	font: 12px Tahoma, Helvetica, Arial, Sans-Serif !important;
	font-weight: bold !important;
	color: red !important;
	line-height: 12px;
	padding-top:0px !important;
	padding-left: 1px;
  	transform: rotate(15deg)
}

.invisible {
visibility:hidden !important;
}

.gone {
display: none !important;
}

.ltooltip{ 
	display: inline; 
	position: relative;
	color: blue;

	font: 15px Tahoma, Helvetica, Arial, Sans-Serif;
	color: white;
	font-weight: bold;
}

.ltooltip{ 
	display: inline; 
	position: relative;
	color: blue;
}

.ltooltip:hover:after{ 
	/* background: #333; */
	background: var(--tooltipbg);
	border-radius: 5px; 
	bottom: 42px; 
	color: #fff; 
	content: attr(tooltip); 
	right: 20%; 
	padding: 5px 15px; 
	position: absolute; z-index: 98; width: 220px; 
}

.ltooltip:hover:before{ 
	border: solid; 
	border-color: var(--tooltipbg) transparent; 
	border-width: 6px 6px 0 6px; bottom: 36px; content: ""; 
	right: 50%; 
	position: absolute; 
	z-index: 99; 
}




/* button feedback that I missed earlier */

/* blue buttons */
.cbut:active, .abut:active  {
  box-shadow: 0 0 7px 0 var(--buttonborder1) inset, 0 0 20px 2px var(--textcolour-two);
  border: 2px solid var(--textcolour-two);
  outline: none !important;
}


/* green buttons */
.posbut:active, .posbut2:active, .posbutc:active, .acceptoffer:active {
  box-shadow: 0 0 7px 0 green inset, 0 0 20px 2px lime;
  border: 2px solid lime;
  outline: none !important;
}

/* red buttons */
.negbut:active, .negbut2:active, .negbutc:active {
  box-shadow: 0 0 7px 0 green inset, 0 0 20px 2px red;
  border: 2px solid red;
  outline: none !important;
}

/* Panel Elements such as radio buttons and switches */

#cpbox {
	width: 1000px;
	overflow: hidden;
	border: none;
	margin-bottom: 10px;
}

#cpl {
	border: 1px solid var(--bordercolour-one);
	border-radius:5px;
	float: left;
	width: 493px;
	height: 347px;
	margin-right: 5px;
	background-color: var(--backgroundcolour-one);
	text-align: center;
	overflow: hidden;
	padding-bottom: 10px;
}

#cpr {
	border: 1px solid var(--bordercolour-one);
	border-radius:5px;
	float: left;
	width: 493px;
	height: 350px;
	margin-left: 5px;
	background-color: var(--backgroundcolour-one);
	text-align: center;
	overflow: hidden;
	padding-bottom: 10px;
}

#cprsl {
	border: 1px solid var(--bordercolour-one);
	border-radius:5px;
	float: left;
	width: 493px;
	height: 101px;
	margin-left: 5px;
	background-color: var(--backgroundcolour-one);
	text-align: center;
	overflow: hidden;
	padding-bottom: 10px;
}

.cprslmb {
margin-bottom: 10px;
}

.cptext {
	width: 400px;
	height: 180px;
}

.cptog100 {
	max-width: 100px;
	margin: auto;
	overflow: hidden;
	margin-top: 20px;
}

.cptog150 {
	max-width: 150px;
	margin: auto;
}

.cptog200 {
	max-width: 200px;
	margin: auto;
}

.cptog225 {
	max-width: 225px;
	margin: auto;
}

.cptognone {
	margin: auto;
}

.cptog75p {
	max-width: 75%;
	margin: auto;
	margin-top: 20px;
}

.cpto433 {
	width: 433px;
	margin: auto;
	margin-top: 20px;
	margin-top: 10px;
}

pre {
	display: inline-block;
	text-align: left;
	max-width: 966px;
	font: 14px Courier, monospace !important;
	padding: 2px;
	color: white;

        overflow-x: auto;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
}

.topmar {

	margin-top: 10px;
}


/* Graph styling for chart.js */


canvas{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	background-color: var(--canvasbg);
	border-radius:5px;
	-webkit-border-radius:5px;
	padding: 10px;
	border: 1px solid var(--bordercolour-one);
}

.canvas1{
	max-width:956px;
}



.canvas2{
	max-width:451px !important;
}

.canvas3o{
	max-width:282px !important;
}

.canvas3i{
	max-width:284px !important;
}



#chartjs-tooltip {
	opacity: 1;
	position: absolute;
	background: var(--tooltipbg);
	color: white;
	border-radius: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.chartjs-tooltip-key {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
}

.graph1 {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 978px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour7);
	overflow: hidden;
}

fixgraphheight {
	min-height:455px;
}


.graph2 {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 473px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour7);
	overflow: hidden;
	float: left;
}

.graph3o {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 304px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour7);
	overflow: hidden;
	float: left;
}

.graph3i {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 306px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour7);
	overflow: hidden;
	float: left;
}



.graphspacer {
	min-width: 10px;
	float:left;
}


.graphhead {
	margin-bottom: 10px;
}

.nobouncelarge {
	height: 433px !important;
}

.nobouncemed {
	height: 473px !important;
}
/*statistics page*/

#statbox {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 978px;
	padding: 10px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour7);
	overflow: hidden;

}

/* Audit */

.auditform textarea {
	font: 15px Tahoma, Helvetica, Arial, Sans-Serif;
	border: 2px solid var(--appraisalformborder);
	background-color: rgba(255,255,255, 0.2);
	color: white;
	padding: 15px;
	margin-bottom:10px;
}

.auditform select {
	font: 15px Tahoma, Helvetica, Arial, Sans-Serif;
	padding:5px 15px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: darkgreen;
	background-color: lightgray;
	border: 2px solid darkgreen;
}

.auditform button {
	padding:5px 15px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100px;
	height: 34px;
	color: darkgreen;
	background-color: lightgray;
	border: 2px solid green;
	margin-left: 10px;
	padding-bottom:2px;
}

.auditform {
	font: 17px Tahoma, Helvetica, Arial, Sans-Serif;
	color: white;
	font-weight:bold;
}

/* Pagination */

.pagination {
	background: rgba(0,50,255,.1);
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;

}

.pagin {
	display: inline-block;
	padding: 1px 9px;
    	margin-right: 1px;
	margin-left: 1px;
	border-radius: 3px;
	border: solid 1px #0261A7;
	background: var(--backgroundcolour-one);
	box-shadow: inset 0px 1px 0px rgba(255,255,255, .4), 0px 1px 3px rgba(0,0,0, .1);
	font: 10px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
	color: white;	
	text-shadow: 0px 1px 0px rgba(0,0,155, .6);
	text-transform: uppercase;
}

.pagin:hover, .pagin.gradient:hover {
	background: rgba(255,255,255,.3);
	border: solid 1px #0261A7;

}

.pagin.active {	
	border: none;
    	margin-right: 1px;
	margin-left: 1px;
	
	background: rgba(0,50,255,.1);
	box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);	
	color: #f0f0f0;	
	text-shadow: 0px 0px 3px rgba(0,0,0, .3);
}

.pagin:focus {
  box-shadow: 0 0 2px 0 rgba(0,255,255,1)inset, 0 0 2px 1px var(--backgroundcolour1)
  border: 1px solid rgba(0,0,254,0.4);
  outline: none;
}


/* Search Results Page */

.searchpagediv {
	border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid var(--bordercolour-one);
	text-align: center;
	width: 978px;
	min-height: 250px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour-one);
	text-align: center;
	overflow: hidden;
}

.searchinnerdiv {
	border: 1px solid var(--bordercolour-one);
	border-radius:3px;
	-webkit-border-radius:3px;
	width: 946px;
	padding: 15px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour2);
	text-align: center;
}



.searchinnerdiv a {
	color: lightblue
}
.searchavi {
	border: 1px solid var(--bordercolour-one);
	background-color: var(--darkbackground1);
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 10px!important;
  	margin-left: auto;
  	margin-right: auto;
	display: block;
	
}

.searchavi2 {
	border: 1px solid var(--bordercolour-one);
	background-color: var(--darkbackground1);
	padding: 5px;
	margin-bottom: 5px;
  	margin-left: 5px;
  	margin-right: 5px;
	display: block;
	
}

.seainline {
	display: inline;
	margin-left: 25px;
	margin-right:25px;
}

.seainline2 {
	display: inline;
}

.seabold {
	font: 22px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight:bold;
	text-align: center;
	color: var(--textcolour-one);
	display: inline;
}

.seacorp {
	color: var(--textcolour-two);
}

.seatext {
	font: 18px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	color: var(--textcolour-one);
	display: inline;
}



.charcontainer { 
	display: flex; 
}

	
.seathin {
	border: 1px solid var(--bordercolour-one);
	border-radius:3px;
	-webkit-border-radius:3px;
	width: 292px;
	padding: 15px;
	margin-bottom: 10px;
	margin-right: 5px;
	background-color: var(--backgroundcolour2);
	text-align: center;
	float: left;
}	

.seathick {
	border: 1px solid var(--bordercolour-one);
	border-radius:3px;
	-webkit-border-radius:3px;
	width: 612px;
	padding: 15px;
	margin-left: 5px;
	margin-bottom: 10px;
	background-color: var(--backgroundcolour2);
	text-align: center;
	display: table-cell;
	float: left;
	overflow: hidden;
}

.seainline {
	display: inline;
}

.searchplaque {
		border: 1px solid var(--bordercolour-one);
	border-radius:3px;
	-webkit-border-radius:3px;
	padding: 5px;
	margin-bottom: 5px;
}



/*datepicker*/

.datepicker {

	border-radius: 5px;
	width: 100px;
	height: 33px;
	color: var(--buttonborder1);
	background-color: lightgray;
	border: 2px solid var(--buttonborder1);
	font: 13px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	-webkit-appearance: none;	
	vertical-align: middle;
	text-align: center;
	margin-right:20px;
	margin-top: 2px;
	margin-bottom: 2px;	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.datesubmit {
	margin-left: 39px !important;	
}




.datelabel {
	color: white;
	margin-right: 3px;
	font: 18px Tahoma, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	vertical-align: middle;
}

.pickerboxen {
	display: inline-block;
	border-radius:7px;
	-webkit-border-radius:7px;
	border: 1px solid var(--buttonborder1) !important;
	background-color: var(--backgroundcolour2);
	text-align: center;
	width: 550px;
	margin-bottom: 10px;	
	padding:10px 15px;
	vertical-align: middle;
}

/* slider button background fix */
.sliderbackground a {
background-color: var(--sliderbuttonbackground);
}	

/* Voucher Form */
.vcreate {
	overflow: hidden;
	display: inline-block;
	text-align: left;
}	

.voucherform p {
		display: inline-block;
		margin-bottom: 15px;
}		

.voucherform input[type=text] {
	padding:5px 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: var(--buttonborder1);
	background-color: lightgray;
	border: 2px solid var(--buttonborder1);
}

.voucherform::first-letter input[type=text] {	
	text-transform: capitalize;
}

.voucherform textarea {
	font: 15px Tahoma, Helvetica, Arial, Sans-Serif;
	border: 2px solid var(--appraisalformborder);
	background-color: var(--appriasalformbg);
	color: white;
	padding: 15px;
}

.voucherform select {
	font: 15px Tahoma, Helvetica, Arial, Sans-Serif;
	padding:5px 2px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: var(--buttonborder1);
	background-color: lightgray;
	border: 2px solid var(--buttonborder1);
}

.voucherform {
	font: 17px Tahoma, Helvetica, Arial, Sans-Serif;
	color: white;
	font-weight:bold;
		overflow: hidden;
	display: inline-block;
	
}

.voucherbox {
	text-align: center!important;
}