@charset "utf-8";
/* CSS Document */
<!--
.w3-container,.w3-panel{padding:0.01em 8px}.w3-panel{margin-top:1px;margin-bottom:16px;}

.fixture-row { background: #888888; margin: 3px; border-radius: 7px 7px 0px 0px; border: #888888 1px solid; }

.pickedbetcontainer { padding:2px; margin-bottom:  0px; height: 21px; }
.pickedbet { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; float: left;  }
.pickedbet a:visited { color: blue; text-decoration: none;}
.pickedbet a:link { color: blue; text-decoration: none;}
.pickedbet a:active { color: blue; text-decoration: none;}
.pickedbet a:hover { color: blue; text-decoration: underline;}



.fixtureTeam { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
.fixtureTeam a:visited { color: rgb(172, 62, 194); text-decoration: none;}
.fixtureTeam a:link { color: rgb(172, 62, 194); text-decoration: none;}
.fixtureTeam a:active { color: rgb(172, 62, 194); text-decoration: none;}
.fixtureTeam a:hover { color: rgb(172, 62, 194); text-decoration: underline;}

.pickedbetodds { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #3333FF; float: right;}
.tinyleague {font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; float: right; padding-right: 10px;}
.fixturetext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; float: right; padding-right: 10px; width: 50%; text-align: right; }
.scoretext {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; float: right;   }
.playertitlebar {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;  }
.playername {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;  width: 50%; text-align: left; padding-left: 10px;}
.betstake { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; float: left;  width:25%; text-align: left;}
.betpotential { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; float: left; width:40%; text-align: center;}
.betreturn { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; float: right; width:40%; text-align: right;}
.coupondeets {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    align-items: center;
}

.coupon-field {
    display: flex;
    flex-direction: column;
    min-width: 120px;
    flex: 1;
}

.coupon-field.small {
    max-width: 60px;
}

.coupon-field.wide {
    flex: 2;
}
.coupon-field select {
    padding: 4px;
    font-size: 13px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}
.coupon-field label {
    margin-bottom: 2px;
    font-weight: bold;
}

.coupon-field input {
    padding: 4px;
    font-size: 13px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}
.wonlost0 { background: #ffdddd; }
.wonlost1 { background: #ddffdd; }
.wonlost2 { background: #eeeeee; }
.wonlost3 { background: #8e9099; }
.wonlost_bright0 { background: red; color: #FFF;}
.wonlost_bright1 { background: #55ff55;  }
.wonlost_bright2 { background: #eeeeee; }
.oddstable { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; }
.oddscell { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; width:30px; height: 30px; text-align: center; color: #FFFFFF; }
.oddstotalcell_0 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; width:30px; height: 30px; text-align: center; color: #FFFFFF; background: #000000; }
.oddstotalcell_1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; width:30px; height: 30px; text-align: center; color: #FF0000; background: #FFFFFF; }
.oddstotalcell_234 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; width:30px; height: 30px; text-align: center; color: #000000; }
.oddstotalcell_5 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; width:30px; height: 30px; text-align: center; color: #FFFFFF; background: #c0c0c0; }
.oddstotalcell_6 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; width:30px; height: 30px; text-align: center; color: #FFFFFF; background: #a67c00; }
.oddstypetext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; float: right; padding-right: 10px; padding-top: 30px; }
.team-row { background: #eeeeee; margin-bottom: 2px; width: 200px;  }
.team-name {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; float: left;}
.team-data-cell { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; width: 80px; }
.playerBody { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; width: 100%; height: 1450px; display: none; overflow-y: hidden; }
.playerCell { width: 48%; height: 320px; float: left; background: #FFFFFF; margin: 2px; padding: 4px; overflow-x: hidden; 
overflow-y: auto; border: solid 1px #EEEEEE;}
.playerCellLower { width: 48%; height: 480px; float: left; background: #FFFFFF; margin: 2px; padding: 4px;
}
.playerCellShorter { width: 48%; height: 280px; float: left; background: #FFFFFF; margin: 2px; padding: 4px; overflow-x: hidden; 
  overflow-y: auto; border: solid 1px #EEEEEE;}
.fixoddsline { width: 95%; float: left;  padding: 3px; font-size: 11px; margin: 2px; }
.fixodds0 { background-color: rgba(255, 99, 132, 0.3);  border: solid 1px #ff9999; }
.fixodds1 { background-color: rgba(99, 255, 132, 0.3);  border: solid 1px #00FF00; }
.fixodds2 { background-color: rgba(150, 150, 150, 0.2);  border: solid 1px #cccccc; }
.fixodds3 { background-color: #8e9099;  border: solid 1px #000000; color: #FFFFFF; }
.fixoddsempty { background-color: hsl(0, 0%, 100%);  border: dotted 1px #b9a9a9; color: #d8d4d4; }
.fixodds0live { background-color: rgba(255, 55, 84, 0.5);  border: solid 1px #cccccc; }
.fixodds1live { background-color: rgba(55, 255, 55, 0.5);  border: solid 1px #cccccc; }

.editbuttons-row { background:  rgba(255, 99, 132, 0.3); margin: 3px;  border-radius: 15px; border: #888888 1px solid; width: 98%; height: 20px; float:left;}
.earlyfixture-row { background: #e1e9e2; margin: 6px 5px 10px 5px;  border-radius: 15px; border: #888888 1px solid; width: 98%; height: 40px; float:right;}
.earlyfixturetext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; float: right; padding-right: 10px; text-align: right; }
.earlyplayername {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;  width: 50%; text-align: left; padding-left: 10px;}
.earlypickedbetcontainer { padding:2px; margin-bottom:  0px; height: 21px; }
.earlypickedbet { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; float: left;  }
.earlypickedbet a:visited { color: blue; text-decoration: none;}
.earlypickedbet a:link { color: blue; text-decoration: none;}
.earlypickedbet a:active { color: blue; text-decoration: none;}
.earlypickedbet a:hover { color: blue; text-decoration: underline;}
.earlyCellboxlarge { font-family:  Helvetica, Geneva, Arial, sans-serif; font-size: 25px; color: #129847; width: 100%;}
.earlyCellboxlong { width: 100%; height: 70px; float: left;  margin: 2px; text-align: center; float:right; border: solid 0px #cccccc;}

.mediumtextbox { width: 120px; }

.earlypayout { font-size: 10px; font-style: italic; color:#00FF00; float:inline-end;  }

.couponnumber {font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; float: left; font-style: italic; }

.fixoddstext { width: 80%; float: left; }
.fixoddstext2 { width: 20%; float: right; }
.adminpage { width: 100%; float: right; }
.halfwidth { width: 48%; float: left; align-items: center; text-align: center; }
.thirdwidth { width: 32%; float: left; align-items: center; text-align: center; }

.indivteam18 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; }
.indivteam16 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; }

.leaguelist { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; float: left; width: 180px; background-color: rgba(12, 99, 132, 0.3); margin:4px; padding:3px; }
.leaguelistrow { height: 20px; }
.leaguelistteam { width: 60%; float: left; }
.leaguelistarrow { width: 20px; float: right; }

.favteamline { width: 95%; float: left;  padding: 3px; font-size: 12px; margin: 2px; border: solid 1px #CCCCCC; color: #FFFFFF;  background-color: #DDDDDD; }
.favteamtimes { width: 20%; float: left;  padding: 1px; font-size: 12px; margin: 1px; border: solid 1px #CCCCCC; background-color: green; text-align: center;}
.favteamteams  { width: 75%; float: right;  padding: 3px; font-size: 13px; margin: 2px;  color: #000000;}
.favteamtext { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 26px;  color: #FFFFFF;  }

.bettypebody input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.bettypebox {
   background-color: #ddd;
    margin: 5px 10px;
    padding: 5px 10px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 2px solid #444;
    border-radius: 4px;
    display: none;
}

.bettypebody {
   background-color: #ddd;
    margin: 5px;
    padding: 5px 10px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 2px solid #444;
    border-radius: 4px;
}

.bettypebody label {
    display: inline-block;
    background-color: #ddd;
    padding: 3px 5px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 2px solid #444;
    border-radius: 4px;
}
.bettypebody input[type="radio"]:checked + label {
    background-color:#bfb;
    border-color: #4c4;
}
.bettypebody input[type="radio"]:focus + label {
    border: 2px dashed #444;
}
.bettypebody label:hover {
  background-color: #dfd;
}

.badgewidthdiv { width: 35px; text-align: center; display: inline-block;}
.badgewidthdiv2 { width: 70px; text-align: center; display: inline-block;}
.teamtextdiv { float: right; display: flex; height: 35px; padding-left: 5px; flex-direction: row; align-items: center; }

.playerCellbox { width: 45%; height: 110px; float: left; border: solid 0px #cccccc; margin: 3px; text-align: center; }
.playerCellboxhalf { width: 45%; float: left; border: 0px; margin: 3px; text-align: center; }
.playerCellboxleague { width: 95%;   margin: 1px; padding: 0px; text-align: center;  font-size: 12px; position: relative; }
.playerCellboxlong { width: 100%; height: 70px; float: left;  margin: 2px; text-align: center; float:right; border: solid 0px #cccccc;}
.playerCellboxlonger { width: 100%; height: 180px; float: left;  margin: 2px; text-align: center;  border: solid 0px #cccccc;  }
.playerCellboxsmall { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #544345;}
.playerCellboxsmaller { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #544345;}
.playerCellboxlarge { font-family:  Helvetica, Geneva, Arial, sans-serif; font-size: 25px; color: #129847; width: 100%;}
.playerCellboxlesslarge { font-family:  Helvetica, Geneva, Arial, sans-serif; font-size: 18px; color: #2909dd; width: 100%;}
.playerCellboxred { color: #981247; }
.playerCellDivider { width: 95%; height: 2px; border: dashed 1px #cccccc; margin: 3px; text-align: center; }
.playerCellboxblack { color: #000000; }
.playerCellboxgreen { color: #44ff44; }
.playerCellboxdarkgreen { color: #228B22; }
.playerCellboxmedium { font-family:  Helvetica, Geneva, Arial, sans-serif; font-size: 14px; }

.backgroundtext { text-align: right; float: right; }
.nicetextred    { font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 12px; font-weight: bolder; color: #ac1515; }
.nicetextgreen  { font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 12px; font-weight: bolder; color: #139e0f; }
.leftaligntext { text-align: left; padding-left: 25%; }

.teamStatsline { width: 99%; float: left;  padding: 3px; font-size: 12px; margin: 2px; }
.teamStatsinfo { width: 25%; float: left; } 
.teamFixDetail { width: 60%; float: left; }
.teamStatsinfo1 { width: 20%; float: left; } 
.teamStatsdetails { width: 99%; float: left;  padding: 3px; font-size: 12px; margin: 2px; }
.teamStatsinfo2 { width: 20%; float: left; } 
.teamStatsinfo3 { width: 20%; float: left; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px;} 

.formContainer { width: 190px; height: 25px; }
.formPlayerName { width: 50px; height: 20px; float: left; text-align: left;}
.formUnit { width: 16px; height: 16px; float: left; margin-right: 4px;}

/* .seasonContainer { width: 2600px; height: 250px; color: #544345;} - this is in stat-table.php as I wanted to dynamically modify the width */
.nameContainer { width: 80px; height: 200px; color: #544345;}
.seasonPlayerRow { width: 96%; height: 30px;  margin: 1px; padding-left:80px;}
.seasonPlayerRowShort { width: 80px; height: 30px; float:left; }
.seasonPlayerName { width: 80px; height: 28px; float:none; position: absolute; left:0; background-color: rgba(200, 200, 200, 1); z-index: 4; padding-left: 5px;}
.seasonFixtureCell { width: 28px; height: 28px;   border-radius: 25%;
  display: inline-block;
  margin-left:2px; float: left;  position:relative;  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; padding-top: 3px; z-index: 1;}
.totalPlayerName { width: 80px; height: 28px; float:none; position: absolute; left:0; background-color: rgba(255, 255, 255, 1); z-index: 4;  padding-left: 5px;}
.totalFixtureCell { width: 28px; height: 28px; margin-left:2px; float: left;  position:relative;  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; padding-top: 3px; z-index: 1;}
.dateFixtureCell { width: 28px; height: 28px; margin-left:2px; float: left;  position:relative;  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; z-index: 1;}
.redleftline { border-left: solid 3px #000000; }
.seasonviewport { width:95%; overflow-x: scroll;  }

.seasonFixtureCellCondensed { width: 6px; height: 28px; margin-left:1px; float: left;  position:relative;  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; padding-top: 3px; z-index: 1;}
.totalFixtureCellCondensed  { width: 6px; height: 28px; margin-left:1px; float: left;  position:relative;  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; padding-top: 3px; z-index: 1;}
.dateFixtureCellCondensed   { width: 6px; height: 28px; margin-left:1px; float: left;  position:relative;  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; z-index: 1;}

#mainbody { width: 90%;  margin:5px; float: left; border:rgba(55, 255, 55, 0.5), 1px, dashed; }
.fixturesFromXML { width: 90%;  margin:5px; float: left; border:rgba(55, 255, 55, 0.5), 1px, dashed; }
.fixturesFromXML_fixture { border:#2bb42b dashed 1px;  padding: 5px; margin: 5px; background-color: #2bb42b; color:#000000;}
.fixturesFromXML_fixture2 { border:#164b16 dashed 1px;  padding: 5px; margin: 5px; background-color: #FFFFFF; color:#000000;}
.fixturesFromXML_heading { width: 100%; text-align: center;  font-size: small; padding: 5px;}
.fixturesFromXML_team { text-align: center; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;}

.bettypeline { float:left; width:100%; margin-bottom: 5px; padding-top: 1px;  height: 25px; }
.bettype_total { font-size: 12px; background-color: rgba(179, 187, 181, 0.596); border: solid 1px #000000; width: 28px; height: 22px; float:left; margin-right: 5px; padding-top: 1px; text-align: center; font-weight: bolder; }
.bettype_type {  width: 50px; float:left; margin-right: 5px; padding-top: 1px; text-align: left; font-size: 12px; }
.bettype_right { font-size: 11px; background-color: rgba(99, 255, 132, 0.3); border: solid 1px #057905; width: 25px; height: 22px; float:left; margin-right: 5px; padding-top: 2px; text-align: center;}
.bettype_wrong { font-size: 11px; background-color: rgba(255, 99, 132, 0.3);  border: solid 1px #ff9999; width: 25px; height: 22px; float:left; margin-right: 5px; padding-top: 2px; text-align: center}
.bettype_prcnt { font-size: 10px; padding-top: 4px; }


#scroll1{ scroll-margin-right: 300px; scroll-margin-left: 300px; }
#scroll2{ scroll-margin-right: 300px; scroll-margin-left: 300px; }
#scroll3{ scroll-margin-right: 300px; }

@font-face {
  font-family: Mode7;
  src: url('MODE7GX3.TTF'), url('MODE7GX3.EOT');  /* .EOT is for IE */
}
.teletext {
  font-family: Mode7, monospace, courier, fixed;
  font-size: 14px;
  font-smooth: never;
  -webkit-font-smoothing : none;
  line-height: 15px;
  white-space: pre;
  text-align: center;
}
.bet365parent {
  display: flex;
  justify-content: center; /* horizontal center */
  padding: 20px; /* just for spacing */
}
.bet365link {
  background-color: rgba(5, 54, 15, 0.767);
  text-align: center;
  height: 25px;
  width: 80px;
  line-height: 25px; /* vertically center text */
  border-radius: 5px; /* rounded corners */
  cursor: pointer; /* show hand cursor on hover */
  border: 1px solid rgba(2, 73, 18, 0.8);
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-decoration: none; /* remove underline if it's a link */
  display: inline-block; /* so width/height apply properly */
}

.bet365link:hover {
  background-color: rgba(38, 97, 51, 0.808);
}

.editscore { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; float: right; text-decoration: none; margin-right: 50px;  }

.all-country-bg {
  background-position: 110px;
  background-repeat: no-repeat;
  background-size: 18px;
}
.England-bg {    background-image: url("../images/England.png"); }
.Scotland-bg {    background-image: url("../images/Scotland.png"); }
.Germany-bg {    background-image: url("../images/Germany.png"); }
.Portugal-bg {    background-image: url("../images/Portugal.png"); }
.Netherlands-bg {    background-image: url("../images/Netherlands.png"); }
.Sweden-bg {    background-image: url("../images/Sweden.png"); }
.Italy-bg {    background-image: url("../images/Italy.png"); }
.Spain-bg {    background-image: url("../images/Spain.png"); }
.France-bg {    background-image: url("../images/France.png"); }
.Norway-bg {    background-image: url("../images/Norway.png"); }

/* START of collapsible button */
/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding-left: 5px;
  width: 99%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.coll_content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #FFF;
	  transition: max-height 0.2s ease-out;
}

/* END of collapsible button */

#mySidebar { display: none; }
.triangle-left {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-right: 50px solid #555;
	border-bottom: 25px solid transparent;
	margin-top: 5px;
	margin-left: 50px;
	float: left;
}
.triangle-left-grey {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-right: 50px solid #eee;
	border-bottom: 25px solid transparent;
	margin-top: 5px;
	margin-left: 50px;
	float: left;
}
.triangle-right {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid #555;
	border-bottom: 25px solid transparent;
	margin-top: 5px;
	margin-right: 50px;
	float: right;
}
.triangle-right-grey {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 50px solid #ddd;
	border-bottom: 25px solid transparent;
	margin-top: 5px;
	margin-right: 50px;
	float: right;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 5px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

.redblobstatic {
	background: red;
	border-radius: 50%;
	margin: 4px 4px 4px -1px;
	height: 10px;
	width: 10px;
  float: left;
}
.greenblobstatic {
	background: rgb(24, 202, 24);
	border-radius: 50%;
	margin: 4px 4px 4px -1px;
	height: 10px;
	width: 10px;
  float: left;
}
.redblob {
	background: red;
	border-radius: 50%;
	margin: 4px 4px 4px -1px;
	height: 10px;
	width: 10px;
  float: left;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}
.amberblob {
	background: orange;
	border-radius: 50%;
	margin: 4px 4px 4px -1px;
	height: 10px;
	width: 10px;
  float: left;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}
.greenblob {
	background: rgb(24, 202, 24);
	border-radius: 50%;
  margin: 4px 4px 4px -1px;
	height: 10px;
	width: 10px;
  float: left;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(233, 226, 226, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.blink {
  animation: 1s linear infinite condemned_blink_effect;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #ddd;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.pagination a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pagination a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
nav {
  -moz-transition: right 0.2s linear;
  -o-transition: right 0.2s linear;
  -webkit-transition: right 0.2s linear;
  transition: right 0.2s linear;
}

.footerbar ul {
 list-style-type: none;
 margin: 0px;
 padding: 2px;
 overflow: hidden;
 background-color: #FFFFFF;
 position: fixed;
 bottom: 0;
 width: 100%;
 max-width: 600px;
}


.footerbar li {
 float: left;
 border-right: 1px solid #dddddd;
 width: 20%;
}

/* Add a border to all( but not the last) list items */
.footerbar li:last-child { 
 border-right: none;
}

.footerbar li a {
 display: block;
 color: white;
 text-align: center;
 padding: 10px;
 text-decoration: none;
}
.footerbreak {
 height: 100px;
}
/* Links will change color when hovered over */
.footerbar li a:hover {
  background-image: linear-gradient(white, #dddddd);
 
}

.footerbar .active {
background-image: linear-gradient(red, yellow);
}
.footerText { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
-->