:root{
  --seura-caption-bg-color:#002757;
  --seura-caption-fg-color:#0fff;
  --seura-caption-bg-color-light:#b5d9f6;
  --seura-caption-fg-color-light:#00308c;
  --seura-btn-bg-color:#00308c;
  --seura-btn-fg-color:#fff;
  --seura-header-bg-color:rgb(0 48 140/var(--tw-bg-opacity,1));
  --extra-header-bg-color:#007e4e;
}
:root .darkmode{
--extra-header-bg-color:#0a402b;;
}
body{}
body{
padding:0;
margin:0;
background:#4B8F18;
background-image:linear-gradient(bottom,rgb(239,79,166) 45%, rgb(255,111,200) 73%);
background-image: -webkit-linear-gradient(top,#7BaF48,#4B8F18);
background-repeat:no-repeat;
background:rgb(250,250,250);
font-family:Capriola,verdana,arial,helvetica,sans-serif;
font-family:ubuntu,verdana,arial,sans-serif;
font-family:lato,sans-serif;
padding-bottom:20px;
font-size:10pt;
width:100%;
background:#D7EFCB;
background:#efefef;
background:#fff;
background:#fafafa;
/*background-image:url(img/linen.jpg);*/
}
body.darkmode {
background:#000;
}

.select2-container--open .select2-dropdown--below {
  margin-left: 8px;
  margin-top: 8px;
}

.dataTables_scrollBody{
border:1px solid #333;
}
.dataTables_scrollBody .ottelulista{
border:none;
}
div.ottelu{
font-size:8px;
}
p{
/*font-family:Capriola,verdana,arial,helvetica,sans-serif;*/

}
.logo a, .menu .logo a, .menu .logo a.current{
color:#318E01;
font-weight:bold;
font-family:Fugaz One;
font-size:50px;
}

.logo {
font-weight:bold;
font-family:Fugaz One;
font-size:25px;
}

.leftmenu{
position:absolute;
width:200px;
float:left;
list-style-type:none;
padding-left:0px;
border-top-left-radius:20px;
border-bottom-right-radius:20px;
background:#cccccc;
box-shadow:0px 0px 4px #555555;
margin-bottom:5px;
padding-top:20px;
padding-bottom:20px;
}

.leftmenu li{
border-top:1px solid #dddddd;
border-bottom:1px solid #999999;
padding:5px 10px;
}
.leftmenu li.active{
border-top:1px solid #005710;
background:#008720;
color:#eeeeee;
}

div.withleftmenu{
margin-left:200px;
position:relative;
heigth:540px;
width:600px;
}
.pages{
height:20000px;
position:absolute;
}
.pages div{
height:540px;
margin-top:-10px;
}
.pages h2{
margin-top:0px;
}

.main{
  position:absolute;
margin-left:150px;
transition:margin 0.4s;
height:100%;
left:0px;
right:0px;
top:45px;
}
.main.vue{
top:0px !important;
}

div.header{
  height:45px;
  position:fixed;
  background:#C5F2AF;
  background:#63A800;
  background:var(--extra-header-bg-color);
  top:0px;
  left:0px;
  width:100%;
  padding:0px;
  z-index:200;
  box-shadow:none;
/*
  box-shadow:0px 1px 5px  #888;
*/
}
.dev div.header{
  background:#cf9612;
}
.fix div.header{
  background:#730016;
}
div.tasomenu{
  box-shadow:none;
  z-index:99;
}
.headerbottom{
/*
  border-top:1px solid #59A461;
  border-bottom:1px solid #218500;
*/
  position:absolute;
  bottom:0px;
  height:0px;
width:100%;
  margin:0px;  
  border:none;
}
.headercontent{
  min-width:800px;
  height:100%;
  display:flex;
  align-items:center;
  margin-left:10px;
/*
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
*/
}

.menu {
background:#888888;
bcakground-image: -webkit-linear-gradient(top,#aaaaff,#888888);
background-image: -webkit-linear-gradient(top,#aaaaaa,#444444);
background:none;
font-size:12pt;
text-align:leftt;
width:100%;
margin-top:2px;
margin-left:150px;
position:relative;
/*
font-family:Capriola,verdana,arial,helvetica,sans-serif;
*/
font-size:10pt;
display:inline-block;
padding:0px;
margin-left:0px;
width:auto;
/*max-width:1200px;*/
display:inline-flex;
margin:-4px 0 0 0;
height:100%;
align-items:center;
}

.onalasivut .menu{
top:-8px !important;
}

.seurapomo #languages{
}

.seurapomo .menu{
top:0px;
}

.menu li{
vertical-align:middle;
}



.menu ul{
padding-left:4px;
}

.menu li{
  display:inline-block;
  margin:0px;
  padding:3px 0px;
}

.menu a{
  margin-top:2px;
  padding:3px 5px;
  color:#eeeeee;
  color:#333333;
  color:#10305F;
  color:#ffffff;
  text-decoration:none;
  border-radius:2px;
/*
  text-shadow:0px 2px 3px #2a2a2a;
  text-shadow:-1px -1px 1px #A3C8B6;, 1px 1px 1px #263635;
*/
/*
-moz-transition: all 130ms ease-in-out;
-webkit-transition: all 130ms ease-in-out;
*/
}
.menu a.current{
  position:relative;
/*  top:px;*/
  color:#2a2a2a;
  background-image:url(li_current.png);
  background-repeat:no-repeat;
  background-position:bottom center;
  padding-bottom:10px;
}
.menu .logo a.current{
background:none;
}
.content{
  min-height:400px;
  padding:0px 20px 60px;
  position:static;
  background:#fafafa;
/*
  background:rgba(255,255,255,0.4);
  */
  min-width:800px;
/*  max-width:1500px;*/
min-height:100%;
/*
  margin-left:auto;
  margin-right:auto;
*/
  box-shadow: 0px 0px 8px 0px;
  box-shadow:none;
  margin-bottom:60px;
}
.contentinside{
  min-width:800px;
/*  max-width:1500px;*/
  margin-left:auto;
  margin-right:auto;
  padding:20px 0px 0px 0px;
}
h1{
text-align:left;
background:none;
border:0;
color:#000000;
padding-top:20px;
font-size:30px;
margin-top:1em;
}




/* override the root element to enable scrolling */
	.css-panes {
		position:relative;
		overflow:hidden;
		clear:both;
        background-color: transparent;
        margin-top:0;
	}
 
	/* override single pane */
	.css-panes div.tabi {
	left:0px;
	width:auto;
	}
 
	/* our additional wrapper element for the items */
	.css-panes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
        border:0;
	}
 

	.css-panes .less, .css-panes .less a {
		color:#999 !important;
		font-size:11px;
	}

/* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#777777;
 
    width:675px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;

    color: #eeeeee;
  padding:20px;
  border-top-left-radius:20px;
  border-bottom-right-radius:20px;
}

.simple_overlay h3{
  background:transparent;
  color:#eeeeee;
  text-shadow:0px 2px 3px #2a2a2a;
  border:0;
}
.simple_overlay h4{
  margin:0;
}
.simple_overlay ul{
  padding-left:15px;
  padding-right:15px;
  font-size:10pt;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

.price{
color:green;
margin-top:-40px;
float:right;
font-size:12px;
}

.featurebox, .referencebox, .widebox{
display:inline-block;
vertical-align:top;
width:250px;
margin:0px 10px;
border-top-left-radius:20px;
border-bottom-right-radius:20px;
background:#cccccc;
padding:10px;
box-shadow:0px 0px 8px #555555;
margin-bottom:20px;
}
.withleftmenu .featurebox{
width:180px;
}
.starter h3, h3.starter{
background-color:#965A38;
border-top:1px solid #763a28;
}
.advanced h3, h3.advanced{
background-color:#A8A8A8;
border-top:1px solid #787878;
}
.pro h3, h3.pro{
background-color:#C98910;
border-top:1px solid #a96905;
}
.referencebox{
width:600px;
min-height:200px;
}
.widebox{
width:860px;
min-height:400px;
}
h3{
font-size:1em;
margin-left:-11px;
padding:0px 10px 5px;
margin-right:-11px;
/*
color:#ffffff;
*/
}

.featurebox ul{
list-style-type:none;
padding-left:5px;
}
.featurebox li{
font-size:12px;
margin-left:0px;
padding:8px 0px;
border-top:1px solid #dddddd;
border-bottom:1px solid #999999;
}
.featurebox li:first-child{
border-top:0;
}
.featurebox li:last-child{
border-bottom:0;
}
button{
color:#08233e;
padding:4px 14px;
font-weight:bold;
background-color:rgba(255,204,0,1);
border:1px solid #ffcc00;
/*-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;*/
border-bottom:1px solid #9f9f9f;
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
cursor:pointer;
}

button:hover{background-color:rgba(255,204,0,0.8);}
.seurapomo button:hover{background-color:var(--light-blue);}

button:active{position:relative;top:1px;}
.cdr{
unicode-bidi: bidi-override;
direction: rtl;
text-align:left;
}
th{
text-align:left;
}

#tabmenu{
left:0px;
right:0px;
background:red;
height:16px;
padding:4px 0px;
background:#cccccc;
}
#tabmenu a{
padding:4px 6px;
height:16px;
background:#cccccc;
color:#333333;
border-left:1px solid #ffffff;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
}
.tabinactive, .tabactive{
vertical-align:top;
}

.footer{
position:static;
height:200px;
background:#cccccc;
border-top:2px solid #999999;
paddin:0;
margin:0;
left:0px;
z-index:1102;
width:100%;

position:fixed;
bottom:0;
height:30px;
box-shadow:0px -4px 4px -1px grey;
}

.seurapomo h4{
  background:#3e8cbb;
}


.seurapomo .footer{
background:var(--seura-header-bg-color);
border-top:none;
box-shadow:none;
}

.footercontent{
  min-width:800px;
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
  vertical-align:middle;
  line-height:30px;
}
.footercontent a{
  font-size:14px;
  text-decoration:none;
  padding-right:30px;  
  color:#555555;
}
.footer .logo{
  color:#555555;
  padding-top:0;
  position:static;
  float:right;
}


.torneopal_page table{
width:70%;
text-align:center;
}
.torneopal_page td{
width:50%;
vertical-align:top;
text-align:justify;
}
.pg h2{
text-align:center;
}

table.shad{
border-spacing:20px;
}

.shad td{
border-radius:5px;
box-shadow:1px 1px 5px #cccccc;
padding-right:20px;
}

div.item{
margin-top:0px;
}
select{
height:26px;
font-size:10pt;
border:1px solid #aaa;
border-radius:4px;
background:#fff;
}
.darkmode select{
background:#444;
color:#fff;
}
select:disabled{
background:#eee;
color:#333;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
color:#000;
}
.darkmode .select2-container--default .select2-selection--single .select2-selection__rendered{
background:#444;
color:#fff;
}

input[type=text],input[type=password],input[type=email],input[type=search],input[type=tel],input[type=number],textarea{
background:#DFDFDF;
/*
background-image: -webkit-linear-gradient(top,#DFDFDF,#F4F4F4);
background-image:-moz-linear-gradient(top,#DFDFDF,#F4F4F4);
box-shadow:1px 1px 1px #bbbbbb inset;
*/
border:1px solid #aaa;
border-radius:4px;

/*padding:0px 8px !important;*/
padding:0px 8px;
/*font-size:8pt;*/
line-height:24px;
background:#ffffff;
}

.darkmode{
  input[type=text],input[type=password],input[type=email],input[type=search],input[type=tel],input[type=number],textarea{
    background:#444;
    color:#fff;
  }
}

textarea{
line-height:16px;
}
input[readonly], textarea[readonly]{
background:#eee !important;
color:#545454;
}
.darkmode {
input[readonly], 
darkmode textarea[readonly]{
background:#222 !important;
color:#ddd;
}
}


input[type=checkbox]{
width:16px;
height:16px;
}
input:valid{
}
input:required{
}
input:invalid{
border:1px solid red;
}

.empty{
color:#777777;
}

form{
/*
line-height:2.6em;
*/
}

#editpage{
width:800px;
height:600px;
}
div.tasomenu2{
height:18px;
}
div#tasomenu{
height:22px;
z-index:220;
transition:margin-left 0.4s;
padding-top:0px;
}

.eitasomenu .content{
margin-left:5px;
}

th{
font-weight:normal
}

div.fdialog{
width:550px;
min-width:0px;
left:50%;
margin-left:-250px;
}

.fdialog h2{
background: #c5f2af;
background: -moz-linear-gradient(top, #c5f2af 0%, #7fc35d 23%, #318e01 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5f2af), color-stop(23%,#7fc35d), color-stop(100%,#318e01));
background: -webkit-linear-gradient(top, #c5f2af 0%,#7fc35d 23%,#318e01 100%);
background: -o-linear-gradient(top, #c5f2af 0%,#7fc35d 23%,#318e01 100%);
background: -ms-linear-gradient(top, #c5f2af 0%,#7fc35d 23%,#318e01 100%);
background: linear-gradient(to bottom, #c5f2af 0%,#7fc35d 23%,#318e01 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5f2af', endColorstr='#318e01',GradientType=0 );
background: var(--extra-header-bg-color);
color:#fff !important;
}

.menutaso{
background-color:#ddd;
color:#333;
}
.menutasos{
background-color:var(--extra-header-bg-color);
}
.menu a.pageactive{
/*
  color:#222;
  text-shadow:0px 1px 1px #93D800;
  font-weight:bold;
*/
  background:rgba(0,0,0,0.5);
  padding-top:3px;
background:none;
font-weight:bold;
color:#fff;
border-bottom:2px solid #fff;
}

.menu a:hover{
/*background:rgba(0,0,0,0.3);*/
border-bottom:1px solid #fff;
}

body.ottelusuunnittelu{
background:none;

}

.ottelusuunnittelu .content{
box-shadow:none;
}

.ottelusuunnittelu .contentinside{
margin-left:150px;
padding-top:30px;
}

div.suunnittelumain{
/*background:#D7EFCB;*/
box-shadow:inset 0px 0px 6px;
left:160px;
left:10px;
right:10px;
top:58px;
margin-top:-30px;
background:none;
border:0;
border-radius:0;
box-shadow:none;
}

.paivavalinta{
text-decoration:none;
padding:4px 10px !important;
}
.ottelusuunnittelu .footer{
/*display:none;*/
}

.awesome, a.awesome, input.awesome{
background: #c5f2af; /* Old browsers */
padding: 4px 12px;
color:#fff;
text-shadow:none;
border-radius:2px;
background:#63a800;
background:var(--extra-header-bg-color);
text-shadow:0px 1px rgba(0,0,0,0.4);
box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
text-shadow:none;
}
h1, h2{
font-size: 1.6em;
margin: 0;
padding: .3em 0;
line-height: 1.2;
font-family: "Belgrano", Arial, Helvetica, sans-serif;
font-weight: normal;
-webkit-text-stroke-width: 0.3px;
font-family: 'Ubuntu' !important;
color: #666 !important;
}

h1 {
font-size:1.6em;
color:#116f4b !important;
}
.darkmode h1{
  color:#14ae73 !important;
}
.darkmode h2{
  color:#fff !important;
}
.awesome:hover{
background: #7cad54; /* Old browsers */
background: -moz-linear-gradient(top,  #7cad54 0%, #4b9327 23%, #276d01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cad54), color-stop(23%,#4b9327), color-stop(100%,#276d01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7cad54 0%,#4b9327 23%,#276d01 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7cad54 0%,#4b9327 23%,#276d01 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7cad54 0%,#4b9327 23%,#276d01 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7cad54 0%,#4b9327 23%,#276d01 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cad54', endColorstr='#276d01',GradientType=0 ); /* IE6-9 */
background:#78c900;
background:#75c7a8;
}

div.subformbuttons{
padding:0px 10px;
}
.php_ottelusuunnittelupaiva .footer{
display:none;
}

div#tasomenu{
height:100%;
top:50px;
width:150px;
border-right:1px solid #ccc;
overflow-y:hidden !important;

}
div#tasomenuscroll{
overflow-y:auto;
top:0;
bottom:150px;
padding-bottom:20px;
position:absolute;
width:100%;
}
div.tasomenu2{
height:auto;
display:block;
float:none;
border:none;
width:134px;
margin:2px 8px 0px;
margin:2px 0px 0px 0px;
background:#ACBCB9;
/*border-bottom:1px solid #aeaeae;*/
}
div.tasomenu2ala{
width:140px;
background:#cecece;
background:#ACBCB9;
min-width:0px;
padding-left:10px;
overflow:hidden;
box-shadow:none;
margin-top:0;
border-bottom:1px solid #8C9C99;
padding-bottom:4px;
}
.tasomenu2ala a{
background:none;
background:#ACBCB9;
}
.tasomenu span{
display:inline-block;
width:136px;
padding:8px 0px 8px 4px;
margin:0px;
margin-left:-8px;
}
div.tasomenu2{
padding:0;
}
div.tasomenu{
position:fixed;
background:#ECECEC;
background:rgba(235,235,235,0.4);
background:#F6F6F6;
transition:width 0.3s;
overflow:hidden;
}
.darkmode div.tasomenu{
background:#2a2a2a;
color:#fff;
}
img#slidemenu{
display:none;
}

img#oslidemenu{
display:none;
position:absolute;
right:4px;
}
div#oikeamenu{
  position:fixed;
  top:45px;
  bottom:0px;
  width:0px;
  right:0px;
  display:block;
  z-index:5;
  overflow-y:auto;
  padding-bottom:50px;
}
#oikeamenu li{
  display:block;
}
#oikeamenu{
  display:none;
  box-shadow: -2px 2px 5px #888888;
}
@media screen and (max-device-width:1000px)
{
  .tasomenutoggle{
  display:none;
  }
  #languages{
  display:none;
  }
  
  body{
  font-size:11pt;
  }
  ul.menu{
/*  display:none;*/
    margin-left:30px;
    position:absolute;
    top:2px;
  }
  div#tasomenu{
    width:0px;
    padding:0;
  }
  .main{
    margin-left:0px;
  }
  img#slidemenu{
  display:inline;
  }
  img#oslidemenu{
  display:inline;
  }
  img#tplogo{
  display:none;
  }
}
@media screen and (max-device-width:600px)
{
  .content{
    min-width:360px;
    padding:0;
  }
  .contentinside{
    min-width:360px;
    margin-bottom:30px;
  }
  .formbox{
    min-width:200px !important;
  }
  ul.menu{
  display:none;
  }
  button.awesome{
    width:8em;
  }
  h1,h2{
  font-size:1em;
  }
  .formfooter{
  display:block;
  height:80px;
  }
}
.menuviiva{
border:0;
}
.tasomenu span{
padding-left:14px;
background:#ECECEC;
padding-right:8px;
}
.tasomenu a{
/*
text-shadow:0px 1px rgba(255,255,255,0.5);
-moz-transition: all 130ms ease-in-out;
-webkit-transition: all 130ms ease-in-out;
*/
}
.tasomenu a.tasomenuitem.active{
  background:#63A800;
color:#fff;
width:160px;
border-top-right-radius:18px;
border-bottom-right-radius:18px;
border-top:1px solid #8C9C99;
box-shadow:inset 0px 0px 4px 4px rgba(0,0,0,0.1);
text-shadow:0;

border-radius:0;
box-shadow:none;
width:146px;
background:none;
font-weight:bold;
color:#000;
border:0;

}
.tasomenu a.tasomenuitem.alasivu{
  padding-left:10px;
  line-height:1em;
}

.tasomenu2ala a:hover, .tasomenu a.tasomenuitem:hover{
border-top-right-radius:18px;
border-bottom-right-radius:18px;
/*border-top:1px solid #aCCCC9;*/
background:#bbdd99;
box-shadow:inset 0px 0px 4px 4px rgba(60,60,60,0.1);
color:#333;
box-shadow:none;
background:#ddd;
border-radius:2px;
}


.darkmode .tasomenu2ala a:hover, 
.darkmode .tasomenu a.tasomenuitem:hover{
background:#111;
color:#aaa;
}

.tasomenu a.tasomenuitem:hover:before{
background:#ddd;
}
.tasomenu a.tasomenuitem.active{
background:#ddd;
}
.darkmode .tasomenu a.tasomenuitem.active{
background:#111;
}
.tasomenuturnaus{
text-align:center;
bottom:86px;
width:150px;
position:absolute;
background:#f6f6f6;
}
.darkmode .tasomenuturnaus{
background:#2a2a2a;
}
/*
.tasomenu a.tasomenuitem.active:before{
margin-top: -6px;
right: 0;
content: '';
position: absolute;
border-color: transparent #aaaaaa transparent transparent;
border-style: solid;
border-width: 15px 10px 15px 0;
}
*/

.loginbtn{
text-align:center;
}
.tasomenu2ala a:hover, .tasomenu span.loginbtn:hover{
background:none;
color:#000;
}
.tasomenu a.turnausnimi{
padding-left:14px;
padding-right:8px;
}
.turnausnimi:hover{
background:#ACBCB9;
color:#fff;
}
.tasomenu a{
/*border-top:1px solid rgb(236,236,236);*/
display:block;
text-decoration:none;
}
.tasomenu a.tasomenuitem{
display:block;
text-decoration:none;
padding:1px 4px;
width:143px;
padding:8px 0px 8px 4px;
margin:0px;
margin-left:3px;
mrgin-right:3px;
color:#333;
width:100%;
}
.darkmode .tasomenu a.tasomenuitem{
color:#fff;
}

.tasomenu a.tasomenubutton{
text-align:center;
display:inline;
}
#alasivut{
z-index:3;
position:fixed;
top:25px;
left:180px;
padding-left:0px;
right:0px;
padding-top:2px;
height:20px;
  background:var(--extra-header-bg-color);

/*  box-shadow:0px 1px 5px  #888;*/
}
#alasivut .pageactive{
border-bottom:2px solid #fff;
}
#alasivut ul{
margin-top:0px;
padding-left:8px;
font-size:9pt;
}
#alasivut li{
display:inline-block;
margin-top:-6px;
color:#fff;
}
#alasivut{
margin-top:-6px;
}
#alasivut a{
color:#fff;
display:inline-block;

}
.formfooter{
/*
position:absolute;
right:20px;
top:28px;
*/
}
.kalenteri td, .kalenteri th{
font-size:9pt;
}

.valiotsikko,.valiotsikko:hover  {background:none !important}
.tasolista tbody tr.valiotsikko:hover, .ottelulista tbody tr.valiotsikko:hover, .ottelulistahover {background: none !important;cursor:default}
.date{
cursor:pointer;
}
.dataTables_filter{
margin-top:0px;
float:right;
padding:4px 0;
}
.joukkueotsikko th {
  background-color: --extra-header-bg-color !important;
  color: #000 !important;
}
.dataTables_filter label{
display:inline;
}
.fullformbox{
overflow:visible;
}
.fullformbox .dataTables_filter{
margin-top:-34px;
}
.tasolista caption, .ottelulista caption{
background:none;
border:0;
}
.tasolista th, .ottelulista th {
background:#C5F2AF;
background:var(--extra-header-bg-color);
border:0;
color:#fff;
}
.tasolista tr.odd td{
background:#e8e8e8;
}
th.groupsum, th.sum{
background-color: var(--extra-header-bg-color);
font-weight:bold;
}
th.sum{
background-color: var(--extra-header-bg-color);
border-top:1px solid #C5F2AF;
}
th.valiotsikko{
padding-top:8px;
border:0;
color:#338800;
text-align:left;
}
.liveottelu{
position:relative;
left:50%;
}
.ottelufilter{
/*display:none;*/
}

.bigformbox{
width:98%;
}

#lohkomenu td {
padding: 2px 10px;
display:inline-block;
margin:2px;
}
.col_avustava1nimi,.col_avustava2nimi{display:table-cell}
.tasolista, .ottelulista{
background: rgba(255,255,255,0.5);
padding: 6px;
border-radius: 4px;
box-shadow: inset 0px 0px 3px 3px #aaa;
}
.tasolista, .ottelulista,#sarjatable,.datatable{
border-spacing:0;
}
.ottelulista .kierros td{
background:#ddd;
}
.tasolista td, .ottelulista td, #sarjatable td,.dataTable td{
border-bottom:1px solid #ccc;
padding:2px;
}
.tasolista th{
padding:2px;
}
.formbox{
background: rgba(255,255,255,0.5);
padding: 6px;
border-radius: 4px;
box-shadow: inset 0px 0px 3px 3px #aaa;
min-width:405px;
width:auto;
border-radius:3px;
}

.formbox, .tasolista{
border:1px solid #e3e3e3;
/*
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05) !important;
*/
    border-radius:5px;
}
.tasolista{
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05) !important;

}

.bigformbox{
min-width:800px;
}
.viiva{
position:absolute;
transform-origin:0% 100%;
background:#000;
height:1px;
}
div.kasipallo, div.ringette, div.jaapallo
{
margin-left:0px !important;
}

.css-panes div.tabi{
background-color:rgba(255,255,255,0.5);
box-shadow:inset 0px 0px 3px 3px #aaa;
background:#fff;
}


table.huonejaot td{               
padding-bottom:0.5em;               
vertical-align:top;               
}                   

.tarkistettu td{color:#888888;}


.formbox h3{
background:var(--extra-header-bg-color);
color:#fff;
text-shadow:none;
margin-left:-7px;
margin-right:-7px;
padding-top:4px;
margin-top:-6px;
border-top-right-radius:4px;
border-top-left-radius:4px;
}

.formbox{
border:1px solid :var(--extra-header-bg-color);
box-shadow:none;
border-radius:4px;
background:#fff;
min-height:0px;
overflow:hidden;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    border: 0;
}
.css-panes div.tabi{
box-shadow:none;
border:1px solid var(--extra-header-bg-color);
border-radius:0px;
}

ul.css-tabs{
margin-right:0px !important;
}

ul.css-tabs a.current {
background-color: var(--extra-header-bg-color);;
border-bottom: 0px;
color: #fff;
}
ul.css-tabs a {
border-radius:0px;
}
.ui-tabs ul.css-tabs a{
border:0;
background:none;
}
.subformbuttons {
margin-top:-10px;
}
.tasolista, .ottelulista {
background: none;
padding: 0px;
border-radius: 0px;
box-shadow: none;
border:1px solid var(--extra-header-bg-color);
}
.bigformbox{
margin-top:30px;
}

.seurapomo .kalenteri{
border:1px solid #085a8c;
}
.kalenteri{
border:1px solid  #63A800;
background:#fff;
}
.estekalenteri{
border:0 !important;
}
.kalenteri th{
background: var(--extra-header-bg-color);
color:#fff;
}
.formbuttons{
margin-top:-8px;
}
div.tapahtuma{
display:none;
}
span.help{

}

[class^="help"]:before, [class*=" help"]:before,
[class^="help"]:after, [class*=" help"]:after {
color:#63A800;
}

.tasolista, .ottelulista{
background:#fff;
}
.darkmode .tasolista, .darkmode .ottelulista{
background:#333;
}

div.tunnit{
border:1px solid #888;
}
div.kenttasuunnittelu{
border-top:1px solid #888;
border-bottom:1px solid #888;
}
.valittujoukkue{
background:#eee;
}
input:disabled,textarea:disabled{
background:#eee;
}
#joukkueet td,#joukkueet th{
padding:2px;
}
div.lohkoclass{
width:450px;
margin-right:10px;
}
#languages{
float:right;
/*margin-top:-25px;*/
z-index:2;
}
.formbox td{
white-space:nowrap;
}
.maksatus{
border-spacing:0;
}
.maksatus td,.maksatus th{
padding:2px;
}
.maksatus tfoot tr:first-child td{
border-top:1px solid #333;
}

h4{
background:var(--extra-header-bg-color);
font-size:1em;
padding:4px 5px;
color:#fff;
}
h4 a{
color:#fff;
text-decoration:none;
}
h4 a:hover{
text-decoration:underline;
}
.ilmoittautuneet{
box-shadow:none;

}
table.kalenteri{
display:inline-block;
vertical-align:top;
margin-bottom:10px;
}
table.estekalenteri{
  display:table;
}
.onalasivut {
padding-top:30px;
}
.qtip-default{
background-color:#C5F2AF;
border-color:#A5E29F;
}
.db_hb .ottelulista .col_sarja{
display:none;
}

@media print{
  .main{
  position:static;
  }
  h1,body{
  margin-top:0;
margin-left:0;
padding-left:0;
  }
  .ottelulista{
    border:0;
/*    position:absolute;*/
    left:0cm;
    width:20cm !important;
    font-size:8pt;
    color:#000 !important;
  }
  td{                   
  font-size:1.2em;                
  }
  .header, ul.css-tabs a, .tasomenu{
  display:none !important;
  }
  .tasolista, .ottelulista{
  box-shadow:none;
  }
  ul.css-tabs{
  border:0;
  }
  ul.css-tabs a.current{
  display:block;
  font-size:20px;
  border:0;
  }
  .main{
  margin-left:0px !important;
  }
  .awesome{
  display:none;
  }
  .css-panes div.tabi{
  border:0;
  background:none;
  }
  .content{
    background:none;
  }
  
}	
.subformbuttons{
width:auto;
}
.alasivuja .main{
margin-top:20px;
}
#alasivut a{
text-decoration:none;
}
table.dataTable tbody th, table.dataTable tbody td {
padding:4px;
}
.dataTables_wrapper .dataTables_filter {
  float: left;
  text-align: left;
  padding:4px 0;
}
#olista tr:hover{
background:rgba(0,0,0,0.2);
}
#alasivut a{
text-decoration:none;
}
div.subformbuttons{
position:static;
text-align:left;
}
.ottelulista tbody tr:hover{
background-color:rgba(0,0,0,0.2);
}
.ottelusuunnittelu div#tasomenu{
display:none;
}
.ottelusuunnittelu div#maindiv{
margin-left:2px;
}
.seurapomo.ottelusuunnittelu div#maindiv{
margin-left:150px;
}


.tulospalvelutaulukko .lohko_kunto{
display:none;
}

.livescore .header{
display:none;
}
.livescore .footer{
display:none;
}
.livescore #tasomenu{
display:none;
}
.livescore .main{
margin-left:0;
top:0px;
}
.suunnittelu .main{
margin-left:0;
}

button.awesome{
box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
border-radius:2px;
}
.fb-share-button{
display:none;
}
@media only screen and (max-width: 600px) {
  #content {
    margin-bottom: 30px;
  }
}
.header{
padding-top:10px;
height:40px;
box-shadow: -4px 4px 4px -1px grey;
padding-left:1em;
}
.seurapomo .header{
background:var(--seura-header-bg-color);
}
.seurapomo .headerbottom{
border-top:1px solid #085a8c;
border-bottom:1px solid #085a8c;
}
input{
border:1px solid #C2C8CE;
border-radius:4px;
padding:4px;
}
select{
border:1px solid #C2C8CE;
border-radius:4px;
padding:4px;
}
input:focus{
background:#D0F6CF;
}
.seurapomo select:focus, .seurapomo input:focus{
background:#eeeeff;
}
.seurapomo .awesome, .seurapomo a.awesome{
background:#3071a9;
}
.seurapomo h1{
color:#004e7e !important;
}
.seurapomo .tasolista, .seurapomo .ottelulista, .seurapomo .formbox{
border:1px solid #085a8c;
}
.seurapomo .tasomenu h4{
margin-top:0px;
padding: 8px 0px 8px 4px;
}
.seurapomo .formbox h3,
.seurapomo .tasomenu h4,
.seurapomo .formbox h4
{
background:#3e8cbb;
}

.seurapomo .ui-state-default{
background:#3e8cbb;
}
.seurapomo .ui-state-active{
background:#fff;
}
.seurapomo .ui-state-active a{
color:#3e8cbb;
}

.seurapomo .tasolista th, .seurapomo .ottelulista th{
background:#a1cae2 !important;
color:#000!important;
}
.seurapomo .tasomenu{
/*display:none;*/
}
.seurapomo.joukkue .tasomenu,.joukkuepomo .tasomenu{
display:block;
}
.omatili .main{
margin-left:0px;
}
.seurapomo .kalenteri th{
background:#3e8cbb;
}

.seurapomo #oslidemenu{
display:none;
}
.tasomenu a.omatili{
background:navy;
color:#fff;
margin:0;
width:146px;
}
.tasomenutoggle{
  z-index:2201;
  background:#fff;
}

@media screen and (max-device-width:1000px)
{
.tasomenutoggle{
display:none;
}
#languages{
display:none;

}
.seurapomo .bannername{
float:none !important;
}  

.seurapomo .main, .joukkuepomo .main {

    margin-left: 0px;

}
  body{
  font-size:11pt;
  }
  ul.menu{
/*  display:none;*/
    margin-left:30px;
    position:absolute;
    top:2px;
  }
  div#tasomenu{
    width:0px;
    padding-right:0;
  }
  div#tasomenuala{
  display:none;
  }
  .main{
    margin-left:0px;
  }
  img#slidemenu{
  display:inline;
  }
  img#oslidemenu{
  display:inline;
  margin-right:20px;
  }
  img#tplogo{
  display:none;
  }
  #hlogout{
  margin-right:60px !important;
  }
  .formbox, .tabi #container{
  overflow-x:auto;
  }
}
@media screen and (max-device-width:600px)
{
  span.ottelufiltteri{
  display:block;
  }
  .content{
    min-width:320px;
  }
  .contentinside{
    min-width:320px;
  }
  .formbox{
    min-width:200px !important;
  }
  ul.menu{
  display:none;
  }
  .content{
  padding:0 2% 60px;
  }
  div.formbox{
  width:92%;
  }
  .footer{
  display:none;
  }
  div.fdialog{
    width:90%;
  }
  
}
body.seurapomo ul.menu,body.seurapomo div#alasivut{
background:none;
}
.qtip{
background:rgba(0,0,0,0.8);
color:#fff;
}
.tip{
cursor:help;
}
span.vaiheotsikko{
float:none;
}
.ottelutapahtumat tr.joukkue_koti td:nth-child(1),
.ottelutapahtumat tr.joukkue_koti td:nth-child(2),
.ottelutapahtumat tr.joukkue_koti td:nth-child(3),
.ottelutapahtumat tr.joukkue_koti td:nth-child(4)
{
background:#eee;
}
.ottelutapahtumat tr.joukkue_vieras td:nth-child(3),
.ottelutapahtumat tr.joukkue_vieras td:nth-child(4),
.ottelutapahtumat tr.joukkue_vieras td:nth-child(5),
.ottelutapahtumat tr.joukkue_vieras td:nth-child(6)
{
background:#eee;
}
.ottelutapahtumat td{
border-bottom:none;
border-top:1px solid #ccc;
}
.ottelutapahtumat .tapahtuma_syotto td{
border-top:1px solid rgba(0,0,0,0);
}
.ottelutapahtumat td.tapahtuma_tapahtuma:before
{
  content:'';
  background-size:auto 1em;
  height:1em;
  width:1em;
  margin-right:0.2em;
  margin-left:0.2em;
  display:inline-block;
  box-sizing:border-box;
}

.ottelutapahtumat .tapahtuma_virhe td.tapahtuma_tapahtuma:before
{
  background-image:url(/taso/img/whistle.png);
  opacity:0.5;
}

.ottelutapahtumat .tapahtuma_varoitus td.tapahtuma_tapahtuma:before{
  background-image:url(/taso/img/ycard.png);
  width:0.75em;
}
.ottelutapahtumat .tapahtuma_ulosajo td.tapahtuma_tapahtuma:before{
  background-image:url(/taso/img/rcard.png);
  width:0.75em;
}

.ottelutapahtumat .tapahtuma_maali td.tapahtuma_tapahtuma:before{
  background-image:url(/taso/img/ball.png);
}
.sport_koripallo .ottelutapahtumat .tapahtuma_maali td.tapahtuma_tapahtuma:before,
.db_koripallo .ottelutapahtumat .tapahtuma_maali td.tapahtuma_tapahtuma:before{
  background-image:url(/taso/img/basketball.png);
}
.vue.desktop .contentinside{
margin-left:0;
margin-right:0;
max-width:none;
}
.vue.desktop #content{
max-width:none;
}
#hlogout{
float:none !important;
position:absolute;
right:0;
z-index:10;
}