@import "table-in-card.css";

a:not(:focus):not(:hover)
{
    text-decoration: none;
}

a.disabled {
  /* Make the disabled links grayish*/
  color: gray;
  /* And disable the pointer events */
  pointer-events: none;
}

.nav > li > a:focus, .nav > li > a:hover
{
	background: none;	
}

/* Main marketing message and sign up button */
#carousel {
    margin-bottom: 20px;
}

#main-container
{
	padding-bottom: 10px;
}

#userbar
{
	padding-top: 1em;
}

.sidebuttons .btn-lg
{
	padding: 1rem;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */
#mainmenu
{
	border-radius: 5px;
	min-height: 0;
	padding: 0;
	margin-bottom: 10px;	
}

#mainmenu li a
{
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 0;
	text-align: center;
	white-space: nowrap;
}

#mainmenu li a.active,
#mainmenu li a:hover,
#mainmenu li a.active
{
	box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}

#mainmenu .dropdown-menu a
{
	box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}

#mainmenu li:first-child a
{
  border-radius: 5px 5px 0 0;
}

#mainmenu li:last-child a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  #mainmenu li a 
  {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }
  
  #mainmenu li:first-child > a
  {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  
  #mainmenu li:last-child > a
  {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
}

.std-menu .navbar-collapse {
	padding-left: 0;
	padding-right: 0;	
}

#submenu-container
{
	border-radius: 4px;
	margin-bottom: 10px;
}

#user-buttons .nav-link svg, #login-links .nav-link svg
{
	margin-right: 2px;
}

#footer-bar
{
	padding-top: 10px;
}

#footer-right
{
	text-align: right;
}

#langbar
{
	text-align: left;
}

#login-links .nav-item a.nav-link
{
	padding-bottom: 0;
}
  
.tablesorter th
{
    background-image: url(/images/common/tablesort/arrow-both.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.tablesorter th[aria-sort="ascending"]
{
    background-image: url(/images/common/tablesort/arrow-up.png);
}

.tablesorter th[aria-sort="descending"]
{
    background-image: url(/images/common/tablesort/arrow-down.png);
}

.tablesorter th.fixed
{
    background-image: none;
}

.fblogin
{
	max-width: 156px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th
{
	vertical-align: middle;
}

.list-group h5
{
	margin-bottom: .2rem;
	margin-top: .2rem;
}

h5 small, h5 .small
{
    font-size: .8em;
}

/*.cm .popover-content img 
{
    display: block;
    margin: auto;
}*/

.user-list img {
    display: block;
    margin: auto;
}

.user-list
{
     text-align: center;
}

.popover h3
{
	text-align: center;
}

/* Cashier */

.payment-method-container 
{
    text-align: center;
}

.payment-method .h6
{
	font-size: 80%;
	height: 2em;
 	overflow: hidden;
	text-overflow: ellipsis;
}

input[type='number'] { 
    -moz-appearance:textfield; 
} 

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
}

/* games page */
.games-list
{
	margin-bottom: 20px;
}

.memberitem-container
{
	text-align: center;
}

.memberitem-container
{
	height: 119px;
}

.memberitem
{
	text-align: center;
}

.gameitem, .memberitem
{
	margin: auto;
	/*background: #FFAAAA;*/
	display: inline-block;
	max-width: 100%;
}

.gameitem .info, .memberitem .info
{
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 3.5em;
}

.gameitem img, .memberitem img
{
	margin: auto;
	width: auto;
}

.memberitem .selector
{
	vertical-align: top;
	margin: 0 5px 0 0;
	float: left;
}

.gameitem .h6, .memberitem .h6
{
	margin-bottom: 2px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 200px;
	line-height: 1.35em;
}

.host-member .h5
{
	white-space: normal;
}
/*.gameitem.has-jackpot .provider,
.gameitem.has-jackpot .jackpot
{
	float: left;
	width: 50%;
}

.gameitem.has-jackpot .jackpot
{
	float: right;
}*/
/* end of games page*/

.locked, .locked img {
    opacity: 0.5;
}

#game-container.embedded
{
	margin-bottom: 20px;
}

.bingo-stats .jackpot small:after {
	content: ", ";
}

.bingo-stats .jackpot small:last-child:after {content: "";}


.payment-method
{	
    background: white none repeat scroll 0 0; 
    border: 1px solid #cccccc; 
    border-radius: 4px;
    margin-bottom: 10px;
    margin-right: 10px; 
    text-align: center;
}

.interac-logo
{
	padding-bottom: 10px;
}

#verifybox div.text
{
	padding-bottom: 8px;
}

#verifybox div.title
{
	font-weight: bold;
}

.img-centered, .payment-method .img-responsive 
{
    margin: 0 auto;
}

.form-group.required .col-form-label:after {
  content:"*";
}

.navbar-form
{
	width: 100%;
}

.imgBox
{
	text-align: center;
}

/* help area */
.help .card-default .card-body
{
	background: none;
}

.from-player
{
	margin-right: 5%;
}

.from-support
{
	margin-left: 5%; 
}
/* end of help area */

#member-container
{
	margin-top: 10px;
}

.flag
{
	vertical-align: text-bottom;
}

/*#sendform
{
	margin-bottom: 10px;
}*/

#stats-buttons 
{
    margin-bottom: 1em;
}

/* spreadsheet stuff */
div#gameid_list {
    padding-top: 10px;
}

tr.side-winner td.alias a {
    display: inline-block !important;
}

.refund, .removed
{
	text-decoration: line-through !important;
}

span.del
{
	padding: 0 2px;
}

a.removeWinner > *, a.removeGameId > * 
{
	pointer-events: none;
}

.call_inputs .form-control.call
{
	width: 30px;
}

/* end of spreadsheet stuff */

/* Register form */
.dynamic-feedback .form-control-feedback
{
	display: none;
}

.dynamic-feedback[data-validity=valid] .feedback-valid,
.dynamic-feedback[data-validity=invalid] .feedback-invalid 
{
	display: inline-block;
}

.form-horizontal .has-feedback .input-group .form-control-feedback
{
  right: 40px;
}

/* replaces form-group */
form .row
{
    margin-bottom: 0.5rem;
}

/* end of register form */

.top-buffer { margin-top: 20px; }
.bottom-buffer { margin-bottom: 20px; }

#facebook_likebox_container, #twitter_timeline_container
{
	text-align: center;
}

#facebook_likebox_container.homepage
{
	height: 300px;
}

.text-ginormous {
    /*font-size: 145px;*/
    font-size: 1000%;
}

.text-jumbo {
    /*font-weight: 700;*/
    font-size: 500%;
}

.text-medium {
	font-size: 220%;
}

.actions form {
    float: left;
}

/* print styles  */

@media print {
  a[href]:after {
    content: none !important;
  }
}

/* end print styles */



/* logo / brand items */

@media (max-width: 767px) {
	img.sitelogo
	{
		width: 16em;
		padding: 4px;
	}
}

/*@media (max-width: 992px) {
	img.fblogin
	{
		padding: 10px 0;
	}
}*/
/* End of logo/brand items */

.nav-link.dropdown.dropdown-toggle, #nested-menu .dropdown-item 
{
    line-height: 1em;
}

.navbar-nav .dropdown-menu .nav-link
{
	padding-left: 1em;
}

#mainmenu .dropdown-menu
{
	position:relative;
	top:auto;
	left:auto;
	float:none;
	border: none;
	margin: 0;
	padding: 0;
}

.btn-invite .bi-envelope-fill::before
{
	transform: rotate(-10deg);
}

.input-xs, .form-control-xs {
    height: calc(1em + .375rem + 2px) !important;
    padding: .125rem .25rem !important;
    font-size: .75rem !important;
    line-height: 1.5;
    border-radius: .2rem;
}

.form-select-xs {
  background-size: 0.75em;
  padding-top: .15rem;
  padding-bottom: .15rem;
  padding-left: .25rem;
  padding-right: 1.5rem;
  font-size: .675rem;
  border-radius: .2rem;
}

.btn-group-xs > .btn, .btn-xs {
  padding: .30rem .4rem;
  font-size: .875rem;
  line-height: .8;
  border-radius: .2rem;
}

.input-group > .btn-xs {
	height: 2em;
}

.btn-group-xxs > .btn, .btn-xxs {
  padding: .15rem .2rem;
  font-size: .7rem;
  line-height: .5;
  border-radius: .2rem;
}

/* hostgame spreadsheet custom rules */
table.spreadsheet-table {
    margin-top: 10px;
	width: 100%;
	border: 1px solid #c0c0c0;
    margin-bottom: 10px;
}

table.spreadsheet-table td
{
	padding: 1px;
}

table.spreadsheet-table th
{
	padding: 1px 5px;
}
/* end of hostgame spreadsheet custom rules */

.card {
    margin-bottom: 1rem;
}

#chathistory
{
	word-wrap: break-word;
}

/* valentines */
.prize-caption {
	top:40px;
	position: absolute;
	font-size: 20px;
	text-align: center;
	width: 110px;
	font-weight: bold;
}

.heart.thumbnail
{
	position:relative;
	border: none;
}
/* end valentines */

img.emoji
{
	width: 16px;
	height: 16px;
}

.table-row
{
	cursor:pointer;
}

#instantgames [data-action=addfavourite]
{
	display: inline;
}

#instantgames .favourite [data-action=addfavourite]
{
	display: none;
}

#instantgames [data-action=removefavourite]
{
	display: none;
}

#instantgames .favourite [data-action=removefavourite]
{
	display: inline;
}

.bi-check-circle-fill::before {
  content: '\f26a';
}