@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap');

html, body { width: 100%; margin: 0px; }
body { font-family: 'Barlow', 'Open Sans', sans-serif, verdana, arial; font-size: 19px; color: #666666; }
h1 { font-family:'Barlow','Open Sans', sans-serif, verdana, arial; font-size: 22px; }
p { font-family:'Barlow','Open Sans', sans-serif, verdana, arial; font-size: 19px; }
td { font-family:'Barlow','Open Sans',  sans-serif, verdana, arial; font-size: 19px; }

#footer { width: 100%; text-align: center; font-size: 13px; margin-top: 50px; }
#sunsun { width: 100%; text-align: center; font-size: 13px; margin-top: 20px; color: #999999; }
#page-wrapper {
	margin-top: 0px;
	background-color: #ffffff;
	background-color: #ffffff;
    background-image: url('imgs/bg.png');
    background-repeat: repeat-x;
	background-position: top;  
}
#logo {
	margin-left: auto; 
	margin-right: auto;
	min-width: 850px;
	max-width: 1000px;
	width: 850px;
	padding-top: 65px;
	padding-bottom: 20px;
}
#content {
	margin-left: auto; 
	margin-right: auto;
	width: 850px;
	min-width: 850px;
	max-width: 1000px;
	min-height: 1260px;
	background-color: #ffffff;
	padding: 10px;
	padding-top: 20px;
	
}
#steps {	
	max-width: 850px;
	width: 850px;
	color: #666666;
	background-image: url('imgs/steps_bg.png');
	background-repeat: no-repeat;
	background-position: center 0px;
	text-align: center;
}
.step { display: inline-block; max-width: 180px; width: 180px; text-align: center; }
.step-number { text-align: center; height: 65px; line-height: 61px; background-image: url('imgs/ball_grey.png'); background-repeat: no-repeat; background-position: center; font-size: 35px; color: #ffffff; }
.step-title { text-align: center; font-size: 15px; }
.step-number.active { background-image: url('imgs/ball_dark_blue.png'); }
.step-title.active { font-weight: bold; }
.center { margin-left: auto; margin-right: auto; text-align: center; }

.link-btn {
	display: inline-block;
	text-decoration: none;
	padding: 7px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #b1df3c;
	text-align: center;
	line-height: 25px;
	font-size: 25px;
	color: #ffffff;
	border-radius: 5px;	
}

#Varastokartta_wrapper {
	text-align: center;
}
#Varastokartta {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 650px;
	height: 850px;
	z-index: 1;
}
.VP_varattu { position: absolute; border: solid 2px #000000; background-color: #ff8080; font-family: 'Open Sans', verdana, arial; font-size: 12px; text-align: center; }
.VP_vapaana { position: absolute; border: solid 2px #000000; background-color: #80ff80; font-family: 'Open Sans', verdana, arial; font-size: 12px; cursor: pointer; cursor: hand; text-align: center; }


#Valittu_ajankohta { margin: 0px; margin-bottom: 35px; }
#Valittu_ajankohta table { margin-bottom: 10px; }
#Valitut_varastot { margin: 0px; margin-bottom: 35px; }
#Varastohinnat { padding: 20px; font-size: 17px; }
#Varastohinnat_yhteensa {font-size: 17px; font-weight: 600; margin-top: 4px; padding: 1px; border-top: solid 1px #000000; }
#Varastohinnat_alennus { font-size: 17px; font-weight: 600;  padding: 1px;}
#Varastohinnat_alennettu { font-size: 17px; font-weight: 600; margin-top: 4px; padding: 1px; }
#Varastohinnat_alennusinfo { font-size: 17px; font-weight: normal; color: #888888; }

#Varaus {text-align: left; font-size: 17px; margin-top: 30px; }
#Varaus input, textarea, select { font-family: 'Open Sans', sans-serif, verdana, arial; font-size: 15px; color: #666666;}
#Varaus .mandatory { font-weight: 600; }
#Varaus td { font-size: 15px; }

#Maksupainikkeet {
	display: block;
	margin-top: 60px;
	width: 200px;
	height: 300px;
	background-image: url('imgs/checkout_pankit_luotot_150px.gif');
	background-repeat: no-repeat;
	background-position: top center;
}

.provider-button { width: 160px; height: 90px; display: inline-block; }

.Virhe { background-color: #ff8080; }
#calendar th { padding: 2px; padding-left: 3px; padding-right: 3px; font-family: Verdana, Arial, sans-serif; font-size: 10px; text-align: center; border-bottom: solid 1px #f1f1f1; }
#calendar td { padding: 2px; padding-left: 3px; padding-right: 3px; font-family: Verdana, Arial, sans-serif; font-size: 10px; cursor: pointer; cursor: hand; text-align: center; }
td.Week { display: none; }
th.THWeek { display: none; }
td.DayPrev { color: #a8a8a8; }
td.DaySel { background-color: #eeeeee; }
td.SaturdayPrev { color: #a8a8a8; }
td.SaturdaySel { background-color: #eeeeee;}
td.SundayPrev { color: #a8a8a8; }
td.SundaySel { background-color: #eeeeee; }