/* lottos navs */
.lotto-nav{margin: 20px 0 10px;}
.lotto-nav.skandinav, .lotto-nav.toto, .lotto-nav.otoslotto, .lotto-nav.eurojackpot, .lotto-nav.hatoslotto, .lotto-nav.putto{background: #2a2e3f;}
.lotto-nav.teletext{background: #000;}
.lotto-nav.tippmix{border-top: 5px solid #273590; box-shadow: 0 2px 0 rgba(0,0,0,.09);}
.lotto-nav.tippmixpro{background: url('/imgs/bg-header.png') #144a0f no-repeat top;}
.lotto-nav.euromillions{background: #355ea7;}
.lotto-nav [class^="col-"]:not(:first-child):before{
   position: absolute;
   content: "\f138";
   top: 50%;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   left: 5px;
   font: 900 16px 'Font Awesome 5 Free';
}
.lotto-nav:not(.tippmix):not(.tippmixpro):not(.teletext) [class^="col-"]:not(:first-child):hover:before{top: 49%;}
.lotto-nav:not(.tippmix) [class^="col-"]:before{ color: #fff;}
.lotto-nav.tippmix [class^="col-"]:before,
.lotto-nav.teletext [class^="col-"]:before,
.lotto-nav.tippmixpro [class^="col-"]:before{
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.lotto-nav.tippmix [class^="col-"]:before{ color: #7c7d7e;}
.lotto-nav.tippmix [class^="col-"]:hover:before{color: #273590; }
.lotto-nav.tippmixpro [class^="col-"]:hover:before{color: #fc0; }
.lotto-nav [class^="col-"]:not(:first-child):not(:last-child):after{
   position: absolute;
   content: "";
   background: rgba(0, 0, 0, 0.2);
}
.lotto-nav.teletext [class^="col-"]:not(:first-child):not(:last-child):after {top: 0;height: 70px;}
.lotto-nav.teletext [class^="col-"]:not(:first-child):not(:last-child):after{background: #00ffff;}
.lotto-nav.euromillions [class^="col-"]:not(:first-child):not(:last-child):after{ top: 0;	height: 70px;}
.lotto-nav [class^="col-"]{text-align: center;padding: 0;}
.lotto-nav [class^="col-"]:not(:first-child){
   transition: all 0.1s ease-in-out;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
}
.lotto-nav.skandinav [class^="col-"]:not(:first-child),
.lotto-nav.toto [class^="col-"]:not(:first-child),
.lotto-nav.otoslotto [class^="col-"]:not(:first-child),
.lotto-nav.hatoslotto [class^="col-"]:not(:first-child),
.lotto-nav.putto [class^="col-"]:not(:first-child),
.lotto-nav.eurojackpot [class^="col-"]:not(:first-child){background: #93d14f;}
.lotto-nav.teletext [class^="col-"]{background: #000;}
.lotto-nav.skandinav [class^="col-"]:hover,
.lotto-nav.toto [class^="col-"]:hover,
.lotto-nav.otoslotto [class^="col-"]:hover,
.lotto-nav.hatoslotto [class^="col-"]:hover,
.lotto-nav.putto [class^="col-"]:hover,
.lotto-nav.eurojackpot [class^="col-"]:hover{background: none;}
.lotto-nav.teletext [class^="col-"]:not(:first-child):hover{background: rgba(0, 255, 255, 0.5);}
.lotto-nav.euromillions [class^="col-"]:hover{
   box-shadow: inset 0 0 20px rgba(51,51,51,.5);
   transition: all 0.2s ease;
}
.lotto-nav.skandinav [class^="col-"]:hover span,
.lotto-nav.toto [class^="col-"]:hover span,
.lotto-nav.otoslotto [class^="col-"]:hover span,
.lotto-nav.hatoslotto [class^="col-"]:hover span,
.lotto-nav.putto [class^="col-"]:hover span,
.lotto-nav.eurojackpot [class^="col-"]:hover span{ border-bottom: 2px solid;}
.lotto-nav [class^="col-"] span{
   vertical-align: middle;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   width: 95%;
   padding-left: 15px;
}
.lotto-nav.skandinav [class^="col-"]:hover span,
.lotto-nav.eurojackpot [class^="col-"]:hover span{border-color: #fed901;}
.lotto-nav.toto [class^="col-"]:hover span{border-color: #a268d8;}
.lotto-nav.otoslotto [class^="col-"]:hover span{border-color: #00955e;}
.lotto-nav.hatoslotto [class^="col-"]:hover span{border-color: #dc0133;}
.lotto-nav.putto [class^="col-"]:hover span{border-color: #496df5;}
.lotto-nav a{
   font-size: 13px;
   font-weight: 600;
   text-transform: uppercase;
   text-decoration: none;
   z-index: 100;
   text-align: center;
   border-bottom: none;
   display: block;
   padding: 0 5px;
   height: 70px;
}
.lotto-nav.skandinav a, .lotto-nav.tippmixpro a, .lotto-nav.toto a, .lotto-nav.otoslotto a, .lotto-nav.eurojackpot a, .lotto-nav.hatoslotto a, .lotto-nav.putto a, .lotto-nav.euromillions a, .lotto-nav.teletext a{color: #fff;}
.lotto-nav.tippmix a{color: #7c7d7e;}
.lotto-nav.tippmix a:hover {color: #273590;}
.lotto-nav.tippmixpro a:hover {color: #fc0;}
.lotto-nav .logo-tippmixpro{
	background-size: cover;
    width: 130px;
    height: 25px;
    background-position: center center;
    margin: 20px auto;
}

@media only screen and (min-width: 1200px){
.lotto-nav .col-lg-2 {width: 12.5%;}
.lotto-nav .logo-tippmixpro{ margin-left: 5px;}
.lotto-nav [class^="col-"]:not(:first-child):before{ left: 5px; font: 900 12px 'Font Awesome 5 Free';}
.lotto-nav [class^="col-"]:not(:first-child) span{padding-left: 10px; width: 90%;}
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
.lotto-nav:not(.toto) [class^="col-"]:nth-child(-n+4){ border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.lotto-nav.teletext [class^="col-"]:nth-child(-n+4) { border-bottom: 1px solid #00ffff;}
.lotto-nav [class^="col-"]:first-child:after{
   position: absolute;
   content: "";
   background: rgba(0, 0, 0, 0.2);
   top: 10px;
   right: 0;
   width: 1px;
   height: 50px;
}
.lotto-nav.teletext [class^="col-"]:first-child:after{background: #00ffff; top: 0; height: 70px;}
.lotto-nav:not(.toto) [class^="col-"]:nth-child(4n):after{ background: none!important;}
}
@media only screen and (min-width: 768px){
	.lotto-nav { width: 100%;}
	.lotto-nav.tippmix [class^="col-"]:before{ color: #7c7d7e;}
	.lotto-nav.tippmix [class^="col-"]:hover:before{color: #273590; }
	.lotto-nav.tippmixpro [class^="col-"]:hover:before{color: #fc0; }
	.lotto-nav:not(.toto) [class^="col-"]:not(:first-child):not(:last-child):after{
	   top: 10px;
	   right: 0;
	   width: 1px;
	   height: 50px;
	}
}
@media only screen and (max-width: 767px){
	.lotto-nav {width: 60%;margin: 20px auto;}
	.lotto-nav [class^="col-"]:not(:last-child):after,
	.lotto-nav.teletext [class^="col-"]:not(:first-child):not(:last-child):after,
	.lotto-nav.euromillions [class^="col-"]:not(:first-child):not(:last-child):after{
		position: absolute;
		content: "";
		background: rgba(0, 0, 0, 0.2);
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		width: 90%;
		height: 1px;
		z-index: 2;
		}
	.lotto-nav.teletext [class^="col-"]:not(:first-child):not(:last-child):after{background: #00ffff;}
	.lotto-nav a {height: 50px;	}
}
@media only screen and (max-width: 599px){
	.lotto-nav {width: 90%;margin: 20px auto;}
}
/* end lottos navs */
/* lotto numbers */
.row.lotto-numbers{
	background: linear-gradient(144deg, rgba(53, 53, 53, 0.08) 0%, rgba(53, 53, 53, 0.08) 81%,rgba(141, 141, 141, 0.08) 81%, rgba(141, 141, 141, 0.08) 100%),linear-gradient(199deg, rgba(47, 47, 47, 0.06) 0%, rgba(47, 47, 47, 0.06) 30%,rgba(230, 230, 230, 0.06) 30%, rgba(230, 230, 230, 0.06) 100%),linear-gradient(278deg, rgba(108, 108, 108, 0.01) 0%, rgba(108, 108, 108, 0.01) 81%,rgba(196, 196, 196, 0.01) 81%, rgba(196, 196, 196, 0.01) 100%),linear-gradient(97deg, rgba(207, 207, 207, 0.09) 0%, rgba(207, 207, 207, 0.09) 60%,rgba(137, 137, 137, 0.09) 60%, rgba(137, 137, 137, 0.09) 100%),linear-gradient(300deg, rgba(186, 186, 186, 0.05) 0%, rgba(186, 186, 186, 0.05) 25%,rgba(248, 248, 248, 0.05) 25%, rgba(248, 248, 248, 0.05) 100%),linear-gradient(276deg, rgba(200, 200, 200, 0.02) 0%, rgba(200, 200, 200, 0.02) 1%,rgba(135, 135, 135, 0.02) 1%, rgba(135, 135, 135, 0.02) 100%),linear-gradient(101deg, rgba(8, 8, 8, 0.03) 0%, rgba(8, 8, 8, 0.03) 54%,rgba(181, 181, 181, 0.03) 54%, rgba(181, 181, 181, 0.03) 100%),linear-gradient(18deg, rgba(99, 99, 99, 0.08) 0%, rgba(99, 99, 99, 0.08) 76%,rgba(214, 214, 214, 0.08) 76%, rgba(214, 214, 214, 0.08) 100%),linear-gradient(285deg, rgba(34, 34, 34, 0.05) 0%, rgba(34, 34, 34, 0.05) 82%,rgba(251, 251, 251, 0.05) 82%, rgba(251, 251, 251, 0.05) 100%),linear-gradient(90deg, rgb(121, 240, 172),rgb(22, 114, 30));
	 border-radius: 3px;
	 box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
	 padding-bottom: 10px;
	 margin: 20px auto;
 }
 .row.lotto-numbers [class*="col-"]:not(.dates){padding: 0; }
 .heading-col{
	background: #447d4a;
	padding: 3px 0;
	text-align: center;
	font: bold 18px 'Nunito Sans', sans-serif;
	margin-bottom: 5px;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	color: #fff;
 }
 .dates p{	text-align: center;	color: #fff;font-weight: bold;text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.8); }
 table.prizes {	width: 100%; }
 table.prizes th{padding: 5px;	font: 400 13px 'Nunito Sans', sans-serif;vertical-align: middle; }
 table.prizes td{padding: 5px 0;font: 400 12px 'Montserrat', sans-serif;vertical-align: middle; }
 table.prizes td:nth-child(1) {	 width: 20%; text-align: left; padding: 5px 3px; }
 ul.lotto-numbers {
	 list-style: none;
	 padding: 10px;
	display: table;
	margin: 0 auto;
	text-align: center;
 }
 .lotto-numbers li {
	 float: left;
	 vertical-align: middle;
	 width: 30px;
	 height: 30px;
	 line-height: 30px;
	 margin: 5px;
	 background: #ff9d02;
	 border: 1px solid #fff;
	 border-radius: 50%;
	 box-shadow: 2px 2px 4px 0 #a0a0a0;
	 color: #fff;
	 font-weight: bold;
	 font-size: 16px;
	 text-align: center;
 }
 .lotto-numbers li:nth-child(8) {clear: left; }
 #prizesAccordion.panel-group {	 margin: 20px auto; }
 #prizesAccordion .panel-body {	 padding: 5px; }
 #prizesAccordion .panel{
	box-shadow: none;
	 border: none;
	 text-align: center;
	 cursor: pointer;
	 background: transparent;
 }
 #prizesAccordion .panel-default>.panel-heading {
	color: #fff;
	color: #333;
	 background-color: #fff;
	 border-color: transparent;
	 border: none;
	 max-width: 75%;
	 margin: 0 auto;
	 padding: 0;
	 font: bold 16px 'Nunito Sans', sans-serif;
	 letter-spacing: 1px;
	 border-radius: 3px;
 }
 #prizesAccordion .panel-default>.panel-heading+.panel-collapse>.panel-body { border: none;}
 #prizesAccordion .arrow {
	position: absolute;
	 bottom: 25px;
	 left: 50%;
	 margin-left: -20px;
	 width: 40px;
	 height: 0;
	 color: #ff9d02;
	 text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
 }
 #prizesAccordion .prizes tbody {background: #f8f8f8; }
 #prizesAccordion .prizes tbody tr{	border-bottom: 1px solid #47804c; }
 #prizesAccordion .panel-heading[aria-expanded="true"] .arrow i{transform: rotate(180deg);	-webkit-transform: rotate(180deg); }
 @media only screen and (max-width: 767px){
	#prizesAccordion .arrow {bottom: 0px;}
	.lotto-numbers .dates p{padding: 0; }
 }
 @media only screen and (max-width: 1199px){
	.lotto-numbers .dates {  padding: 0 0 10px;	}
	.lotto-nav.toto [class^="col-"]:not(:last-child):after, .lotto-nav.teletext [class^="col-"]:not(:first-child):not(:last-child):after, .lotto-nav.euromillions [class^="col-"]:not(:first-child):not(:last-child):after {
		position: absolute;
		content: "";
		background: rgba(0, 0, 0, 0.2);
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		width: 90%;
		height: 1px;
		z-index: 2;
	}
	.lotto-nav.toto a {height: 50px;}
 }
 @media only screen and (min-width: 600px) and (max-width: 1199px){
	.lotto-nav.toto {width: 60%; margin-left: auto; margin-right: auto;}
 }
 @media only screen and (min-width: 768px){
	.lotto-numbers .dates p:nth-child(3){padding-top: 0;}
 }
 @media only screen and (min-width: 1200px){
	.lotto-numbers .dates { padding: 0;	}
	.lotto-nav.toto [class^="col-"] {width: 14.286%;}
	.lotto-nav.toto [class^="col-"]:not(:first-child):not(:last-child):after {
		top: 10px;
		right: 0;
		width: 1px;
		height: 50px;
	}
 }
/* end lotto numbers  */