html, body {
		height: 100%;
		margin: auto;
		padding: 0px;
}

	a {
		font-family: 'Saira Extra Condensed', sans-serif;
		font-size: 21px;
		font-weight: 400;
		text-decoration: none;
		padding: 0px;
		letter-spacing: 0.6px;
		}
		
	a:link {
		font-family: 'Saira Extra Condensed', sans-serif;
		font-size: 21px;
		color: white;
		font-weight: 400;
		text-decoration: none;
		padding: 0px;
		letter-spacing: 0.6px;
		}
		
	a:visited {
		font-family: 'Saira Extra Condensed', sans-serif;
		color: white;
		font-weight: 400;
		font-size: 21px;
		text-decoration: none;
		padding: 0px;
		letter-spacing: 0.6px;
		}
		
	a:visited:hover {
		font-family: 'Saira Extra Condensed', sans-serif;
		color: yellow;
		font-weight: 600;
		font-size: 23px;
		text-decoration: none;
		padding: 0px;
		letter-spacing: 0.6px;
		}
		
	a:hover {
		font-family: 'Saira Extra Condensed', sans-serif;
		color: red;
		font-size: 23px;
		font-weight: 600;
		text-decoration: none;
		padding: 0px;
		letter-spacing: 0.6px;
		}

		a.linkek {
			font-family: 'Roboto Condensed', serif;
			font-size: 15px;
			font-weight: 400;
			text-decoration: none;
			padding: 0px;
			margin: 0px;
			vertical-align: middle;
			letter-spacing: 0.5px;
			line-height: 26px;
			}
			
		a.linkek:link {
			font-family: 'Roboto Condensed', serif;
			font-size: 21px;
			color: white;
			font-weight: 400;
			text-decoration: none;
			padding: 0px;
			margin: 0px;
			vertical-align: middle;
			letter-spacing: 0.5px;
			line-height: 26px;
		}
			
		a.linkek:visited {
			font-family: 'Roboto Condensed', serif;
			color: white;
			font-weight: 400;
			font-size: 21px;
			text-decoration: none;
			padding: 0px;
			margin: 0px;
			vertical-align: middle;
			letter-spacing: 0.5px;
			line-height: 26px;
		}
			
		a.linkek:visited:hover {
			font-family: 'Roboto Condensed', serif;
			color: yellow;
			font-weight: 600;
			font-size: 23px;
			text-decoration: none;
			padding: 0px;
			margin: 0px;
			vertical-align: middle;
			letter-spacing: 0.5px;
			line-height: 26px;
		}
			
		a.linkek:hover {
			font-family: 'Roboto Condensed', serif;
			color: red;
			font-size: 23px;
			font-weight: 600;
			text-decoration: none;
			padding: 0px;
			margin: 0px;
			vertical-align: middle;
			letter-spacing: 0.5px;
			line-height: 26px;
		}

	table.scroll {
		margin: 1px auto;
		border-width:1px;
		table-layout:fixed;
		border-collapse: collapse;
	}
	
	table.two {
		margin: 0px auto;
		border: none;
		font-size: 16px;
		font-family: 'Roboto Condensed', serif;
	}

	table.two_chkbox {
		margin: 0px auto;	
		border-collapse: separate;
		border-spacing: 5px;
		border: none;
	}

	table.one {
		font-family: 'Roboto Condensed', serif;
		margin: 0px auto;
		border-collapse: separate;
		border-spacing: 5px;
		border: 1px solid black;
		line-height: 35px;
		border-width:0px;
		font-size: 20px;
		white-space: nowrap;
	}

	table.menu {	
		font-family: 'Roboto Condensed', serif;
		margin: 0px auto;
		border-collapse: collapse;
		border-spacing: 5px;
		line-height: 35px;
		border-width:0px;
		font-size: 16px;
	}

	tr.menu {
			border-top: 0px;
			border-bottom: 0px;
			border-right: 0px;
			border-left: 0px;
	}

	tr.menurow {
			border-right: 0px;
			border-left: 0px;
	}

	.cimke  {
		color: white;
		border: none;
		vertical-align: middle;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: normal;
  		font-size: 21px;
  		padding: 0px;
  		text-align: left;
  		line-height: 23px;
  		letter-spacing: 1px;
		background-color: #1B4F72;
	}

	.draw_time  {
		border: none;
		vertical-align: middle;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: 600;
  		font-size: 17px;
  		padding: 0px;
  		text-align: left;
  		line-height: 23px;
  		letter-spacing: 2px;
		background-color: #1B4F72;
	}

	.draw_time_prev  {
		border: none;
		vertical-align: middle;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: 600;
  		font-size: 17px;
  		font-style: italic;
  		padding: 0px;
  		text-align: left;
  		line-height: 23px;
  		letter-spacing: 2px;
		background-color: #1B4F72;
	}

	.draw_tipster  {
		border: none;
		vertical-align: middle;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: 500;
  		font-size: 17px;
  		padding: 0px;
  		text-align: left;
  		line-height: 23px;
  		letter-spacing: 0px;
		background-color: #1B4F72;
	}

	.draw_tipster_prev  {
		border: none;
		vertical-align: middle;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: 500;
  		font-size: 17px;
  		font-style: italic;
  		padding: 0px;
  		text-align: left;
  		line-height: 23px;
  		letter-spacing: 0px;
		background-color: #1B4F72;
	}

	td.m_row_big, th.m_row_big  {
		border: none;
		color: white;
		vertical-align: middle;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: 600;
  		font-size: 25px;
		padding-top: 8px;
		padding-bottom: 8px;
  		margin: 0px;
		background-color: #1B4F72;
		line-height: 15px;
	}

	td.m_row, th.m_row  {
		color: white;
		border: none;
		vertical-align: middle;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: normal;
  		font-size: 20px;
  		padding-top: 1px;
  		padding-bottom: 1px;
  		line-height: 25px;
		background-color: #1B4F72;
	}

	td.m_row_nc, th.m_row_nc  {
		color: white;
		border: none;
		vertical-align: middle;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: normal;
  		font-size: 20px;
  		padding-top: 2px;
  		padding-bottom: 2px;
  		line-height: 25px;
	}

	td.m_row_admin, th.m_row_admin  {
		border: 1px solid black;
		border-collapse: collapse;
		vertical-align: middle;
  		line-height: 18px;
  		padding: 0px;
  		margin: 0px;
		background-color: #1B4F72;
	}

	span.eredmenyek {
		border: 0px solid white;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: normal;
		font-size: 14px;
		font-weight: 400;
		padding: 0px;
		margin: 0px;
		background-color: #1B4F72;
		line-height: 15px;
		letter-spacing: 0.5px;
		vertical-align: middle;
	}

	td.m_row_r, th.m_row_r  {
  	border: 0px solid white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
		font-size: 17px;
		padding: 0px;
		background-color: #1B4F72;
	}

	td.m_row_r_nc, th.m_row_r_nc  {
		border: none;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
  		font-size: 17px;
  		padding-top: 2px;
  		padding-bottom: 2px;
  		line-height: 10px;
	}

	td.m_row_r_nc_free, th.m_row_r_nc_free  {
		border: none;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
  		font-size: 17px;
  		padding-top: 2px;
  		padding-bottom: 2px;
  		line-height: 10px;
  		background-color: #1B4F72;
	}

	td.m_row_l, th.m_row_l  {
		border: none;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
  		font-size: 17px;
  		padding-top: 2px;
  		padding-bottom: 2px;
  		line-height: 10px;
		background-color: #1B4F72;
	}

	td.m_row_l_nc, th.m_row_l_nc  {
		border: none;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
  		font-size: 17px;
  		padding-top: 2px;
  		padding-bottom: 2px;
  		line-height: 10px;
	}

	td.head_highlander, th.head_highlander  {
		border: 0px solid black;
		border-radius: 25px 25px 0px 0px;
		vertical-align: middle;
		padding: 0px;
		text-align: center;
		font-family: 'Saira Extra Condensed', serif;
		text-shadow: 2px 2px 9px #404040;
		font-size: 25px;
		font-weight: bold;
		color: black;
		background-color: yellow;
		line-height: 40px;
	}

	td.head_row, th.head_row  {
		border: 0px solid black;
		border-radius: 25px 25px 0px 0px;
		vertical-align: middle;
		padding: 0px;
		text-align: center;
		font-family: 'Roboto Condensed', serif;
		text-shadow: 2px 2px 9px #404040;
		font-size: 25px;
		font-weight: bold;
		color: black;
		background-color: yellow;
		line-height: 30px;
	}

	td.head_row_rev, th.head_row_rev  {
		border: 0px solid black;
		border-radius: 0px 0px 25px 25px;
		vertical-align: middle;
		padding: 0px;
		text-align: center;
		font-family: 'Roboto Condensed', serif;
		text-shadow: 2px 2px 9px #404040;
		font-size: 25px;
		font-weight: bold;
		color: black;
		background-color: yellow;
		line-height: 25px;
	}

	td.one, th.one  {
		border: 0px solid black;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
  		font-size: 20px;
  		line-height: 27px;
  		padding-left: 15px;
	}

	td.lista, th.lista  {
		border: 0px solid black;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
  		font-size: 20px;
  		line-height: 27px;
  		text-align: center;
  		color: white;
  		padding-left: 15px;
		background-color: #002699;
	}

	td.empty, th.empty  {
		border: none;
		line-height: 22px;
	}

	td.one_menu, th.one_menu  {
		border: 0px solid black;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
  		font-size: 20px;
  		line-height: 27px;
  		padding-left: 50px;
		background-color: #002699;
	}

	td.one_u, th.one_u  {
		border: 0px solid black;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
		line-height: 1px;
	}

	td.one_n, th.one_n  {
		border: 1px solid black;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 16px;
		font-weight: normal;
	}

	td.one_b, th.one_b  {
		border: 1px solid black;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 16px;
		font-weight: bold;
	}

	td.head, th.head  {
		border: 1px solid black;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 20px;
		font-weight: bold;
	}

	td.head_c, th.head_c  {
		border: 0px solid black;
		vertical-align: middle;
		padding: 0px;
		text-align: center;
		font-family: 'Roboto Condensed', serif;
		text-shadow: 2px 2px 9px #404040;
		font-size: 25px;
		font-weight: bold;
		color: black;
		background-color: yellow;
	}

	td.head_cu, th.head_cu  {
		border: 0px solid black;
		vertical-align: middle;
		text-align: center;
		font-family: 'Roboto Condensed', serif;
		font-size: 30px;
		font-weight: normal;
		color: yellow;
	}

	td.head_g, th.head_g  {
		border: 0px solid black;
		border-radius: 0px;
		vertical-align: middle;
		text-align: center;
		font-family: 'Roboto Condensed', serif;
		font-size: 15px;
		font-weight: normal;
		color: lightgrey;
		background-color: black;
		line-height: 23px;
	}

	td.head_cup, th.head_cup  {
		border: 0px solid black;
		vertical-align: middle;
		background-color: #002699;
	}

	table.login1 {
		margin: 0px auto;
		border-collapse: collapse;
		border: 3px solid black;
		border-width:4px;
		font-size: 16px;
	}
	
	table.login2 {
		margin: 0px auto;
		border: none;
		font-size: 16px;
		font-family: 'Roboto Condensed', serif;
	}

	td.head_login, th.head_login  {
		border: 0px solid black;
		vertical-align: middle;
		padding: 15px;
		text-align: center;
		font-family: 'Roboto Condensed', serif;
		font-size: 25px;
		font-weight: normal;
		color: black;
		background-color: yellow;
	}
	
.rounded {
		border-radius: 0px;
		width: 200px;
		overflow: hidden;
		position: relative;
		height: auto;
}

.menupiece {
		background-color: #3366FF;
		padding: 0px 3px 0px 4px;
		color: white;
		border-radius: 5px;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: 400;
		font-size: 16px;
		text-align: center;
		margin: 0px;
		vertical-align: middle;
		line-height: 10px;
}

.menupiece:link {
		background-color: #3366FF;
		padding: 0px 2px 0px 3px;
		color: white;
		border-radius: 5px;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: 300;
		font-size: 17px;
		text-align: center;
		vertical-align: middle;
}

.menupiece:visited {
		background-color: #3366FF;
		padding: 0px 2px 0px 3px;
		color: white;
		border-radius: 5px;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: 300;
		font-size: 17px;
		text-align: center;
		vertical-align: middle;
}

.menupiece:hover {
		background-color: yellow;
		padding: 0px 2px 0px 3px;
		color: black;
		border-radius: 5px;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: 500;
		font-size: 18px;
		text-align: center;
		vertical-align: middle;
}

.menupiece:visited:hover {
		background-color: yellow;
		padding: 0px 2px 0px 3px;
		color: black;
		border-radius: 5px;
		font-family: 'Saira Extra Condensed', serif;
		font-weight: 500;
		font-size: 18px;
		text-align: center;
		vertical-align: middle;
}

.adminmenu {
		background-color: #3366FF;
		padding: 1px 8px 2px 8px;
		color: white;
		border-radius: 5px;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
		font-size: 20px;
		line-height: 25px;
		margin: 0px;
		border: 0px solid white;
}

.adminmenu:link {
		background-color: #3366FF;
		padding: 1px 8px 2px 8px;
		color: white;
		border-radius: 5px;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
		font-size: 20px;
		line-height: 25px;
		margin: 0px;
		border: 0px solid white;
}

.adminmenu:visited {
		background-color: #3366FF;
		padding: 1px 8px 2px 8px;
		color: white;
		border-radius: 5px;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
		font-size: 20px;
		line-height: 25px;
		margin: 0px;
		border: 0px solid white;
}

.adminmenu:hover {
		background-color: yellow;
		padding: 1px 8px 2px 8px;
		color: black;
		border-radius: 5px;
		font-family: 'Roboto Condensed', serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 25px;
		margin: 0px;
		border: 3px solid red !important;
}

.adminmenu:visited:hover {
		background-color: yellow;
		padding: 1px 8px 2px 8px;
		color: black;
		border-radius: 5px;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
		font-size: 20px;
		line-height: 25px;
		margin: 0px;
		border: 0px solid white;
}

	td.terkoz, th.terkoz  {
		border: 0px solid black;
		vertical-align: middle;
		background-color: #BFBFBF;
	}

tr.header
{
    cursor:pointer;
}

	.summary  {
		border: none;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-weight: normal;
  		font-size: 17px;
  		padding-top: 0px;
  		padding-bottom: 0px;
  		line-height: 15px;
  		color: white;
		background-color: #002699;
	}
	
	.hidesum {
		position: relative;
		background: white;
		width: 60px;
		height: 20px;
		bottom: 1px;
		-webkit-appearance: initial;
		border-radius: 3px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		outline:none;
		font-size: 11px;
		font-family: 'Roboto Condensed', serif;
		font-weight: bold;
		text-align-last: center;
		vertical-align: middle;
		cursor:pointer;
		border:1px solid #ddd;
		}

	.hidesum:after {
		position:absolute;
		top:5%;
		display:block; 
		line-height:16px;
		width:45%;
		height:90%;
		background:#fff;
		box-sizing:border-box;
		text-align:center;
		transition: all 0.3s ease-in 0s; 
		color:black;
		border:#888 1px solid;
		border-radius:3px;
		}
		
	.hidesum:after {
		left:2%;
		content: "OFF";
		}
	
	.hidesum:checked:after {
		left:53%;
		content: "ON";
		color: white;
		background-color: blue;
		border-color: #0099FF;
		}

[data-toggle="toggle"] {
    display: none;
}

	table.one {
		margin: 1px auto;
		border-collapse: collapse;
		border: 3px solid black;
		border-width:4px;
		font-size: 16px;
	}

	table.scroll {
		margin: 1px auto;
		border-width:1px;
		table-layout:fixed;
		border-collapse: collapse;
	}
	
	table.two {
		margin: 0px auto;
		border: none;
		font-size: 16px;
		font-family: 'Roboto Condensed', serif;
	}

	table.two_chkbox {
		margin: 0px auto;	
		border-collapse: separate;
		border-spacing: 5px;
		border: none;
	}

	thead.scroll {
		display: table;
		border: none;
		display: block;
		overflow: auto;
		overflow: hidden;
	}

	tbody.scroll {
		display: block;

		overflow: auto;
		overflow-x: hidden;
	}

	thead.admin {
		display: table;
		border: none;
		display: block;
		overflow: auto;
		overflow: hidden;
	}

	tbody.admin {
		display: block;
		height: 670px;
		overflow: auto;
		overflow-x: hidden;
	}

::-webkit-scrollbar { 
  display: none;
}

	td.one, th.one  {
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 14px;
		font-weight: normal;
		padding: 1px;
		padding-left: 5px;
		padding-right: 5px;
		white-space: nowrap;
		text-align: center;
		line-height: 22px;
	}

	td.email, th.email  {
		border: 0px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 18px;
		font-weight: normal;
		padding: 1px;
		padding-left: 5px;
		padding-right: 5px;
		white-space: nowrap;
		text-align: center;
		line-height: 22px;
	}

	td.notify, th.notify  {
		border: 0px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 18px;
		font-weight: normal;
		padding: 0px;
		white-space: nowrap;
		text-align: center;
	}

	td.one_chkbox, th.one_chkbox  {
		border-radius: 0px;
		border: 0px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		padding-top: 2px;
		padding-left: 8px;
		padding-right: 8px;
		white-space: nowrap;
		text-align: center;
		line-height: 25px;
		width: 70px;
	}

	td.logon_b, th.logon_b  {
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 13px;
		font-weight: bold;
		padding: 1px;
		padding-left: 2px;
		padding-right: 2px;
		white-space: nowrap;
		text-align: center;
		line-height: 20px;
	}

	td.logon, th.logon  {
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 13px;
		font-weight: normal;
		padding: 1px;
		padding-left: 2px;
		padding-right: 2px;
		white-space: nowrap;
		text-align: center;
		line-height: 20px;
	}

	td.logon_hidden, th.logon_hidden  {
		display: none;
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 13px;
		font-weight: normal;
		padding: 1px;
		padding-left: 2px;
		padding-right: 2px;
		white-space: nowrap;
		text-align: center;
		line-height: 20px;
	}
	
	td.logon_center, th.logon_center  {
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 12px;
		padding: 1px;
		padding-left: 2px;
		padding-right: 2px;
		white-space: nowrap;
		text-align: center;
		line-height: 20px;
	}

	td.logon_center_hidden, th.logon_center_hidden  {
		display: none;
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 12px;
		padding: 1px;
		padding-left: 2px;
		padding-right: 2px;
		white-space: nowrap;
		text-align: center;
		line-height: 20px;
	}

	td.logon_agent, th.logon_agent  {
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 12px;
		padding: 1px;
		padding-left: 5px;
		padding-right: 5px;
		white-space: pre-wrap;
		text-align: left;
		line-height: 20px;
	}

	td.logon_agent_hidden, th.logon_agent_hidden  {
		display: none;
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 12px;
		padding: 1px;
		padding-left: 5px;
		padding-right: 5px;
		white-space: pre-wrap;
		text-align: left;
		line-height: 20px;
	}

	td.tipster_list, th.tipster_list  {
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 16px;
		padding-top: 2px;
		padding-left: 2px;
		padding-right: 2px;
		white-space: nowrap;
		text-align: center;
		line-height: 18px;
	}

	td.tipster_list_hidden, th.tipster_list_hidden  {
		display: none;
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 16px;
		padding-top: 2px;
		padding-left: 2px;
		padding-right: 2px;
		white-space: nowrap;
		text-align: center;
		line-height: 18px;
	}

	td.corner, th.corner  {
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 16px;
		padding: 1px;
		padding-left: 2px;
		padding-right: 2px;
		white-space: nowrap;
		text-align: center;
		line-height: 20px;
	}

	td.corner_hidden, th.corner_hidden  {
		display: none;
		border: 2px groove;
		border-color: white;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 16px;
		padding: 1px;
		padding-left: 2px;
		padding-right: 2px;
		white-space: nowrap;
		text-align: center;
		line-height: 20px;
	}
	
	td.head, th.head  {
		border: 3px solid black;
		border-bottom: 3px solid black;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 16px;
		font-weight: bold;
		padding: 1px;
		padding-left: 2px;
		padding-right: 2px;
    cursor: pointer;
	}

	td.head_hidden, th.head_hidden  {
		display: none;
		border: 3px solid black;
		border-bottom: 3px solid black;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 16px;
		font-weight: bold;
		padding: 1px;
		padding-left: 2px;
		padding-right: 2px;
	}

	td.head_c, th.head_c  {
		font-family: 'Roboto Condensed', serif;
		font-size: 50px;
		font-weight: bold;
		text-shadow: 2px 2px 4px #000000; 
		color: #ff9800;
	}

	td.head_z, th.head_z  {
		border: none;
		border-bottom: none;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 5px;
		font-weight: bold;
	}

	td.btn, th.btn {
			border: none;
			background-color: none;
			line-height: 1px;
			padding-left: 10px;
			vertical-align: middle;
			text-align-last: center;
			width: 125px;
}

.button {
	border-radius: 10px;
	background-color: #2196F3;
	border: 3px solid #0d8bf2;
	color: white;
	vertical-align: middle;
	text-align-last: center;
	font-family: 'Roboto Condensed', serif;
	font-size: 18px;
	padding: 2px;
	padding-bottom: 1px;
	width: 105px;
	height: 28px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 0px;
}

.button span {
	cursor: pointer;
	padding: 0px;
	bottom: 1px !important;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.button span:after {
	content: '\00bb';
	position: absolute;
	font-family: 'Roboto Condensed', serif;
	font-size: 22px;
	opacity: 0;
	padding-top: 2px !important;
	line-height: 9px;
	right: 0px;
	transition: 0.5s;
}

.button:hover span {
	padding-right: 25px;
}

.button:hover span:after {
	opacity: 1;
	right: 0;
}

.styled-select2 select {
	display: none;
}

.styled-select select {
	background: #1AFF1A;
	background-image: url('/images/select-arrow.png');
	background-repeat: no-repeat;
	background-attachment: scroll;	
	background-position: 91% 50%; 
	display: inline-block;
	cursor: pointer;
	color: black;
	width: 160px;
	outline: none;
	font-size: 16px;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 9px;
	border: 3px solid;
	border-color: green;
	text-align-last: center;
	vertical-align: middle;
	border-radius: 10px 25px 10px 25px;
	height: 32px;
	-webkit-appearance: none;
}

div.styled-input {
		border: 0px solid red;
		text-align-last: left;
		vertical-align: middle;
		font-family: 'Roboto Condensed', serif;
		font-size: 20px;
		font-weight: bold;
		text-indent: 3px;
		padding: 0px;
		margin: 0px;
		height: 28px;
		line-height: 30px;
}

.styled-input input {
	background: #1AFF1A;
	display: inline-block;
	cursor: pointer;
	color: black;
	width: 160px;
	outline: none;
	font-family: 'Roboto Condensed', serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 9px;
	border: 2px solid;
	border-color: green;
	text-align-last: center;
	vertical-align: middle;
	border-radius: 10px 25px 10px 25px;
	height: 32px;
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;  /*Removes default style Firefox*/
}

input[type="text"] {
  background: #1AFF1A;
  background-image: url('/images/select-arrow.png');
  background-repeat: no-repeat;
  background-attachment: scroll;	
  background-position: 91% 50%; 
  display: inline;
  margin: 0px;
  width: 160px;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Roboto Condensed', serif;
  appearance: none;
  text-align-last: center;
  padding-top: 1px;
  padding-right: 9px;
  vertical-align: middle;
  height: 32px;
  box-shadow: none;
  border: 3px solid;
  border-color: green;
  border-radius: 10px 25px 10px 25px;
}
input[type="text"]:focus {
  outline: none;
}

input[type="number"] {
  background: #1aff1a;
  display: inline;
  margin: 0px;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Saira Extra Condensed', sans-serif;
  appearance: none;
  text-align-last: center;
  text-align: center;
  padding: 0px !important;
  vertical-align: middle;
  height: 30px;
  box-shadow: none;
  border: 3px solid;
  border-color: white;
  border-radius: 3px 3px 3px 3px;
}

input[type="number"]::-webkit-inner-spin-button {
	background: black !important;
		color: black !important;
		font-size: 32px;
		margin-bottom: 2px;
		padding: 0px !important;
		height: 30px !important;
		width: 16px !important;
}

input[type="number"]#DefaultStake {
  display: inline;
  margin: 0px;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Saira Extra Condensed', sans-serif;
  color: black;
  appearance: none;
  padding: 0px;
  margin: 0px;
  padding-left: 5px !important;
  vertical-align: top;
  height: 30px;
  box-shadow: none;
  border: 3px solid green;
  border-radius: 0px;
}

input[type="number"]#DefaultStake:focus {
  outline: none;
}

input[type="text"]#OwnLabels {
	background-image: none;
  display: inline;
  margin: 0px;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Saira Extra Condensed', sans-serif;
  color: black;
  appearance: none;
  padding: 0px;
  margin: 0px;
  padding-left: 5px !important;
  vertical-align: top;
  height: 30px;
  box-shadow: none;
  border: 3px solid green;
  border-radius: 0px;
}

input[type="text"]#OwnLabels:focus {
  outline: none;
}


input[type="text"]#HomeHTGoals {
  background-image: none;
  display: inline;
  margin: 0px;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Saira Extra Condensed', sans-serif;
  color: black;
  appearance: none;
  padding: 0px;
  margin: 0px;
  padding-left: 5px !important;
  vertical-align: top;
  height: 30px;
  box-shadow: none;
  border: 3px solid green;
  border-radius: 0px;
}

input[type="text"]#HomeHTGoals:focus {
  outline: none;
}

input[type="text"]#AwayHTGoals {
	background-image: none;
	display: inline;
	margin: 0px;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Saira Extra Condensed', sans-serif;
	color: black;
	appearance: none;
	padding: 0px;
	margin: 0px;
	padding-left: 5px !important;
	vertical-align: top;
	height: 30px;
	box-shadow: none;
	border: 3px solid green;
	border-radius: 0px;
  }
  
  input[type="text"]#AwayHTGoals:focus {
	outline: none;
  }

  input[type="text"]#HomeFTGoals {
	background-image: none;
	display: inline;
	margin: 0px;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Saira Extra Condensed', sans-serif;
	color: black;
	appearance: none;
	padding: 0px;
	margin: 0px;
	padding-left: 5px !important;
	vertical-align: top;
	height: 30px;
	box-shadow: none;
	border: 3px solid green;
	border-radius: 0px;
  }
  
  input[type="text"]#HomeFTGoals:focus {
	outline: none;
  }
  
  input[type="text"]#AwayFTGoals {
	  background-image: none;
	  display: inline;
	  margin: 0px;
	  font-size: 16px;
	  font-weight: 700;
	  font-family: 'Saira Extra Condensed', sans-serif;
	  color: black;
	  appearance: none;
	  padding: 0px;
	  margin: 0px;
	  padding-left: 5px !important;
	  vertical-align: top;
	  height: 30px;
	  box-shadow: none;
	  border: 3px solid green;
	  border-radius: 0px;
  }
	
input[type="text"]#AwayFTGoals:focus {
	outline: none;
}


input[type="text"]#HomeCorners {
background-image: none;
display: inline;
margin: 0px;
font-size: 16px;
font-weight: 700;
font-family: 'Saira Extra Condensed', sans-serif;
color: black;
appearance: none;
padding: 0px;
margin: 0px;
padding-left: 5px !important;
vertical-align: top;
height: 30px;
box-shadow: none;
border: 3px solid green;
border-radius: 0px;
}

input[type="text"]#HomeCorners:focus {
outline: none;
}

input[type="text"]#AwayCorners {
background-image: none;
display: inline;
margin: 0px;
font-size: 16px;
font-weight: 700;
font-family: 'Saira Extra Condensed', sans-serif;
color: black;
appearance: none;
padding: 0px;
margin: 0px;
padding-left: 5px !important;
vertical-align: top;
height: 30px;
box-shadow: none;
border: 3px solid green;
border-radius: 0px;
}

input[type="text"]#AwayCorners:focus {
outline: none;
}

input[type="text"]#HomeYCards {
background-image: none;
display: inline;
margin: 0px;
font-size: 16px;
font-weight: 700;
font-family: 'Saira Extra Condensed', sans-serif;
color: black;
appearance: none;
padding: 0px;
margin: 0px;
padding-left: 5px !important;
vertical-align: top;
height: 30px;
box-shadow: none;
border: 3px solid green;
border-radius: 0px;
}

input[type="text"]#HomeYCards:focus {
outline: none;
}

input[type="text"]#AwayYCards {
background-image: none;
display: inline;
margin: 0px;
font-size: 16px;
font-weight: 700;
font-family: 'Saira Extra Condensed', sans-serif;
color: black;
appearance: none;
padding: 0px;
margin: 0px;
padding-left: 5px !important;
vertical-align: top;
height: 30px;
box-shadow: none;
border: 3px solid green;
border-radius: 0px;
}

input[type="text"]#AwayYCards:focus {
outline: none;
}

input[type="text"]#HomeRCards {
background-image: none;
display: inline;
margin: 0px;
font-size: 16px;
font-weight: 700;
font-family: 'Saira Extra Condensed', sans-serif;
color: black;
appearance: none;
padding: 0px;
margin: 0px;
padding-left: 5px !important;
vertical-align: top;
height: 30px;
box-shadow: none;
border: 3px solid green;
border-radius: 0px;
}

input[type="text"]#HomeRCards:focus {
outline: none;
}

input[type="text"]#AwayRCards {
	background-image: none;
	display: inline;
	margin: 0px;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Saira Extra Condensed', sans-serif;
	color: black;
	appearance: none;
	padding: 0px;
	margin: 0px;
	padding-left: 5px !important;
	vertical-align: top;
	height: 30px;
	box-shadow: none;
	border: 3px solid green;
	border-radius: 0px;
}

input[type="text"]#AwayRCards:focus {
	outline: none;
}

.style-1 input[type="text"] {
  padding: 10px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-1 input[type="text"]:focus,
.style-1 input[type="text"].focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

.style-2 input[type="text"] {
  padding: 10px;
  border: solid 5px #c9c9c9;
  transition: border 0.3s;
}
.style-2 input[type="text"]:focus,
.style-2 input[type="text"].focus {
  border: solid 5px #969696;
}


.style-3 input[type="text"] {
  padding: 10px;
  border: solid 5px #c9c9c9;
  box-shadow: inset 0 0 0 1px #707070;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-3 input[type="text"]:focus,
.style-3 input[type="text"].focus {
  border: solid 5px #969696;
}

.style-4 input[type="text"] {
  padding: 10px;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;
}
.style-4 input[type="text"]:focus,
.style-4 input[type="text"].focus {
  border-bottom: solid 2px #969696;
}

.style-5 input[type="text"] {
  padding: 10px;
  border: solid 1px #fff;
  box-shadow: inset 1px 1px 2px 0 #707070;
  transition: box-shadow 0.3s;
}
.style-5 input[type="text"]:focus,
.style-5 input[type="text"].focus {
  box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}

	.hidecol {
		position: relative;
		background: white;
		width: 60px;
		height: 20px;
		bottom: 1px;
		-webkit-appearance: initial;
		border-radius: 3px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		outline:none;
		font-size: 11px;
		font-family: 'Roboto Condensed', serif;
		font-weight: bold;
		text-align-last: center;
		vertical-align: middle;
		cursor:pointer;
		border:1px solid #DDD;
		}

	.hidecol:after {
		position:absolute;
		top:5%;
		display:block; 
		line-height:16px;
		width:45%;
		height:90%;
		background:#FFF;
		box-sizing:border-box;
		text-align:center;
		transition: all 0.3s ease-in 0s; 
		color:black;
		border:#888 1px solid;
		border-radius:3px;
		}

	.hidecol:after {
		left:2%;
		content: "OFF";
		}

	.hidecol:checked:after {
		left:53%;
		content: "ON";
		color: white;
		background-color: blue;
		border-color: #0099FF;
		}


.select2-results__option .nowrap:before {
    font-family: fontAwesome;
    color: black;
    content:"\f10c";
    height: 25px;
    margin-right: 5px;
    white-space: nowrap;
    width: element;
}

.select2-results__option[aria-selected=true] .nowrap:before {
    font-family: fontAwesome;
    content:"\f058";
    height: 25px;
    margin-right: 5px;
    white-space: nowrap;
    width: element;
}

.select2-results__option .nowrap{
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: black;
    margin: 0px !important;
    padding: 0px !important;
    white-space: nowrap;
	 line-height: 11px;
	 position: relative !important;
	 width: auto !important;
}

.select2-results__options {
	color: red;
	font-weight: bold;
	background: #E6E6E6;
	white-space: nowrap;
	width: element;
 }

.select2-selection__clear {
		border: 0px solid black;
	 color: red;
	 font-family: 'Roboto Condensed', serif;
	 font-size: 32px !important;
	 font-weight: 500;
		position: relative !important;
		top: 5px;
    left: 6px !important;
    white-space: nowrap;
		width: 15px;
		margin: 0px;
		padding: 0px;
		vertical-align: middle;
		line-height: 16px;
}

.select2-selection__arrow {
		position: absolute !important;
    top: 4px !important;
    right: 35px !important;
    white-space: nowrap;
    width: element;
}

.select2-container--placeholder {
	background-color: #1AFF1A;
	outline: none;
	white-space: nowrap;
	width: element;
}

.select2-selection__placeholder {
	background-color: #1AFF1A;
	outline: none;
	white-space: nowrap;
	width: element;
}

.select2-container--default .select2-results__option[aria-selected=false] {
  background-color: #E6E6E6;
  outline: none;
  white-space: nowrap;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #FFFF4D;
  outline: none;
  white-space: nowrap;
}

.select2-dropdown, .select2-dropdown--above {
	background: green;
	border-radius: 0;
	padding: 3px;
	border: 0;
	outline: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	white-space: nowrap;
	width: element;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #1AFF1A;
  color: rgba(0, 0, 0, .87);
  white-space: nowrap;
  width: element;
}

.select2-container--default .select2-selection--single {
	background: #1AFF1A;
	cursor: pointer;
	color: black;
	white-space: nowrap;
	width: element;
	outline: none;
	font-family: 'Roboto Condensed', serif;
	font-size: 15px;
	font-weight: bold;
	position: static;
	border: 3px solid;
	border-color: green;
	text-align-last: center;
	border-radius: 0px 0px 0px 0px;
	height: 32px;
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;  /*Removes default style Firefox*/
}

.select2-container--default .select2-selection--multiple {
	background: #e6e6e6;
	cursor: pointer;
	color: black !important;
	white-space: nowrap;
	width: element;
	outline: none;
	font-family: 'Roboto Condensed', serif;
	font-size: 18px;
	font-weight: bold;
	border: 3px solid;
	border-color: green;
	text-align-last: center;
	border-radius: 0px 0px 0px 0px;
	line-height: 25px;
	margin-bottom: 0px;
	padding: 0px;
    -webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;  /*Removes default style Firefox*/
}

.select2-selection__choice  {
	background: #1AFF1A !important;
	cursor: pointer;
	color: black !important;
	white-space: nowrap;
	width: element;
	font-family: 'Roboto Condensed', serif;
	font-size: 13px;
	font-weight: 500;
	top: -2px;
	left: 20px;
	position: relative;
	color: black;
	margin: 0 0 0 0;
	padding-left: 10px !important;
	height: auto;
}

.select2-search__field {
	font-family: 'Roboto Condensed', serif;
	font-size: 18px;
	font-weight: normal;
	color: black;
	margin: 0 0 0 0;
	padding-left: 10px !important;
}

.highlight {
		color: black;
		background-image: url('/images/up_arrow.png');
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 24px 14px;
		background-color: #1AFF1A;
}

.revhighlight {
		color: black;
		background-image: url('/images/down_arrow.png');
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: 24px 14px;
		background-color: #1AFF1A;
}

img {
	border: 0px solid white;
		align-content: center;
		vertical-align: middle;
		text-align: center;
		padding: 0px;
		margin: 0px;
}

.image_adm {
  border: 0px solid white;
  opacity: 1;
  width: 30px;
  height: 30px;
  margin: 0px;
  padding: 1px;
  transition: .5s ease;
  backface-visibility: hidden;
  cursor: zoom-in;
}

input[type=checkbox][name="zoomCheck"] {
  display: none;
}

input[type=checkbox][name="zoomCheck"]:checked ~ label > img {
  transform: scale(3);
  cursor: zoom-out;
}

.image {
  border: 0px solid white;
  opacity: 1;
  width: 32px;
  height: 32px;
  margin: 0px;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  transition: .5s ease;
  backface-visibility: hidden;
}

.image:hover {
  opacity: 0.4;
}

td.ikon, th.ikon  {
		border: 0px solid white;
		vertical-align: middle;
		padding: 0px;
		margin: 0px;
		width: 35px;
}

img.ikon {
	display: block;
    border: 0px solid #ddd;
    border-radius: 4px;
    padding: 0px;
	margin: 0px;
}

img.ikon:hover {
    box-shadow: 0 0 1px 3px rgba(26, 255, 26, 0.6);
    background-color: rgba(26, 255, 26, 0.3);
}

.donation {
  opacity: 1;
  border-radius: 5px; 
  transition: .5s ease;
  backface-visibility: hidden;
}

.donation:hover {
  opacity: 0.4;
}

	a.donation {
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		}
		
	a.donation:link {
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		}
		
	a.donation:visited {
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		}
		
	a.donation:visited:hover {
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		}
		
	a.donation:hover {
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		}

.led-box {
  height: 10px;
  width: 12px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 2px;
display: inline-block;
}

.led-box-mini {
  height: 10px;
  width: 12px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 2px;
display: inline-block;
}

.led-box-big {
  height: 10px;
  width: 12px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 2px;
display: inline-block;
}

.led-green {
  margin: 2 auto;
  width: 10px;
  height: 10px;
  background-color: #79FF4D;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #008000 0 -1px 9px, #9FFF80 0 0px 3px;
  -webkit-animation: blinkYellow 3s infinite;
  -moz-animation: blinkYellow 3s infinite;
  -ms-animation: blinkYellow 3s infinite;
  -o-animation: blinkYellow 3s infinite;
  animation: blinkYellow 2s infinite;
}

.led-red {
  margin: 2 auto;
  width: 10px;
  height: 10px;
  background-color: #F00;
  border-radius: 50%;
}

.led-grey {
  margin: 2 auto;
  width: 10px;
  height: 10px;
  background-color: #999999;
  border-radius: 50%;
}

.led-white {
  margin: 2 auto;
  width: 10px;
  height: 10px;
  background-color: #E6E6E6;
  border-radius: 50%;
 }

.led-none {
  margin: 2 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
 }
 
@-webkit-keyframes blinkYellow {
    from { background-color: #9FFF80; }
    50% { background-color: #269900; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #008000 0 -1px 9px, #9FFF80 0 0px 0; }
    to { background-color: #9FFF80; }
}
@-moz-keyframes blinkYellow {
    from { background-color: #9FFF80; }
    50% { background-color: #269900; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #008000 0 -1px 9px, #9FFF80 0 0px 0; }
    to { background-color: #9FFF80; }
}
@-ms-keyframes blinkYellow {
    from { background-color: #9FFF80; }
    50% { background-color: #269900; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #008000 0 -1px 9px, #9FFF80 0 0px 0; }
    to { background-color: #9FFF80; }
}
@-o-keyframes blinkYellow {
    from { background-color: #9FFF80; }
    50% { background-color: #269900; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #008000 0 -1px 9px, #9FFF80 0 0px 0; }
    to { background-color: #9FFF80; }
}
@keyframes blinkYellow {
    from { background-color: #9FFF80; }
    50% { background-color: #269900; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #008000 0 -1px 9px, #9FFF80 0 0px 0; }
    to { background-color: #9FFF80; }
}

table.radio {
		border-collapse: separate;
		border: 0px groove;
		padding: 0px;
		margin: 0px;'
}

td.radio {
		font-family: 'Saira Extra Condensed', sans-serif;
		font-size: 15px;
		font-weight: 600;
		border: 3px groove;
		padding: 0px;
		padding-left: 1px;
		padding-right: 1px;
		padding-bottom: 1px;
		margin: 0px;
		text-align: left;
}

.form-radio-plus {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	position: relative !important;
	background-color: #F1F1F1;
	color: black !important;
	vertical-align: middle;
	height: 16px;
	width: 16px;
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 3.3px;
	margin-left: 0px;
	border: 0px;
	border-radius: 50px;
	cursor: pointer;
	outline: none;
}

.form-radio-plus:after {
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-weight: bolder;
	left: 3.6px;
	top: -7px;
/*	content: '\002B'; */

	color: lightgray;
}

.form-radio-plus:checked::before {
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	font-weight: bolder;
	left: 3.6px;
	top: -7px;
/*	content: '\002B'; */
	color: black !important;

}

.form-radio-plus:hover {
     background-color: #FAD7A0;
}

.form-radio-plus:checked {
     background-color: #DC7633;
}

.switch {
  position: relative;
  display: inline-block;
  width: 29px;
  height: 16px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 4px;
  margin-top: 4px;
}

.switch input {
  opacity: 0;
  width: 0px;
  height: 8px;
  padding: 0px;
  margin-top: 5px;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.toggle-btn {
  width: 70px;
  height: 28px;
  margin: 0px !important;
  padding: 0px !important;
  border-radius: 50px;
  display: inline-block;
	position: relative;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==") no-repeat 46px center #E74C3C;
  cursor: pointer;
  -webkit-transition: background-color .40s ease-in-out;
  -moz-transition: background-color .40s ease-in-out;
  -o-transition: background-color .40s ease-in-out;
  transition: background-color .40s ease-in-out;
  cursor: pointer;
}
.toggle-btn.active {
  border-radius: 50px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 7px center #2ECC71;
}
.toggle-btn.active .round-btn {
  left: 45px;
}
.toggle-btn .round-btn {
  width: 20px;
  height: 20px;
	background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -10px;
  -webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.toggle-btn .cb-value {
  position: absolute;
  padding: 0px;
  margin: 0px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}