/* LISTS - Start */
 
.list_container { margin-top: 15px; }
 
.list_container .row { line-height: 2em; }
 
.list_container .row:nth-child(odd) {background: #DDD; }
 
.list_container .row:hover { background: #BBB; }

.add_button { background-color: #007bff; color: #fff; padding: 10px; border-radius: .25rem; text-decoration: none; border: 0px; }

.add_button:hover { background-color: #000; color: #fff; text-decoration: none; }

.colour_box { height: 30px; width: 30px; border: 1px solid #333; margin: 4px 0px; } 

.list_container .player_list { padding-left:15px; margin-top: 5px; }
 
/* LISTS - End */
 
 
/* FORMS - Start */
 
.form_container .row { margin-bottom: 15px; }
 
.form_container label { margin-right: 15px; }
 
.form_container input[type="text"],
.form_container input[type="number"],
.form_container input[type="email"],
.form_container input[type="password"] { padding-left: 10px; width: 75%; }
 
.form_container textarea { padding: 10px; width: 75%; height: 200px; }
 
/* FORMS - End */

/* LOGIN - Start */

.login_container { margin: 20px auto; background-color: rgb(219 219 219 / 10%);; padding: 15px; border-radius: .25rem; border: 2px solid #000; } 

.login_container h1 { margin: 20px 10px; text-align: center; }

.login_container form .row { margin: 10px 0px; }

.login_container input { text-align: center; } 

.login_container label,
.login_container .login_btn { font-weight: bold; }

.login_container .login_btn { margin-top: 10px; }

#template_list { display: none; height: 400px; overflow: auto; z-index: 0; position: relative; }

#template_list ul { list-style-type: none; }

#template_list ul li { margin-bottom: 10px; }

#template_list .tooltip {
  position: relative;
  opacity: 1;
}
#template_list .tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

#template_list .tooltip:hover .tooltiptext {
  visibility: visible;
} 

/* LOGIN - End */

/* HEADER - Start */

nav a { margin-right: 15px; }

nav button { margin-left: 15px; }

h1 { font-family: MV Boli; }

/* nav button#menu-toggle { margin-left: 0px; } */

/* HEADER - End */

/* GAME - Start */

.game_notes_container ul { list-style-type: none; }

#stage_1 .field_container { padding: 10px; }

/* #stage_1 .num_player_container { display: none; } */

#stage_2 h2, #stage_2 h3 { width: 100%; }

#stage_3 .point_heading { height: 50px; text-align: center; }

#stage_3 .point_column { border: 1px solid #000; border-radius: 60px; }

#stage_3 .player_container { margin-top: 15px; }
#stage_3 .point_container { margin-top: 15px; padding: 0px; }	/* height: 30px; */
#stage_3 .point_container .score_row { margin-bottom: 10px; }

#stage_3 .points_column .container-fluid,
#stage_3 .points_column .point_heading,
#stage_3 .points_column .col { padding: 0px; }

#stage_3 .points_column .label_player { padding-top: 5px; }
#stage_3 .points_column input { margin-top: 4px; }

#stage_3 .points_column .player_score_container { margin-top: 0px; }

/* #stage_2 .players_column .player_select_container::before { html: '<span class="winner_star">*</span>'; }    */
#stage_3 .players_column .player_select_container { margin-top: 7px; }
#stage_3 .players_column .player_select_container select { text-align: center;
    text-align-last: center;
    -moz-text-align-last: center; }
.winner_star { display: none; width: 15px; }


#stage_3 .players_column .score_input, 
#stage_3 .points_column .score_input { width: -webkit-fill-available; text-align: center; height: 30px; background-color:rgba(255, 255, 255, 10); }

#stage_3 .arrows_container { height: 50px;  width: 100%; text-align: center; margin-top: 15px; }
#stage_3 .arrows_container a { border: 1px solid #000; border-radius: 20px; padding: 1px 8px; text-decoration: none; color: #000; }
#stage_3 .arrows_container a:hover { cursor: pointer; }
#stage_3 .arrows_container .prev { /* left: 40px; bottom: 10px; position: absolute; */ margin-right: 25px; }
#stage_3 .arrows_container .next { /* right: 40px; bottom: 10px; position: absolute; */ margin-left: 25px; }
#stage_3 .arrows_container #btn_game_save { margin-bottom: 20px; }
/* #stage_3 .arrows_container .dot_container { display: none; } */

/* The dots/bullets/indicators */
#stage_3 .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

#stage_3 .active, #stage_3 .dot:hover {
  background-color: #717171;
}
/*
#stage_3 .points_column .winning_player {
  position:relative;
  border: 2px dotted #000;
  padding: 0px;
  background-color:#fbf7c1;
  font-weight: 500;
  margin-top: -6px;
  padding-top: 7px;
}

#stage_3 .points_column .winning_player label { 
	margin-top: 2px; 
}
*/
#stage_3 .points_column .winning_player {
	font-weight: bold;
}

#stage_3 .points_column .winning_player i {
	font-size: 1em;
}

#stage_3 .points_column .winning_points {
	font-weight: bold;
}

.point_category { text-align: center; padding: 5px 10px; height: 40px; }

.point_category input { text-align: center; }

/* GAME - End */

/* SIDEBAR - Start */

/* SIDEBAR - End */

/* ADMIN - Start */

.player_league_name { float: left; }

.player_leagues_container a { font-size: 0.8em;}

.player_league_removed { opacity: 0.4; }

.msg_success { color: yellowgreen }
.msg_fail { color: #f00; }

.a-nodeco { text-decoration: none; color: rgb(33, 37, 41); }

/* ADMIN - End */


/* ******************************* MEDIEA QUERIES ***************************


@media (max-width: 400px) {
	h1 { font-size: 1.5rem; }
	
	/* .points_wrapper { padding: 0px; } */
}

@media (min-width: 992px) {
	nav .link_login { position: fixed; right: 20px; }
}

@media (min-width: 576px) {
	.container {
		max-width: 100%;
	}
}