@charset "utf-8";
/* CSS Document */

@import url("https://use.typekit.net/fsv4yzl.css");

/* Start of Mobile styling */
@media screen and (max-width: 1023px){

	body {
		background-color: rgba(228,228,228,1.0);
		margin-top:0vw;
		padding:0vw;
	}	
	
	img.logo{
		width:60vw;
		height:auto;
		margin-left:20vw;
		margin-top:10vw;
	}
	
	img.back{
		width:10vw;
		margin-left:5vw;
		position:fixed;
		margin-top:11vw;
	}
	
	img.logout{
		width:12vw;
		height:auto;
		top:2vw;
		right:2vw;
		position:fixed;
	}
	
	h1.login{
		width:80vw;
		margin-left:10vw;
		margin-top:10vw;
		font-size:10vw;
		font-family: eurostile, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
	}
	
	hr.login{
  		border: 0.5vw solid rgba(151,33,47,1.0);
		width:20vw;
	}
	
	input[type=text].login{
		width:60vw;
		margin-left:20vw;
		outline: none;
		margin-top:10vw;
		font-size:8vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0vw; 
		padding-left:0vw;
		padding-right:0vw;
	}
	
	input[type=password].login{
		width:60vw;
		margin-left:20vw;
		outline: none;
		margin-top:10vw;
		font-size:8vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0vw;
		padding-left:0vw;
		padding-right:0vw;
	}
	
	input[type=submit].login{
		min-width:60vw;
		margin-left:20vw;
		outline: none;
		margin-top:10vw;
		font-size:8vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(42,56,65,1.0);
		border-radius: 0vw;
		-webkit-appearance: none;
		-webkit-border-radius: 0vw;
		color:rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		padding-bottom:1vw;
	}
	
	input[type=submit].login:active{
		background-color: red;
	}
	
	h1.main{
		width:80vw;
		margin-left:10vw;
		margin-top:10vw;
		font-size:8vw;
		font-family: eurostile, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
	}
	
	hr.main{
  		border: 0.5vw solid rgba(151,33,47,1.0);
		width:20vw;
	}
	
	a.button{
		width:60vw;
		margin-left:20vw;
		outline: none;
		margin-top:10vw;
		font-size:6vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(42,56,65,1.0);
		border-radius: 0vw;
		color:rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		padding-bottom:1vw;
		display:block;
		text-decoration: none;
	}
    
    a.ramsbutton{
		width:auto;
		margin:0vw 5vw;
		outline: none;
		margin-top:2vw;
		font-size:6vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(42,56,65,1.0);
		border-radius: 0vw;
		color:rgba(255,255,255,1.0);
		padding-left:5vw;
		padding-right:5vw;
		padding-bottom:1vw;
		display:block;
		text-decoration: none;
	}
    
    table.rams{
        width:90vw;
        border:thin;
        border-style: solid;
        font-size:3vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:left;
        margin:5vw;
    }
	
	
	p{
		width:80vw;
		margin-left:10vw;
		font-size:6vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		margin-top:5vw;
		display:block;
	}
	
	label.main{
		width:60vw;
		margin-left:20vw;
		font-size:6vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		margin-top:5vw;
		display:block;
	}
	
	input[type=date].standard{
		width:55vw;
		margin-left:20vw;
		outline: none;
		font-size:6vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
	}
	
	input[type=date].standard:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=text].standard{
		width:55vw;
		margin-left:20vw;
		outline: none;
		font-size:6vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
	}
	
	input[type=text].standard:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=number].standard{
		width:60vw;
		margin-left:20vw;
		outline: none;
		font-size:6vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0vw;
		padding-left:0vw;
		padding-right:0vw;
	}
	
	input[type=number].standard:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=text].standard{
		width:60vw; 
		margin-left:20vw;
		outline: none;
		font-size:6vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0vw;
		padding-left:0vw;
		padding-right:0vw;
	}
	
	input[type=text].standard:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=button]{
		width:60vw;
		margin-left:20vw;
		outline: none;
		margin-top:10vw;
		font-size:6vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(42,56,65,1.0);
		border-radius: 0vw;
		color:rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		padding-bottom:1vw;
		display:block;
		text-decoration: none;
	}
	
	/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  font-size:6vw;
  font-family: eurostile, sans-serif; 
  font-weight: 400;
  font-style: normal;
  color: rgba(42,56,65,1.0);
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  margin-top:5vw;
  padding:1vw;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
	
	label.timesheet{
		width:30vw;
		margin-left:0vw;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=time].timesheet{
		width:50vw; 
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=time].timesheet:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=checkbox].timesheet{
		height:20vw;
		width:10vw;
		margin-left:5vw;
		margin-top:2vw;
		margin-right:25vw;
		outline: none;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle; 
	}
    
    input[type=checkbox].rams{
		height:20vw;
		width:10vw;
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
        accent-color:#af1829;
	}
    
    input[type=checkbox].rams:checked{
        background-color:darkred;
        accent-color:#af1829;
    }
	
	input[type=text].timesheet{
		width:50vw; 
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=text].timesheet:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=date].timesheet{
		width:50vw; 
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=date].timesheet:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=number].timesheet{
		width:50vw; 
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=number].timesheet:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	select.timesheet{
		width:50vw; 
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	select.timesheet:invalid{
		border-color:rgba(151,33,47,1.0);
	}
    
    select.ramshalf{
		width:30vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	select.ramshalf:invalid{
		border-color:rgba(151,33,47,1.0);
	}
    
    input[list].ramshalf{
		width:35vw; 
		margin-left:1vw;
		margin-top:2vw;
		outline: none;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[list].ramshalf:invalid{
		border-color:rgba(151,33,47,1.0);
	}
    
    input[list].ramsfull{
		width:51vw; 
		margin-left:0vw;
		margin-top:2vw;
		outline: none;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[list].ramsfull:invalid{
		border-color:rgba(151,33,47,1.0);
	}
    
    img.rhicon{
        height:9vw;
        width:auto;
        vertical-align: middle;
        display:inline-block;
        margin-left:2vw;
        margin-top:2vw;
    }
	
	textarea.timesheet{
		width:45vw; 
		height:30vw;
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding:1vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	textarea.timesheet:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	.works_order{
		width:100vw;
		margin-left:0vw;
		margin-top:5vw;
		margin-bottom:30vw;
		background-color: rgba(0,0,0,0);
	}
	
	.works_order h2{
		width:40vw;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		margin-left:5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	.works_order h3{
		width:70vw;
		font-size:5vw;
		font-family: eurostile, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		margin-left:5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	td.import{
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
	}
	
	label.wo{
		width:40vw;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		margin-left:5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=tel].wo{
		width:50vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=tel].wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=tel].wo:focus{
		box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=email].wo{
		width:50vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=email].wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=email].wo:focus{
		box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=text].wo{
		width:50vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=text].wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=text].wo:focus{
		box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=text].wo_wide{
		width:90vw; 
		margin-left:5vw;
		margin-top:1vw;
		margin-bottom:5vw;
		outline: none;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=text].wo_wide:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=text].wo_wide:focus{
		box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=date].wo{
		width:47vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=date].wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=date].wo:focus{
			box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=time].wo{
		width:47vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=time].wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=time].wo:focus{
			box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=file].wo{
		width:50vw; 
		margin-top:1vw;
		outline: none;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	progress.wo{
		width:35vw;
		margin-left:20vw;
		height:2vw;
	}
	
	a.wo_doc{
		width:50vw;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		display:inline-block;
		vertical-align: middle;
		text-decoration: none;
		margin-left:2vw;
	}
	
	h3.wo{
		font-size:0.8vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		display:block;
		vertical-align: middle;
		text-decoration: none;
		margin-left:20vw;
	}
	
	p.wo{
		width:50vw; 
		font-size:2.5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		display:inline-block;
		vertical-align: middle;
		text-decoration: none;
		margin-left:20vw;
	}
	
	select.wo{
		width:51.5vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	select.wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	select.wo:focus{
			box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	select.wo_red{
		width:51.5vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(151,33,47,1.0);
		text-align:left;
		border-color: rgba(151,33,47,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(151,33,47,0.1);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	textarea.wo{
		width:90vw; 
		margin-left:5vw;
		margin-top:1vw;
		outline: none;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:1vw;
		display:inline-block;
		vertical-align: middle;
		height:50vw;
	}
	
	textarea.wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	textarea.wo:focus{
			box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	textarea.wo_half{
		width:49vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:1vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	textarea.wo_half:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	textarea.wo_half:focus{
			box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	span.wospacer{
		width:100vw;
		height:2vw;
		margin-top:1vw;
		margin-left:5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=submit].wo{
		min-width:40vw;
		margin-left:30vw;
		outline: none;
		margin-top:2vw;
		font-size:4vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(42,56,65,1.0);
		border-radius: 0vw;
		-webkit-appearance: none;
		-webkit-border-radius: 0vw;
		color:rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		padding-bottom:1vw;
		cursor:pointer;
	}
	
	.weeklyplan{
		width:90vw;
		margin-left:5vw;
		margin-top:2vw;
		margin-bottom:2vw;
	}
	
	.weeklyplan th{
		width:10vw;
		padding:0.5vw;
		font-size:3vw;
		font-family: eurostile, sans-serif;
		font-weight: 700;
	}
	
	.weeklyplan td{
		font-size:3vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
	}
	
	.weeklyplan td a{
		background-color: rgba(42,56,65,1.0);
		border-radius: 0vw;
		-webkit-appearance: none;
		-webkit-border-radius:0.5vw 2vw 0vw 0.5vw;
		padding:0.5vw;
		display:block;
		text-align:center;
		color:rgba(255,255,255,1.0);
		text-decoration: none;
		margin-bottom:1vw;
	}
	
	canvas{
		width:90vw;
		height:40vw;
		margin-left:5vw;
		margin-top:10vw;
	}
	
	embed{
		width:100vw;
		height:40vh;
		margin-left:0vw;
	}

	
}

/* Start of Desktop styling */
@media screen and (min-width: 1024px){

    table.matrix{
        width:100%;
        font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
        font-size:1vw;
    }
    
	body {
		background-color: rgba(228,228,228,1.0);
		margin-top:0vw;
		padding:0vw;
	}	
	
	img.logo{
		width:20vw;
		height:auto;
		margin-left:40vw;
		margin-top:2vw;
	}
	
	img.back{
		width:3vw;
		left:1vw;
		position:fixed;
		top:1vw;
	}
	
	img.logout{
		width:3vw;
		height:auto;
		top:1vw;
		right:1vw;
		position:fixed;
	}
	
	h1.login{
		width:80vw;
		margin-left:10vw;
		margin-top:2vw;
		font-size:3vw;
		font-family: eurostile, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
	}
	
	hr.login{
  		border: 0.5vw solid rgba(151,33,47,1.0);
		width:10vw;
	}
	
	input[type=text].login{
		width:30vw;
		margin-left:35vw;
		outline: none;
		margin-top:3vw;
		font-size:1.5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0vw;
		padding-left:0vw;
		padding-right:0vw;
	}
	
	input[type=password].login{
		width:30vw;
		margin-left:35vw;
		outline: none;
		margin-top:3vw;
		font-size:1.5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0vw;
		padding-left:0vw;
		padding-right:0vw;
	}
	
	input[type=submit].login{
		min-width:30vw;
		margin-left:35vw;
		outline: none;
		margin-top:3vw;
		font-size:1.5vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(42,56,65,1.0);
		border-radius: 0vw;
		color:rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		padding-bottom:0vw;
		cursor: pointer;
	}
	
	input[type=submit].login:active{
		background-color: red;
	}
	
	h1.main{
		width:80vw;
		margin-left:10vw;
		margin-top:3vw;
		font-size:3vw;
		font-family: eurostile, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
	}
	
	hr.main{
  		border: 0.2vw solid rgba(151,33,47,1.0);
		width:10vw;
		background-color: rgba(151,33,47,1.0);
	}
	
	a.button{
		width:20vw;
		margin-left:40vw; 
		outline: none;
		margin-top:3vw;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(42,56,65,1.0);
		border-radius: 0vw;
		color:rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		padding-bottom:1vw;
		display:block;
		text-decoration: none;
	}
    
    a.ramsbutton{
		width:auto;
		margin-left:5vw;
		outline: none;
		margin-top:5vw;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(42,56,65,1.0);
		border-radius: 0vw;
		color:rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		padding-bottom:1vw;
		display:block;
		text-decoration: none;
	}
	
     table.rams{
        width:90%;
        border:thin;
        border-style: solid;
        font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:left;
        margin:5vw;
    }
	
	p{
		width:80vw;
		margin-left:10vw;
		font-size:6vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		margin-top:5vw;
		display:block;
	}
	
	label.main{
		width:15vw;
		margin-left:30vw;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		display:inline-block;
	}
	
	input[type=date].standard{
		width:20vw;
		margin-left:2vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
	}
	
	input[type=date].standard:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=text].standard{
		width:20vw;
		margin-left:2vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
	}
	
	input[type=text].standard:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=number].standard{
		width:60vw;
		margin-left:20vw;
		outline: none;
		font-size:6vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0vw;
		padding-left:0vw;
		padding-right:0vw;
	}
	
	input[type=number].standard:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  font-size:1.2vw;
  font-family: eurostile, sans-serif; 
  font-weight: 400;
  font-style: normal;
  color: rgba(42,56,65,1.0);
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  margin-top:5vw;
  padding:1vw;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
	
	#mobileonly{
		display: none;
	}
	
	#desktoponly{
		display:block;
		margin-top:2vw;
	}
	
	#desktoponly table{
		background-color: rgba(255,255,255,1.0);
		width:90vw;
		margin-left:5vw;
	}
	
	#desktoponly th{
		padding:0.5vw;
		font-size:0.9vw;
		font-family: eurostile, sans-serif;
		font-weight: 700;
	}
	
	#desktoponly td{
		font-size:0.9vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		padding:0.5vw;
	}
    
    table.deletelist{
		border-width: thin;
        border-style: solid;
		width:90vw;
		margin-left:5vw;
	}
	
	th.deletelist{
		padding:0.5vw;
		font-size:0.9vw;
		font-family: eurostile, sans-serif;
		font-weight: 700;
	}
	
	td.deletelist{
		font-size:0.9vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		padding:0.5vw;
	}
    
    tr.deletelist{
        border-width:thin;
        border-style:solid;
    }
	
	label.timesheet{
		width:15vw;
		margin-left:10vw;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:2vw;
		display:inline-block;
		vertical-align: middle;
	}
    
    input[type=checkbox].timesheet{
		height:3vw;
		width:3vw;
		margin-left:5vw;
		margin-top:2vw;
		margin-right:45vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle; 
	}
    
    input[type=checkbox].rams{
		height:3vw;
		width:3vw;
		margin-left:0vw;
		margin-top:2vw;
        margin-right:15vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle; 
        accent-color:#af1829;
	}
	
	input[type=time].timesheet{
		width:50vw; 
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=time].timesheet:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=text].timesheet{
		width:54vw; 
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=text].timesheet:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=number].timesheet{
		width:54vw; 
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=number].timesheet:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	select.timesheet{
		width:54vw; 
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	select.timesheet:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
    select.ramshalf{
		width:30vw; 
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	select.ramshalf:invalid{
		border-color:rgba(151,33,47,1.0);
	}
    
    input[list].ramshalf{
		width:30vw; 
		margin-left:1vw;
		margin-top:2vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw;
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[list].ramshalf:invalid{
		border-color:rgba(151,33,47,1.0);
	}
    
    input[list].ramsfull{
		width:51vw; 
		margin-left:0vw;
		margin-top:2vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[list].ramsfull:invalid{
		border-color:rgba(151,33,47,1.0);
	}
    
    img.rhicon{
        height:auto;
        width:7vw;
        vertical-align: middle;
        display:inline-block;
        margin-left:3vw;
        margin-top:2vw;
    }
    
	textarea.timesheet{
		width:53vw; 
		height:5vw;
		margin-left:5vw;
		margin-top:2vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 2vw 2vw 2vw 2vw;
		padding:1vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	textarea.timesheet:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	.works_order{
		width:80vw;
		margin-left:10vw;
		margin-top:5vw;
		background-color: rgba(0,0,0,0.1);
	}
	
	.works_order h2{
		width:30vw;
		font-size:2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		margin-left:5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	.works_order h3{
		width:70vw;
		font-size:1.3vw;
		font-family: eurostile, sans-serif;
		font-weight: 700;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		margin-left:5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	.works_order p{
		width:70vw;
		font-size:1.3vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:0vw;
		margin-left:5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	td.import{
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
	}
	
	label.wo{
		width:15vw;
		font-size:1vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		margin-left:5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=text].wo{
		width:15vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=text].wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=text].wo:focus{
		box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=text].wo_wide{
		width:35vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=text].wo_wide:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=text].wo_wide:focus{
		box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=button]{
		width:auto;
		margin-left:5vw;
		outline: none;
		margin-top:1vw;
		font-size:1.3vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(42,56,65,1.0);
		border-radius: 0.5vw 2vw 0vw 0.5vw;
		color:rgba(255,255,255,1.0);
		padding-left:2vw;
		padding-right:2vw;
		padding-bottom:0.5vw;
		padding-top:0.5vw;
		display:block;
		text-decoration: none;
		cursor:pointer;
	}
	
	input[type=tel].wo{
		width:15vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=tel].wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=tel].wo:focus{
		box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=email].wo{
		width:15vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=email].wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=email].wo:focus{
		box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=date].wo{
		width:15vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=date].wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=date].wo:focus{
			box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=time].wo{
		width:15vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=time].wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	input[type=time].wo:focus{
			box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	input[type=file].import{
		width:30vw; 
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
		margin-left:25vw;
	}
	
	input[type=file].wo{
		width:20vw; 
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	progress.wo{
		width:35vw;
		margin-left:20vw;
		height:2vw;
	}
	
	a.wo_doc{
		width:15vw;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		display:inline-block;
		vertical-align: middle;
		text-decoration: none;
		margin-left:20vw;
	}
	
	h3.wo{
		font-size:0.8vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		display:block;
		vertical-align: middle;
		text-decoration: none;
		margin-left:20vw;
	}
	
	p.wo{
		width:15vw; 
		font-size:0.8vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		margin-top:1vw;
		display:inline-block;
		vertical-align: middle;
		text-decoration: none;
		margin-left:20vw;
	}
	
	select.wo{
		width:16.3vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	select.wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	select.wo:focus{
			box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	select.wo_red{
		width:16.3vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(255,255,255,1.0);
		text-align:left;
		border-color: rgba(151,33,47,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(151,33,47,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:0.5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	textarea.wo{
		width:51vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:1vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	textarea.wo:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	textarea.wo:focus{
			box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	textarea.wo_half{
		width:14vw; 
		margin-left:0vw;
		margin-top:1vw;
		outline: none;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: rgba(42,56,65,1.0);
		text-align:left;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(255,255,255,1.0);
		border-radius: 0.5vw 0.5vw 0.5vw 0.5vw;
		padding:1vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	textarea.wo_half:invalid{
		border-color:rgba(151,33,47,1.0);
	}
	
	textarea.wo_half:focus{
			box-shadow: 0vw 0vw 1vw 0vw rgba(151,33,47,0.6);
	}
	
	span.wospacer{
		width:30vw;
		height:2vw;
		margin-top:1vw;
		margin-left:5vw;
		display:inline-block;
		vertical-align: middle;
	}
	
	input[type=submit].wo{
		min-width:20vw;
		margin-left:30vw;
		outline: none;
		margin-top:2vw;
		font-size:1.2vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:center;
		border-color: rgba(42,56,65,1.0);
		border-style: solid;
		border-width:medium;
		background-color: rgba(42,56,65,1.0);
		border-radius: 0vw;
		-webkit-appearance: none;
		-webkit-border-radius: 0vw;
		color:rgba(255,255,255,1.0);
		padding-left:0vw;
		padding-right:0vw;
		padding-bottom:1vw;
		cursor:pointer;
	}
	
	.weeklyplan{
		width:90vw;
		margin-left:5vw;
		margin-top:2vw;
		margin-bottom:2vw;
	}
	
	.weeklyplan th{
		width:10vw;
		padding:0.5vw;
		font-size:0.9vw;
		font-family: eurostile, sans-serif;
		font-weight: 700;
	}
	
	.weeklyplan td{
		font-size:0.9vw;
		font-family: eurostile, sans-serif;
		font-weight: 400;
	}
	
	.weeklyplan td a{
		background-color: rgba(42,56,65,1.0);
		border-radius: 0vw;
		-webkit-appearance: none;
		-webkit-border-radius:0.5vw 2vw 0vw 0.5vw;
		padding:0.5vw;
		display:block;
		text-align:center;
		color:rgba(255,255,255,1.0);
		text-decoration: none;
		margin-bottom:1vw;
	}
	
	img.thumbnail{
		width:10vw;
		height:auto;
		margin-right:1vw;
	}
	
	canvas{
		width:30vw;
		height:13vw;
		margin-left:5vw;
		margin-top:1vw;
	}
	
	img.signature{
		width:30vw;
		height:13vw;
		margin-left:5vw;
		margin-top:1vw;
	}
	
	embed{
		width:60vw;
		height:60vh;
		margin-left:20vw;
	}

	
}