body {
    font-family: arial;
    margin: 0;
    padding: 0;
    background: #191919;
    font-family: industry-inc-base, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    color: #FFFFFF;
}

/* Recherche de cartes */

.form {
    padding: 0px;
}

#search {
    margin: 20px 0 40px 20px;
    border: 0;
    font-size: .8em;
    width: 100%;
    display: block;
    background: transparent;
    color: rgba(255, 255, 255, 1);
/*     font-family: industry, sans-serif; */
	font-family: industry-inc-base, sans-serif;
/*     font-weight: 300; */
    font-style: normal;
    text-transform: uppercase;
    position: fixed;
    z-index: 1000;
}

#search:focus {
    outline: 0;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: .1; /* Firefox */
    font-weight: 300;
    text-transform: uppercase;
    font-family: industry, sans-serif;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
    font-weight: 300;
    font-family: industry, sans-serif;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}

/* Resultats Recherche (Liste de cartes) */
#list {
    position: relative;
    margin: auto;
    padding: 80px 0 0 0;
    color: rgba(255, 255, 255, 1);
    max-width: 1640px;
}

#list li {
    float: left;
    background: none;
    margin: 0;
    box-sizing: border-box;
    /*   margin: 0 20px 40px 20px; */
    padding: 20px 20px 5px 20px;
    list-style: none;
    width: 20%;
    /*   height: 458px; */
    overflow: hidden;
    position: relative;
}

li img {
    width: 100%;
}

a {
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
}

.name, .playername {
    display: none;
}

/* Store */

.store marquee {
	background: black;
	color: white;
	bottom: 0;
	left: 0;
	margin: 0;
}

.store #list {
	padding-top: 0
}

.store .inactif {
	color: rgba(255, 255, 255, .2);
}

.store .inactif:hover {
	color: rgba(255, 255, 255, 1);
}

.store .price {
	font-size: .6em;
	color: #fff;
	position: relative;
	top: -10px;
}

.store .limited {
	float: right;
	font-size: .3em;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .2);
/*
	background: #F7B405;
	color: black;
*/
	padding: 5px 10px 2px 10px;
}

.store .price img {
	max-width: 20px;
	position: relative;
	top: 3px;
	margin-right: 5px;
}

.buy {
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 10px 15px 5px 15px;
    font-size: .5em;
    width: 88%;
    display: block;
    text-align: center;
    background: black;
    margin-bottom: 40px;
}

.buy:hover {
    background: #fff;
    border: 1px solid #fff;
    color: black;
}

.store ul li a:hover img {
	transition: all .3s ease;
	top: -10px;
	position: relative;
}

.video_link {
	padding: 10px 10px 5px 10px;
	border: 1px solid rgba(255,255,255,.1);
	margin-bottom: 20px;
	display: inline-block;
}

.video_link:before {
	content:"► ";
}

.video_link:hover {
	border: 1px solid rgba(255,255,255,1);
}


/* Compteur */

.compteur {
	display: inline-block;
	background: black;
	color: white !important;
	padding: 10px 10px 5px 10px;
	font-size: .8em;
	margin-top: -5px;
	min-width: 220px;
}

.compteur .day {
	display: none
}

.compteur .hour:after, .compteur .minute:after {
	content: ": "
}

.compteur .hour span {
	display: none
}

.compteur .minute span {
	display: none
}

.compteur .second span {
	display: none
}


/* My Roster (Ma selection de cartes) */
.myselection {
    max-width: 1360px;
    margin: 50px auto;
}

.pick {
    width: 300px;
    height: 458px;
    float: left;
    margin: 0 20px 40px 20px;
    background: none;
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    border: 1px dashed #FFFFFF;
    box-sizing: border-box;
    font-size: .8em;
    position: relative;
/*     transition: all .3s ease-out; */
    bottom: 0;
/*     overflow: hidden; */
}

.pick:hover {
    bottom: 10px;
    transition: all .3s ease;
}

.pick span {
    font-size: .6em;
    color: white;
}

.pick span.card_type {
    padding-top: 200px;
    display: block;
    font-size: 1em;
}

.pick img {
    width: 300px;
    height: 458px;
    float: left;
    margin: -1px 20px 40px -1px;
}

.pick.inactif, .pick.inactif a {
    color: rgba(255, 255, 255, .2);
    cursor: default;
    opacity: .2;
    pointer-events: none;
}

.pick.def {
    border: 1px dashed #EB692D;
}

.pick.off {
    border: 1px dashed #00A6CE;
}

.pick.boost {
    border: 1px dashed #CBBA84;
}

.pick.loading {
    pointer-events: none;
}

.pick.locked {
    pointer-events: none;
}



/*
.clock, .selectionPick {
    display: none;
}

.pick.onclock {
    color: #FFFFFF;
}

.pick.onclock .clock {
    font-size: .5em;
    display: block;
    color: yellow;
}

.pick.onclock .selectionPick {
    font-size: .4em;
    border-bottom: 1px solid white;
    display: inline-block;
}
*/

/*
.roster .go_to_game_wrap {
	position: fixed;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	background: black;
}
*/

.roster .go_to_game_wrap {
	text-align: center;
}

.roster .go_to_game_wrap.hidden {
    display: none;
}

.roster .go_to_game_wrap .disabled {
	color: rgba(255,255,255,.4);
	border-color: rgba(255,255,255,.1);
	pointer-events: none;
}

/* Header */
/*
.header {
    background: black;
    padding: 25px 40px 20px 40px;
    margin: 0 0 20px 0;
    width: 100%;
    box-sizing: border-box;
}
*/

.header2 {
    padding: 25px 20px 0 20px;
}

.header2 a {
    font-size: 1.5em;
    position: relative;
}

.header2 .actif {
    color: white;
    display: inline-block;
    margin-top: 8px;
}

.header2 .inactif {
    color: rgba(255, 255, 255, .2);
/*     cursor: default; */
}

.header2 .disabled {
    color: rgba(255, 255, 255, .2);
    pointer-events: none;
}

.header2 .play {
    background: #45A90C;
    padding: 15px 25px 10px 25px;
    float: right;
    font-size: .6em;
    margin-right: 20px;
}

.header2 .budget {
    background: transparent;
    padding: 15px 15px 10px 15px;
    float: right;
    font-size: .6em;
    margin-right: 20px;
    border: 1px solid rgba(255,255,255, .2);
    pointer-events: none;
}
.header2 .budget.invalid {
    color: red;
    border-color: red;
}

.header2 .money {
    background: #F7B405;
    padding: 15px 25px 10px 25px;
    color: black;
    float: right;
    font-size: .6em;
    margin-right: 20px;
}

.header2 .money img {
	margin-top: -1px;
	margin-right: 5px;
	width: 25px;
}

.header2 .chrono {
    background: #D80000;
    padding: 15px 15px 10px 15px;
    float: right;
    font-size: .6em;
}

#Crono {
	background: black;
	padding: 10px 10px 5px 10px;
	min-width: 50px;
	display: inline-block;
	margin-top: -5px;
	border-radius: 2px;
	margin-left: 40px;
	color: white;
}

.header2 .quit {
    background: black;
    padding: 15px 15px 10px 15px;
    float: right;
    font-size: .6em;
    border: 1px solid rgba(255,255,255, .2);
}

.header2 .quit:hover {
	border: 1px solid rgba(255,255,255, .6);
}

.header2 .reload {
	margin-right: 20px;
	display: none;
}

.header2 .profil {
    background: black;
    padding: 10px 15px 0px 65px;
    float: right;
    font-size: .6em;
    overflow: hidden;
/*     border: 1px solid rgba(255,255,255, .2); */
}

.header2 .profil .avatar {
	width: 50px;
	position: absolute;
	top: 0;
	left: 0;
}

.header2 .profil .level {
	display: block;
	font-size: .6em;
}

/* Profil */
#popup_profil {
	text-align: center;	
}

/*
#popup_profil .popup {
	background: black;
}
*/

#popup_profil .avatar {
	width: 80px;
	border: 1px solid rgba(255,255,255,.1);
}

#popup_profil .name {
	display: block;
}

#popup_profil .team {
	display: block;
	color: rgba(255,255,255,.3);
	font-size: .6em;
}

/* Content Editable */
#popup_profil .team:focus {
	background: transparent;
	border: none;
	outline: none;
	color: white;
}

#popup_profil .bilan {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid rgba(255,255,255,.1);
	margin-top: 20px;
	border-bottom: 1px solid rgba(255,255,255,.1);
}

#popup_profil .bilan div {
	/* 	flex-grow: 3; */
	width: 33%;
	display: inline-block
}

#popup_profil .bilan div.win:after {
	display: block;
	content: "win";
	font-size: .5em;
	opacity: .2;
}

#popup_profil .bilan div.lose:after {
	display: block;
	content: "lost";
	font-size: .5em;
	opacity: .2;
}

#popup_profil .bilan div.tie:after {
	display: block;
	content: "tie";
	font-size: .5em;
	opacity: .2;
}

#popup_profil .bilan div.win span, #popup_profil .bilan div.lose span, #popup_profil .bilan div.tie span {
	display: none;
}


/* Badges / Levels */
#popup_profil .badges {
	padding-top: 20px;
}

#popup_profil .badges .title {
	font-size: .5em;
}

#popup_profil .badges .badges {
	display: flex;
}

#popup_profil .badges .badges div {
	flex-grow: 4;
	opacity: .2;
	padding: 10px 10px 5px 10px;
}

.badge_win_1, .badge_win_5, .badge_win_10, .badge_win_50, .badge_win_100, .badge_win_150, .badge_win_200, .badge_win_250, .badge_win_500 {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: .5em;
}

.badge_win_1 {
	border-left: 1px solid #fff;
}

.badge_win_1 span, .badge_win_5 span, .badge_win_10 span, .badge_win_50 span, .badge_win_100 span, .badge_win_150 span, .badge_win_200 span, .badge_win_250 span, .badge_win_500 span {
	display: block;
	font-size: .7em;
}

#popup_profil .badges .badges .deblocked {
	opacity: 1;
/*
	background: #F7B405;
	border-color: #F7B405;
	color: black;
*/
/*
	background: black;
	color: white;
	border: 1px solid rgba(255,255,255,.8);
*/
	background: #45A90C;
	border-color: #45A90C;
}

/* Coins */
#popup_coins {
	text-align: center
}

#popup_coins .coins {
	box-sizing: border-box;
	position: relative;
	left: -1px;
	border-bottom: 1px solid rgba(255,255,255,.1);
}

#popup_coins .coins .packs {
/* 	display: flex; */
	font-size: .5em;
	box-sizing: border-box;
}

#popup_coins .coins .packs div {
/* 	flex-grow: 1; */
	padding: 10px 10px 5px 10px;
	width: 25%;
	box-sizing: border-box;
	float: left;
}

#popup_coins .coins .packs div span {
	display: block;
	font-size: 1.6em;
}

#popup_coins .coins .packs .buy {
	font-size: 1em;
	margin-top: 20px;
}

#popup_coins .deblocked {
	opacity: .2;
}

/* Popup play */

#popup_play .colonne_1 {
	border-right: 1px solid rgba(255,255,255,.1);
}

#popup_play .play_mode {
	width: 80px;
	display: block;
	margin: 0 auto 10px auto;
}

/* Config jeu */
#popup_play_config .options div {
	display: block;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding: 0 0 3px 0;
}

#popup_play_config .options div span {
	display: inline-block;
	width: 100px;
	text-align: left;
	font-size: .5em;
}

#popup_play_config .options div span:first-child {
	width: 300px;
}

/* Content Editable */
#popup_play_config .budget:focus {
	background: transparent;
	border: none;
	outline: none;
	color: white;
}


/* DRAFT Animation */
marquee {
    background: #222222;
    padding: 20px;
    position: fixed;
    bottom: 0;
}

marquee span {
    margin-right: 100px;
    font-size: .7em;
}

.actif {
    color: #F7B405;
}

marquee .choice {
    font-size: .7em;
}

.picked {
    width: 100%;
    background: white;
    position: fixed;
    bottom: 85px;
    padding: 20px 20px 15px 370px;
    color: black;
}

.picked span {
    font-size: .8em;
    padding-left: 20px
}

.picked .off, .off {
    color: #00A6CE;
}

.picked .def, .def {
    color: #EB692D;
}

.boost_card {
	color: #CBBA84;
}

.mixte {
	background: -webkit-linear-gradient(45deg, #00A6CE, #EB692D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.marquee {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 150px;
    background: #111111;
    font-size: .8em;
    padding: 20px;
    z-index: 10000;
    overflow: hidden;
}

.marquee .inactif {
    visibility: hidden;
}


/* Btn */
.start {
    background: transparent;
    border: 1px solid #45A90C;
    padding: 20px 25px 15px 25px;
    font-size: .7em;
}

.start:hover {
    background: #45A90C;
    border: 1px solid #45A90C;
}

.valid_action {
	background: transparent;
	border: 1px solid rgba(255,255,255,1);
	padding: 5px 10px 2px 10px;
	font-size: .5em;
	position: relative;
	top: -4px;
	left: 10px;
}

.valid_action:hover {
	background: black;
	border: 1px solid black;
}

/* Messages d'information */

.msg {
    background: #F7B405;
    color: black;
    text-align: center;
    margin: 25px 20px 20px 20px;
    padding: 20px 20px 15px 20px;
}

.msg.off {
    background: #00A6CE;
    color: white;
}

.msg.def {
    background: #EB692D;
    color: white;
}

.offdef {
    background: -webkit-linear-gradient(45deg, #00A6CE, #EB692D);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.msg.yourturn {
    background: #45A90C;
    color: white;
}



/*
.header .score {
    font-size: .7em;
}

.header .score span {
    color: yellow;
}

.wait, .alert {
    background: black;
    padding: 0 40px 0px 40px;
    margin: -40px 0 40px 0;
    font-size: .6em;
}

.flottante {
    position: absolute;
    top: 70px;
    right: 30px;
    background: #444444;
    display: block;
    padding: 20px 20px 10px 20px;
    animation-duration: 1s;
    animation-name: slidein;
    animation-iteration-count: 1;
}
*/

/* Scoreboard */
.scoreboard {
    background: #222;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
}
.scoreboard .player {
    background: #222;
    display: flex;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    width: 50%;
    align-items: center;
}
.scoreboard .player2 {
    padding: 0 20px 0 0;
    text-align: right;
}

.scoreboard .player-name {
    border-bottom: 5px solid #222;
    flex: 1 1 100%;
    position: relative;
    margin-top: 22px;
    padding-bottom: 8px;
    color: white !important;
}

.scoreboard .score {
    background: black;
    text-align: center;
    padding: 20px 20px 10px 20px;
    box-sizing: border-box;
    color: white;
    flex: 0;
    border-bottom: 5px solid #000;
}

.player1 .score {
    margin-left: auto;
}

.player2 .score {
    margin-right: auto;
}

.scoreboard.off .score {
	border-bottom: 5px solid #EB692D;
}

.scoreboard.def .score {
	border-bottom: 5px solid #00A6CE;
}

.scoreboard.off .score.actif {
    border-bottom: 5px solid #00A6CE;
    color: white !important;
}

.scoreboard.def .score.actif {
    border-bottom: 5px solid #EB692D;
    color: white !important;
}

.scoreboard.def .actif .player-name {
	border-bottom: 5px solid #EB692D;
}

.scoreboard.off .actif .player-name {
	border-bottom: 5px solid #00A6CE;
}

.scoreboard.def .actif {
	color: #EB692D;
}

.scoreboard.off .actif {
	color: #00A6CE;
}

.combine.scoreboard .score {
	flex-grow: 2;
}

.combine.scoreboard .inactif {
	opacity: .2
}

/* Notif animation 
@keyframes slidein {
    from {
        right: -500px;
    }

    to {
        right: 30px;
    }
}*/

.scoreboard_quarter {
	width: 100%;
	background: transparent;
	z-index: 1000;
	position: fixed;
	bottom: 62px;
}

.scoreboard_quarter .board {
	width: 99px;
	background: gray;
	font-size: .4em;
	margin: 0 auto;
	text-align: center;
	padding: 10px 10px 5px 10px;
}


/*
.game {
    text-align: center
}
*/

.duel {
    max-width: 1960px;
    margin: 80px auto;
}

.marginleft {
    margin-left: 150px;
}

.duel.combine {
    max-width: 810px;
}

.alreadyPlayed {
	pointer-events: none;
	opacity: .3;
}

/* Explode card */
#target {
/*
	display: block;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 10px;
	width: 277px;
*/
}

/*
.alert span {
    color: yellow;
}


.alert span.ok {
    color: white;
    padding: 5px 5px 0px 5px;
    margin-right: 5px;
    border: 1px solid #333333;
}

.alert span.ko {
    color: #333333;
    padding: 5px 5px 0px 5px;
    margin-right: 5px;
    border: 1px solid #333333;
}

.alert span.on {
    color: yellow;
    padding: 5px 5px 0px 5px;
    margin-right: 5px;
    border: 1px solid white;
}

.alert span.over {
    color: red;
}

.choice {
    color: white
}

.wait {
    color: #333333;
}

.choice .def {
    color: #EB692D;
}

.choice .off {
    color: #00A6CE;
}

.choice .boost {
    color: #CBBA84;
}

.choice .playbook {
    color: #999999;
}*/

/* Ateliers Combine */

.msg.atelier1 {
    background: #1DC1DD;
    color: white;
}

.msg.atelier2 {
    background: #49B899;
    color: white;
}

.msg.atelier3 {
    background: #F7CC10;
    color: white;
}

.msg.atelier4 {
    background: #E64210;
    color: white;
}

.msg.atelier5 {
    background: #AE1C2F;
    color: white;
}

.msg.atelier6 {
    background: #4E3C3D;
    color: white;
}

.msg.atelier7 {
    background: #7A7776;
    color: white;
}

.msg.atelier8 {
    background: #4E337B;
    color: white;
}

/*
.budget {
    float: right;
    font-size: .7em;
}

.somme {
    color: yellow;
}

.cards_off, .cards_def, .cards_boost, .cards_play, .cards_picks, .cards_money {
    display: inline-block;
    margin-right: 40px;
}

.inventaire {
    padding-bottom: 20px;
}

.menu {
    visibility: hidden;
}
*/


/* Options de jeu (Desactiver des cartes) */

/*
.ncaa {
	display: none;
}
*/

/*
.oldseason {
	display: none;
}
*/

/*
.trade {
	display: none;
}
*/

/*
.rookie {
	display: none;
}
*/

/*
.draftday {
	display: none;
}
*/

/*
.oline {
	display: none;
}
*/


/* Live Draft (Desactiver des cartes) */
.drafted {
    opacity: .1
}

/*
li.video:after {
    content: "Clic to watch a video ↴";
    font-size: .4em;
    position: absolute;
    top: 0px;
    left: 0;
}

li.champions:after {
    content: "Clic to view division standing ↴";
    font-size: .4em;
    position: absolute;
    top: 0px;
    left: 0;
}

li.top100:after {
    content: "Clic to view NFL Network Top100 ↴";
    font-size: .4em;
    position: absolute;
    top: 0px;
    left: 0;
}

li.pff101:after {
    content: "Clic to view PFF101 ↴";
    font-size: .4em;
    position: absolute;
    top: 0px;
    left: 0;
}
*/

/* tabs 
.tabs {
    width: 100%;
    background: black;
    margin-top: -20px;
}

.tabs a {
    width: 33.333%;
    display: inline-block;
    text-align: center;
    padding: 20px 0;
    font-size: .6em;
}

.tabs a.selected {
    background: white;
    color: black;
}*/


/* Footer Menu 
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: black;
    z-index: 1000;
}

.footer a {
    width: 33.333%;
    display: inline-block;
    text-align: center;
    padding: 20px 0;
    font-size: .6em;
}

.footer a.selected {
    background: white;
    color: black;
}

.footer a.inactiv {
    opacity: .2;
}*/






/*******/
/* Masquer/Afficher Cartes */
/*******/

.mycards_eagles ul li, .mycards_steelers ul li, .playbook ul li, .boosts ul li, .offensive ul li, .defensive ul li, .combine_university1 ul li, .combine_university2 ul li {
    display: none;
}

/* Pack Eagles */

.mycards_eagles ul .eagles, .mycards_eagles ul .playbook.passing, .mycards_eagles ul .playbook.rushing, .mycards_eagles ul .playbook.receiving {
    display: block !important;
}

/* Pack Steelers */
.mycards_steelers ul .juju, .mycards_steelers ul .heyward.steelers, .mycards_steelers ul .steelers.boost.juju, .mycards_steelers ul .playbook.receiving.receiving {
    display: block !important;
}


/* Pack Browns 
.mycards_steelers ul .mayfield, .mycards_steelers ul .ward, .mycards_steelers ul .steelers.boost.mayfield, .mycards_steelers ul .playbook.passing {
    display: block !important;
}*/

/* Pack Chiefs 
.mycards_steelers ul .hardman, .mycards_steelers ul .mathieu.chiefs, .mycards_steelers ul .boost.chiefs.fans, .mycards_steelers ul .playbook.receiving {
    display: block !important;
}*/

/* Pack Ravens 
.mycards_steelers ul .dobbins.rookie, .mycards_steelers ul .peters.ravens, .mycards_steelers ul .boost.ravens.cheerleaders, .mycards_steelers ul .playbook.rushing {
    display: block !important;
}*/

/* Pack Packers 
.mycards_steelers ul .love.rookie, .mycards_steelers ul .clark.packers, .mycards_steelers ul .boost.packers, .mycards_steelers ul .playbook.passing {
    display: block !important;
}*/

.playbook ul .playbook {
    display: block;
}

/*
.playbook.beta ul .playbook {
    display: none;
}
*/

/*
.playbook.beta ul :nth-child(544), .playbook.beta ul :nth-child(545), .playbook.beta ul :nth-child(546) {
    display: block;
}
*/

/*
.boosts ul .boost {
    display: block;
}
*/

.boosts.boost_offense ul .boost, .boosts.boost_defense ul .boost {
	display: none
}

.boosts.boost_offense ul .boost.boost_offense, .boosts.boost_offense ul .boost.boost_mixte {
	display: block;
}

.boosts.boost_defense ul .boost.boost_defense, .boosts.boost_defense ul .boost.boost_mixte {
	display: block;
}



.offensive ul .quarterback, .offensive ul .runningback, .offensive ul .widereceiver, .offensive ul .tightend, .offensive ul .oline {
    display: block;
}

.combine_university1 ul .combine.draft2020.alabama, .combine_university1 ul .combine.draft2019.alabama,
.combine_university1 ul .combine.draft2020.lsu, .combine_university1 ul .combine.draft2019.lsu,
.combine_university1 ul .combine.draft2020.oklahoma, .combine_university1 ul .combine.draft2019.oklahoma,
.combine_university1 ul .combine.draft2020.wisconsin, .combine_university1 ul .combine.draft2019.wisconsin,
.combine_university1 ul .combine.draft2020.stanford, .combine_university1 ul .combine.draft2019.stanford,
.combine_university1 ul .combine.draft2020.auburn, .combine_university1 ul .combine.draft2019.auburn,
.combine_university1 ul .combine.draft2020.tcu, .combine_university1 ul .combine.draft2019.tcu {
    display: block;
}

.combine_university2 ul .combine.draft2020.georgia, .combine_university2 ul .combine.draft2019.georgia,
.combine_university2 ul .combine.draft2020.kentucky, .combine_university2 ul .combine.draft2019.kentucky,
.combine_university2 ul .combine.draft2020.baylor, .combine_university2 ul .combine.draft2019.baylor,
.combine_university2 ul .combine.draft2020.ohio.state, .combine_university2 ul .combine.draft2019.ohio.state,
.combine_university2 ul .combine.draft2020.clemson, .combine_university2 ul .combine.draft2019.clemson,
.combine_university2 ul .combine.draft2020.oregon, .combine_university2 ul .combine.draft2019.oregon,
.combine_university2 ul .combine.draft2020.iowa, .combine_university2 ul .combine.draft2019.iowa {
    display: block;
}

/*
.offensive ul .wentz, .offensive ul .carr, .offensive ul .landry, .offensive ul .cook, .offensive ul .thuney, .offensive ul .gurley.falcons.rushing {
	display: block;
}
*/

.defensive ul .dline, .defensive ul .cornerback, .defensive ul .linebacker, .defensive ul .safety {
    display: block;
}

/*
.defensive ul .campbell, .defensive ul .byard, .defensive ul .jenkins {
	display: block;
} 
*/


/*******/
/*******/
/*******/


ul li.disabled {
    display: none !important;
}



/* DRAFT Animation */
.wordCarousel div {
    overflow: hidden;
    position: relative;
    height: 55px;
    padding-top: 15px;
    margin-top: -10px;
}

.wordCarousel div ul {
    margin: 0;
    padding: 0;
}

.wordCarousel div li {
    height: 55px;
    margin-bottom: 35px;
    display: block;
}

.flip2 { animation: flip2 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }

.flip3 { animation: flip3 20s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }

.flip4 { animation: flip4 30s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }

@keyframes flip2 {
    0% { margin-top: -180px; }
    5% { margin-top: -90px; }
    50% { margin-top: -90px; }
    55% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -270px; }
}

@keyframes flip3 {
    0% { margin-top: -270px; }
    5% { margin-top: -180px; }
    33% { margin-top: -180px; }
    38% { margin-top: -90px; }
    66% { margin-top: -90px; }
    71% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -270px; }
}

@keyframes flip4 {
    0% { margin-top: -360px; }
    5% { margin-top: -270px; }
    25% { margin-top: -270px; }
    30% { margin-top: -180px; }
    50% { margin-top: -180px; }
    55% { margin-top: -90px; }
    75% { margin-top: -90px; }
    80% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -270px; }
}


.team_name {
    text-align: center;
    padding-top: 40px
}

.team_name input {
    background: transparent;
    border: none;
    color: white;
    font-size: 2em;
    font-family: industry-inc-base, sans-serif;
    font-weight: 400;
    font-style: normal;
    outline: none;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.team_name input[type="submit"] {
    font-size: .5em;
    cursor: pointer
}

h1 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

h1 span {
    color: rgba(255, 255, 255, .2);
    display: block;
    font-size: .5em;
    margin-bottom: 80px
}

h2 {
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}

/* Locker room */

.share_url {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}

.share_url p {
	font-size: .4em;
	margin-bottom: 0;
}

input.share, input.share:focus {
	font-size: .4em;
	width: 100%;
	color: rgba(255,255,255,.3);
	background: transparent;
	border: none;
	text-align: center;
	outline: none;
	position: relative;
	top: -15px;
}

button.share {
	font-size: .4em;
	padding: 10px 15px 5px 15px;
	position: relative;
	top: -15px;
	border: 1px solid rgba(255,255,255,.3);
}

button.share:hover {
	border: 1px solid rgba(255,255,255,1);
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .9);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 100000;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 70px auto;
    padding: 40px;
    background: #121212;
    border: 1px solid rgba(255, 255, 255, .1);
    width: 60%;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup h2 {
    margin-top: 0;
    color: #FFFFFF;
    font-size: .5em
}

.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: normal;
    text-decoration: none;
    color: #333333;
}

.popup .close:hover {
    color: #FFFFFF;
}

.popup .content {
    max-height: 30%;
    overflow: auto;
    box-sizing: border-box;
}

.popup .content .colonne {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.popup .content .colonne h2 {
	font-size: 1em;
	margin-left: 0
}

.popup .content .colonne p, .popup .content p {
	font-size: .5em;
}

.popup .content .info {
	display: block;
	font-size: .4em;
	opacity: .5;
}

button {
    padding: 20px 20px 15px 20px;
    background: transparent;
    color: white;
    border: 1px solid white;
    cursor: pointer;
    outline: none;
    font-size: .4em;
    font-family: industry-inc-base, sans-serif;
}

button:hover {
    background: white;
    color: black;
}

@media screen and (max-width: 700px) {
    .box {
        width: 70%;
    }

    .popup {
        width: 70%;
    }
}

.players-duel {
    text-align: center
}

.players-duel .player1 {
/* 	background: red; */
	width: 45%;
	float: left;
}

.players-duel .player2 {
/* 	background: blue; */
	width: 45%;
	float: left;
}

.players-duel .versus {
    font-size: .5em;
    margin: 50px 0 15px 0;
    display: block;
    width: 10%;
	float: left;
}

.players-duel .player-name {
    display: block;
    font-size: 1.5em;
}

.players-duel .start {
    font-size: .5em;
    padding: 15px 25px 10px 25px;
    max-width: 150px;
    border: 1px solid rgba(255, 255, 255, .3)
}

.players-duel .start:hover {
    border: 1px solid rgba(255, 255, 255, 1);
    background: transparent;
}

.hidden {
	display: none;
}

/* Action result */
.action_result .pt_scored {
	font-size: .5em;
}

.action_result .pt_scored span {
	background: black;
	border: 1px solid rgba(255, 255, 255, .1);
	padding: 5px 10px 0 10px;
}

.action_result .pt_scored_defense {
	display: none;
}

.action_result .action_detail {
	color: white;
	font-size: .5em;
	vertical-align: super
}

.boost_link {
	color: #CBBA84;
}

/* Ecran Final */
.final_result .score {
	background: black;
	display: inline-block;
	padding: 15px 20px 0px 20px;
	border: 1px solid rgba(255,255,255,.1);
	font-size: 2em;
	min-width: 100px;
}

.final_result .score.last_col {
	margin-left: 20px;
}

.final_result .colonne {
	width: 50%;
	float: left;
	box-sizing: border-box;
	font-size: .8em;
}

.final_result .colonne.first_col {
	text-align: right;
	padding-right: 10px;
}

.final_result .colonne.last_col {
	text-align: left;
	padding-left: 10px;
}

.action_played {
	display: block;
	font-size: .5em;
	margin-bottom: 20px;
}

.scorer.Defense {
	color: rgba(255,255,255,.2);
/* 	visibility: hidden; */
}

.scorer.Touchdown {
/* 	color: green; */
}

/* Confettis */
canvas {
  height: 100%;
  width: 100%;
  position: absolute;
}


#popup_packopen {
	text-align: center
}


/* Tabs */
.tabs {
	list-style: none;
	padding-left: 20px;
	margin: 0;
}

.tabs li {
	text-align: left;
	cursor: pointer;
	transition: background-color 0.45s ease-in-out;
	float: left;
	margin-right: 80px;
	color: rgba(255,255,255,.3)
}

.tabs li.active {
	color: rgba(255,255,255,1)
}

.tabs-panel {
	display: none;
}

.tabs-panel.active {
	display: block;
}

.nb_cards {
	background:black; 
	padding: 5px 10px 0 10px; 
	font-size:.5em; 
	margin-left:10px; 
	border:1px solid rgba(255,255,255,.2);
}


/* Responsive */

@media (max-width: 1960px) {
	
/*
	body {
		background: red !important;
	}
*/
	
    .duel {
        width: 1760px;
    }

    .marginleft {
        margin-left: 50px
    }
   
	.duel.offensive-player-2 .pick {
		float: right;
	}
    
    .offensive-player-2 .marginleft {
	    margin-left: 20px;
    }
    
    .offensive-player-2 .action_card {
	    margin-left: 45px;
	    margin-right: 45px;
    }
    
}

@media (max-width: 1840px) {
	
/*
	body {
		background: green !important;
	}
*/
	
	.header2 a {
    	font-size: 1em;
	}

    .marginleft {
        margin-left: 45px
    }

    .msg {
        padding: 15px 10px 10px 10px;
        font-size: .7em;
    }
    
    .duel .pick span.card_type {
	    padding-top: 160px
    }
 
}

@media (max-width: 1820px) {
	
/*
	body {
		background: yellow !important;
	}
*/
	
    .duel {
        width: 1540px;
    }

    .duel .pick {
        width: 255px;
        height: 389px;
    }
    
    .duel .pick img {
	    width: 255px;
        height: 389px;
    }
}

@media (max-width: 1640px) {
	
/*
	body {
		background: pink !important;
	}
*/
	
    .duel {
        width: 1440px;
    }

    .duel .pick {
        width: 235px;
        height: 359px;
    }
    
    .duel .pick img {
	    width: 235px;
        height: 359px;
    }
    
    .duel .pick span.card_type {
	    padding-top: 150px
    }
}

@media (max-width: 1440px) {
	
/*
	body {
		background: purple !important;
	}
*/
	
    .duel {
        width: 1340px;
    }

    .duel .pick {
        width: 215px;
        height: 328px;
    }
    
    .duel .pick img {
	    width: 215px;
        height: 328px;
    }
    
    .duel .pick span.card_type {
	    padding-top: 120px
    }
}

@media (max-width: 1380px) {
	
/*
	body {
		background: gray !important;
	}
*/
	
	.myselection {
    	max-width: 1260px;
		margin: 50px auto;
	}
	
	.myselection .pick {
		width: 275px;
		height: 420px;
	}
	
    .myselection .pick img {
	    width: 275px;
        height: 420px;
    }
    
    .pick span.card_type {
	    padding-top: 180px
    }
    
    .duel .pick span.card_type {
	    padding-top: 120px
    }
  
}


@media (max-width: 1280px) {

/*
    body {
		background: purple !important;
	}
*/

    #list li {
        width: 25%;
        /* 	 	width: 250px; height: 382px; */
    }

    .duel {
        width: 1280px;
        margin-top: 60px;
    }

    .duel .pick {
        width: 206px;
        height: 315px;
    }
    
    .duel .pick img {
	    width: 206px;
        height: 315px;
    }
    
    .duel .pick.action_card img {
	    width: 250px;
        height: 382px;
        margin-left: -23px;
        margin-top: -35px;
    }
    
    .pick span.card_type {
	    padding-top: 180px
    }
    
    .duel .pick span.card_type {
	    padding-top: 130px;
	    font-size: .7em;
    }
    
    .myselection {
    	max-width: 1280px;
		margin: 50px auto;
	}
	
	.myselection .pick {
		width: 280px;
		height: 428px;
	}
	
    .myselection .pick img {
	    width: 280px;
        height: 428px;
    }
    
    .scoreboard .player-name {
    	margin-top: 10px;
		padding-bottom: 0px;
	}

	.scoreboard .score {
    	padding: 10px 20px 0px 20px;
    }
    
    .scoreboard.combine .score {
	    padding: 10px 0px 0px 0px;
		margin: 0px;
		font-size: x-large;
    }
    
    .duel.combine {
    	max-width: 655px;
    	margin-top: 40px;
    	margin-bottom: 50px
	}
	
	.duel.combine .pick {
		width: 275px;
		height: 420px;
	}
	
    .duel.combine .pick img {
	    width: 275px;
        height: 420px;
    }
    
    .duel.combine .pick span.card_type {
	    padding-top: 180px;
	    font-size: 1em;
    }
    
    marquee {
	    padding: 0;
	    bottom: -2px;
    }
    
    .marquee {
	    height: 90px;
	    font-size: .7em;
	    padding: 10px 10px 10px 10px;
    }
    
    .picked {
	    bottom: 45px;
	    padding: 10px 20px 0px 340px;
	    font-size: .8em;
    }
    
    .picked span {
	    padding-left: 10px;
    }
    
    #list li {
		width: 20%
	}
	
	.wordCarousel div {
    	height: 50px;
	}

}

@media (max-width: 1279px) {

/*
    body {
		background: yellow !important;
	}
*/

	#list li {
        width: 25%;
    }
	
	.myselection {
    	max-width: 1024px;
		margin: 50px auto;
	}
	
	.myselection .pick {
		width: 216px;
		height: 330px;
	}
	
	.myselection .pick img {
	    width: 216px;
        height: 330px;
    }
    
    .pick span.card_type {
	    padding-top: 140px
    }
    
    .duel {
        width: 1024px;
        margin: 80px auto 0 auto;
    }

    .duel .pick {
        width: 154px;
        height: 235px;
    }
    
    .duel .pick img {
	    width: 154px;
        height: 235px;
    }
    
    .duel .pick span.card_type {
	    padding-top: 90px;
	    font-size: .7em;
    }
    
    .duel .pick.action_card img {
	    width: 200px;
        height: 305px;
        margin-left: -23px;
        margin-top: -35px;
    }
    
    .popup {
	    width: 70%
    }
    
}

@media (max-width: 1023px) {
	body {
		background: red !important;
		display: none
	}
	
}

@media (max-width: 640px) {
    body {
        padding-top: 0px;
    }

    .form {
        padding: 10px;
    }

    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #999999;
        opacity: .5; /* Firefox */
    }

    #search {
        position: fixed;
        z-index: 10000;
        top: 0px;
        left: 0px;
        background: black;
        font-size: .5em;
        padding: 15px;
    }

    #list {
        padding-top: 60px;
    }

    #list li {
        width: 50%;
        padding: 10px 10px 0 10px;
    }

    .footer a {
        padding: 17px 0;
        font-size: .4em;
    }


    .roster img {
        width: 300px;
        height: 458px;
        float: left;
        margin: 0 20px 40px 35px;
    }

    .cards_off, .cards_def, .cards_boost, .cards_play, .cards_picks, .cards_money {
        display: block;
        margin-bottom: 10px;
    }

    .flottante {
        position: relative;
        top: 0;
        left: 0;
    }

    .wait, .alert {
        display: none
    }
}