@charset "ISO-8859-1";

body {	
    font-family: "Open Sans",FreeSans,sans-serif;
    height: 100%;       
    font-size: 15px;
}
h1 {	
	color: #555555;	
	font-size: 22px;        
    font-weight: 400;    
    margin-bottom: 12px;
}
h4 {
	margin: 0 0 5px 0;
}
p, .supplement-obj {	
	font-weight:bold;
	margin: 8px 0px;
}
.head {
	font-weight: 600;
}
.head select {
	font-size: 15px;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	/*
	border-collapse: collapse;
	border-spacing: 0;
	*/
}
.pointer {
    cursor: pointer;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.pull-right {
	float: right;
}
input[type="submit"],
button {
	background: #54AE24;	
	border-radius: 20px;
	color: #fff;	
	letter-spacing: 3px;
	font-size: 18px;	
	margin: 20px 0 0 0;
	width: 100%;
	padding: 7px;
	cursor: pointer;
	text-transform:uppercase;
}
input[type="submit"]:disabled,
button:disabled {
	background: #dadada;
}
div.integrointi_ikkuna {
	background-color: inherit;
	border: 0px;
	height:100%;
	max-width: 600px;
}
.kooste_aika {
	margin-top: 1em;
}
#kalenterihelp {
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: 700;
}
#kalenterihelp td {
	font-weight: 700;
}
#kalenterihelp td.er {
    height: auto;
    padding: 0;
    background-color: transparent;
}
.tuote_varaus p {
	margin: 4px 0;
}
.tuote_varaus select {
	padding: 2px;
}
.tuote_varaus .calControl {
    margin: 2px 10px;
    padding: 2px 10px;
}
table.villenkalenteri {
	width: 100%;		
}
table.villenkalenteri select{
	border: 0px;	
}
body table.nb {
	border: none;
}
table.villenkalenteri .kalenteri_paiva {
    cursor: pointer;
}
table.villenkalenteri th, table.villenkalenteri td {
	padding: 6px;
	text-align: center;
	width: 25px;
	font-weight: 600;
	/*border: 1px solid #cccccc;*/
	border: none;
	text-align: center;
	font-weight: 400;
}
table.villenkalenteri th {
	background-color: #EEEEEE;
	color: black;
	background-color: #fffcfc;	
	border:0px;
}
table.villenkalenteri td {
	background-color: #FEE2AA;
	border-radius: 2px;
	border: 1px solid #FFFFFF;
}
table.villenkalenteri .cal-head td {
	background-color: #EEEEEE;
	color: black;
	padding: 3px 0;
}
table.villenkalenteri .cal-head input[type="submit"],
table.villenkalenteri .cal-head input[type="button"] {
	width: 100%;
	height: 100%;
	min-width: 30px;
	margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
	color: black;
}
table.villenkalenteri .cal-head input[type="button"]:disabled {
	color: #EEEEEE;
}
.villenkalenteri td:hover{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
div.product-calhelp td:hover{
	box-shadow:none;
}
table.villenkalenteri .kielletty {
	cursor: default;
	background-color: #cccccc;
    color: #444444;
    cursor: default;
}
table.villenkalenteri .valittu {
	background-color: #27921c;
    color: #444444;
}
table.villenkalenteri .varattu {
	background-color: #FF0000;
}
table.villenkalenteri .varattu.valittu {
	background-color: #27921c;
    color: #444444;
}
table.villenkalenteri .ohje {
	background-color: transparent;
	color: #000000;
	border: none;
	width: auto;
	text-align: left;
}
table.villenkalenteri .calHead th {
	padding: 0;
}
table.villenkalenteri .calHead img {
	padding: 5px;
}
table.villenkalenteri .calHead select {
	margin: 3px;
}
table.villenkalenteri .calHead input[type="submit"], 
table.villenkalenteri .calHead input[type="button"] {
	width: 31px;
	height: 30px;
	min-width: 30px;
}
table.kalenteri th, table.kalenteri td {
	background-color: #E5F0F8;
}
table.villenkalenteri td {
	background-position: center;
	background-color: #FFFFFF;
}
#kalenterihelp table.villenkalenteri .mennyt {
    background-color: #e7686a;
}
table.villenkalenteri .kielletty {
	background-color: #c0bcb8;
}
table.villenkalenteri .valittu {
	background-color: #c2e6d0;
}
table.villenkalenteri .varattu {
    background-color: #e7686a;
}
table.villenkalenteri .valittu,
table.villenkalenteri .kielletty,
table.villenkalenteri .kiellettyEka,
table.villenkalenteri .varattu,
table.villenkalenteri .varattuEka {
	color: #333;
}
table.villenkalenteri .valittuEka {
	background: linear-gradient(135deg, #FFFFFF 50%, #c2e6d0 50%);
}
table.villenkalenteri .valittuVika {
	background: linear-gradient(135deg, #c2e6d0 50%, #FFFFFF 50%);
}
table.villenkalenteri .valittuVika.kielletty {
	background: linear-gradient(135deg, #c2e6d0 50%, #c0bcb8 50%);
}
table.villenkalenteri .valittuVika.kielletty.varattu, table.villenkalenteri .valittuVika.kielletty.varattuEka {
	background: linear-gradient(135deg, #c2e6d0 50%, #e7686a 50%);
}
table.villenkalenteri .varattuEka {
	background: linear-gradient(135deg, #FFFFFF 50%, #e7686a 50%);
}
table.villenkalenteri .varattuVika {
	background: linear-gradient(135deg, #e7686a 50%, #FFFFFF 50%);
}
table.villenkalenteri .varattuVika.kielletty {
	background: linear-gradient(135deg, #e7686a 50%, #c0bcb8 50%);
}
table.villenkalenteri .varattuVika.valittu {
	background: linear-gradient(135deg, #e7686a 50%, #c2e6d0 50%);
}
table.villenkalenteri .kiellettyVika {
	background: linear-gradient(135deg, #c0bcb8 50%, #FFFFFF 50%);
}
table.villenkalenteri .kielletty.valittuEka,
table.villenkalenteri .kiellettyVika.valittuEka {
	background: linear-gradient(135deg, #c0bcb8 50%, #c2e6d0 50%);
}
table.villenkalenteri .kiellettyVika.valittuVika {
	background: linear-gradient(135deg, #c2e6d0 50%, #FFFFFF 50%);
}
table.villenkalenteri .kiellettyEka {
	background: linear-gradient(135deg, #FFFFFF 50%, #c0bcb8 50%);
}
table.villenkalenteri .kiellettyEka.valittu {
	background: #c2e6d0;
}
table.villenkalenteri .kiellettyEka.valittu.valittuVika {
	background: linear-gradient(135deg, #c2e6d0 50%, #c0bcb8 50%);
}
table.villenkalenteri .kielletty.varattuEkaKiel {
	background: linear-gradient(135deg, #c0bcb8 50%, #e7686a 50%);
}
table.villenkalenteri .kielletty.valittu.varattuEkaKiel {
	background: linear-gradient(135deg, #c2e6d0 50%, #e7686a 50%);
}
table.villenkalenteri .kielletty.valittu.varattuEkaKiel.valittuEka {
	background: linear-gradient(135deg, #c0bcb8 50%, #c2e6d0 50%);
}
table.villenkalenteri .kielletty.varattu.valittuEka {
	background: linear-gradient(135deg, #e7686a 50%, #c2e6d0 50%);
}
#k_edelele span{
	background:url("https://travelnet.sportum.com/online/styles/icons/arrow_left.png") no-repeat !important;
	background-size:contain !important;
	background-position: center !important; 
    cursor:pointer !important;    
    border: none !important;
    color:transparent !important;
    display: inline-block;
    width: 25px;
}
#k_seurele span{
	background:url("https://travelnet.sportum.com/online/styles/icons/arrow_right.png") no-repeat !important;
	background-size:contain !important;
	background-position: center !important; 
    cursor:pointer !important;    
    border: none !important;
    color:transparent !important;
    display: inline-block;
    width: 25px;
}
select{		
	min-width: 120px;
	border-radius:2px;
	padding: 2px;
	color:black;
	/*font-size:105%;*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Some browsers will not display the caret when using calc, so we put the fallback first */ 
	background: url("https://travelnet.sportum.com/online/styles/icons/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
	background: url("https://travelnet.sportum.com/online/styles/icons/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */	
	/*font-weight: 500 !important;*/	
}
form.kformp select, form.kformp input,
#tuntikalenteriForm select {
	width: 100%;
	border-radius:2px;		
	color: #5d5d5d;	
}
div.ilmoitusVahvistus {
	background-color: #AFCC89;
	color: #333;
	border: 1px solid #517D51;
	margin-bottom: 1em;
	padding: 0.5em;
	margin-right: 1em;
}
div.ilmoitusVaroitus {
	background-color: #f0ad4e;
	color: #FFFFFF;
	border: 1px solid #ffeeba;
	margin-bottom: 1em;
	padding: 0.8em;
	margin-right: 1em;
	font-weight: bold;
}
div.ilmoitusVirhe {
	background-color: #f03131;
	color: #FFFFFF;
	border: 1px solid #ffa8a8;
	margin-bottom: 1em;
	padding: 0.8em;
	margin-right: 1em;
	font-weight: bold;
}
div.product {
	text-align: center !important;
}
span.alentamatonHinta {
	color: red;
	text-decoration: line-through;
}
.waiting, 
body.waiting select, 
body.waiting table.villenkalenteri .kalenteri_paiva {
	cursor: wait !important;
}
.loader {
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #2364CE; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: auto;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.abEle {
}
.abEle span {
}
.abEle .abName {
	font-weight: 700;
}
.abEle .abDesc {
	padding-left: 5px;
}
.abEle .abPrice {
	padding-left: 5px;
}
.abEle .abSelect {
	padding-left: 5px;
}
.abEle .abPriceSelect {
	padding-left: 5px;
}

#viikkotuntikalenteri a {
	cursor: pointer;
	font-weight: 700;
	font-size: 110%;
}
#dateSet {
	font-weight: 700;
	font-size: 110%;
}
.kooste-ajakohta {
}

.product-event {
	font-size: 15px;
}
.product-event select {
	font-size: 100%;
}
.product-event .tapahtuma {
	padding: 5px 0;
}
.product-event .tapahtuma select {
	width: 90%;
}
.product-event table.header, 
.product-event #lippuForm #activity-ticket-table {
	margin:auto;
}
.product-event #lippuForm #activity-ticket-table {
	width: 100%;
}
.product-event #lippuForm #activity-ticket-table th {
	background-color: #444444;
	color: #ffffff;
	padding: 5px;
}
.product-event #lippuForm #activity-ticket-table tr.total {
	font-weight: bold;
}
.product-event .header input[type="submit"] {
	background-color: transparent;
	margin: 0;
	color: #000;
	font-size: 2em;
	padding: 0 20px;
	border: none;
}



body .lisapalvelulista select, 
p.klisa select {
	/*width: auto;*/
	font-weight: bold;
}