/* boilerplate */
body {
    margin-top: 50px;
	background: #0d1117;
	color: #e6edf3;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
body, html {
    margin: 0;
    padding: 0;
}

a {
	color:#4493f8;
	text-decoration: none;
}

.header-image {
    display: block;
    width: 100%;
    text-align: center;
    background: #010409 no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.headline {
    padding: 40px 0;
}

.headline h1 {
    font-size: 130px;
}

.headline h2 {
    font-size: 50px;
}

.featurette-divider {
    margin: 50px 0;
}

.featurette {
    overflow: hidden;
	margin-top:2rem;
}

.featurette-image.pull-left {
    margin-right: 40px;
}

.featurette-image.pull-right {
    margin-left: 40px;
}

.featurette-heading {
    font-size: 50px;
    text-align: center;
	margin:1rem 0 0 0;
}
.dataTable-heading{
  text-align: center;
  background-color: #161b22;
  border-radius: 6px 6px 0px 0px;
  font-weight: 600;
  font-size:16px;
  padding: 1rem;
  border:1px solid #30363d;
  margin:0 1rem;
  color:#e6edf3;
}

.pageContainer {
	flex: 1;
}
footer {
    display: block;
    width: 100%;
    text-align: center;
    background: #010409 no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	padding:2rem 0.5rem;
	margin-top:2rem;
}
footer a{
    color:#199f4b;
	text-decoration: none;
}
.headline h2 {
    text-align:center;
}
@media(max-width:1200px) {
    .headline h1 {
        font-size: 140px;
        text-align:center;
    }

    .headline h2 {
        font-size: 63px;
        text-align:center;
    }

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-image.pull-left {
        margin-right: 20px;
    }

    .featurette-image.pull-right {
        margin-left: 20px;
    }

    .featurette-heading {
        font-size: 35px;
    }
	.rulesDisclaimer{
		max-width:244px !important;
	}

}

@media(max-width:991px) {
    .headline h1 {
        font-size: 105px;
    }

    .headline h2 {
        font-size: 50px;
    }

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-image {
        max-width: 50%;
    }

    .featurette-image.pull-left {
        margin-right: 10px;
    }

    .featurette-image.pull-right {
        margin-left: 10px;
    }

    .featurette-heading {
        font-size: 30px;
    }
}

.pageContainer{
    width:100vw;
    max-width: 1200px;
    margin: 0 auto;
}

@media(max-width:768px) {
    .pageContainer {
        margin: 0 0px;
    }

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-heading {
        font-size: 25px;
    }
}

@media(max-width:668px) {
    .headline h1 {
        font-size: 70px;
    }

    .headline h2 {
        font-size: 32px;
    }

    .featurette-divider {
        margin: 30px 0;
    }
}

@media(max-width:640px) {
    .headline {
        padding: 75px 0 25px 0;
    }

    .headline h1 {
        font-size: 60px;
    }

    .headline h2 {
        font-size: 30px;
    }
}

@media(max-width:375px) {
    .featurette-divider {
        margin: 10px 0;
    }

    .featurette-image {
        max-width: 100%;
    }

    .featurette-image.pull-left {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .featurette-image.pull-right {
        margin-bottom: 10px;
        margin-left: 0;
    }
}

/* navbar */
nav.navbar.navbar-inverse.navbar-fixed-top {
	background-color:#097054;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a  {
	color:#fff;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-nav>li>a:hover  {
	color:#ffde00;
}
.stratYellow{
	color:#ffde00 !important;
}
.stratOrange{
	color:#ff9900 !important;
}

/* body */
.poolLogo{
	text-align: center;
}
.pull-center {
	margin:0 auto;
}
.headline{
	padding:40px 0;
}
@media(max-width:640px) {
    .headline {
        padding: 40px 0 25px 0;
    }
	#grid{
		display:none;
	}

}
.container, table.dataTable td, table.dataTable th{
	text-align:left;
}
/* Rules */
.poolRules{
	text-align:center;
	margin: 0 auto;
}
.poolRules ul{
	list-style-type: none;
	padding-left:0px;
}
.rulesHeader{
	background-color:#161b22;
	font-weight:bold;
	font-size:14px;
	max-width: 400px;
  	margin: 0 auto;
}
.rulesBody{
	display: inline-block;
	text-align: left;
	margin:0px 20px 0px 20px;
}
.ruleBlock{
	margin: 0px 0px 25px 0px;
	text-align: center;
	color:#e6edf3;
}
.ruleBlock p{
	margin-top: 1rem;
}
.ruleBlock:last-of-type{
	margin:0px;
}
.rulesPayout, .rulesDisclaimer{
	display: inline-block;
	text-align: left;
	margin: 0 auto;
	border-width: 1px;
	border-style: solid;
	border-image: none;
	border-color: var(--borderColor-default,var(--color-border-default,#30363d));
	border-radius: 6px;
}
.ruleBlock td, .ruleBlock th{
	padding:3px 10px;
	border-bottom:1px solid #30363d;
	
}
.rulesPayout tr:hover{
	background-color:#161b22;
}
.rulesPayout tr:last-child td, .rulesDisclaimer tr:last-child td{
	border-bottom:none;
}
.ruleBlock th{
	text-align:center;
	background-color:#161b22;
	border-radius: 6px 6px 0px 0px;
	font-weight: 600;
	padding:1rem;
}
.rulesPayout td:first{
	text-align:right;
}
.rulesPayout td:last-child{
	color:#199f4b;
}
.rulesDisclaimer{
	max-width:500px;
	text-align: left;
}
.rulesPayout tr.currentRound{
	background-color: #161b22;
}

/* Grid */
#squaresGrid{
	margin:0 auto;
	text-align:center;
}
.mySquare{
	background-color:#dff0d8;
}
#grid{
	text-align:center;
}

/* Table */
.success td{
	font-weight: bold;
}
.dol{
	color:#199f4b !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	display:none;
}
.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;
}
table.dataTable{
	margin-bottom:0px !important;
}
.dataTables_wrapper > .row:first-child{
	background-color: #161b22;
	margin:0;
	--bs-gutter-x: 0;
}
.dataTable tbody tr{
	background-color:#0d1117;
}
.dataTables_wrapper{
	border:1px solid #30363d;
	border-top:none;
	margin:0px 1rem;
	background-color: #161b22;
}
.dataTable td, .dataTable th{
	border-bottom-color:#30363d;
	color:#e6edf3;
}
.dataTable th{
	color:#e6edf3 !important;
}
.dataTable tr:hover{
	background-color:#161b22;
}
.dataTable thead tr:hover{
	background-color:transparent;
}
.dataTables_filter {
	margin-top:1rem;
	float: left;
}
.prize-toggle-wrap {
	margin-top:1rem;
	margin-right: .5em;
}
.prize-toggle-wrap .btn {
	font-size: 0.875rem;
	padding: 0.15rem 0.4rem;
}
.dataTables_filter input{
	background-color:#0d1117;
	color:#e6edf3;
	border-color:#30363d;

}
.dataTables_filter input:focus{
    outline: none;
    box-shadow: none;
	background-color:#0d1117;
	color:#e6edf3;
}
.dataTables_filter input::placeholder{
	color:#30363d;
}
.dataTable > thead > tr > th[class*="sort"]:before,
.dataTable > thead > tr > th[class*="sort"]:after {
    content: "" !important;
}

/* Popovers */
.popover{
	max-width:none !important;
}
.popover-content i{
	color:#ccc;
}
.squarePopover{
	cursor: pointer;
}
.popover-content, .popover-body{
	white-space:nowrap;
	max-width:none;
}
.popover-content ul, .popover-body ul{
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.popover-content ul li, .popover-body ul li{
	clear:both;
}
#ething{
	cursor:pointer;
	color: rgb(0, 100, 0);
}

.playerSquare a{
	color: #000;
	text-decoration: none;
}

/* Plyaer Table */
.playerSquare{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color:#e6edf3;
	color:rgb(0, 0, 0);
	height: 35px;
	width: 35px;
	border: 1px solid #ccc;
	margin: 5px;
}
.playerSquare:hover{
	background-color:rgb(234, 234, 234);
}
.playerSquareValue{
	display: block;
	pointer-events: none;
}
/* countdown page */
.bSquare {
	width: 7vw;
	height: 7vw;
	background-color: #e6edf3;
	border: 1px solid #ccc;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 5vw;
	color: rgb(0, 0, 0);
  }
  .bSquare span, .bSquareAlt span {
	display: block;
  }
  .bSquareAlt {
	height: 7vw;
	background-color:#161b22; 
	color:#199f4b;
	border:none;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 5vw;
	padding:1.5vw 2vw 1.5vw 1.5vw;
  }
  .countdownRow{
	float: left;
	margin-left: 37%;
	font-size: 7vw; 
	color:#199f4b
  }
/* login page */
#sendButton{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-right: 5px;
	background-color:#199f4b;
	border:#00000042 1px solid;
}
#sendButton:hover {
	background-color:#023502;
}
#loginForm{
	max-width:300px;
	text-align: center;
	margin: 0 auto;
	padding: 2px;
}
#loginResult{
	text-align: center;
	display: none;
	margin: 10px auto;
	max-width: 300px;
}
/* manage screen */
.poolSingle{
	max-width:500px;
	margin:1rem;
}
#poolLogoResult,#poolSaveResult{
	text-align: center;
	display: none;
}
.poolSingle .input-group-text:first-child{
	min-width:200px;
}
.poolSingle .input-group-text-small{
	min-width:auto !important;
}
.poolGridContainer{
	margin:2rem auto;
	max-width:1900px;
	text-align:center;
}
.poolBlock{
	width:400px;
	display: block;
}
#poolSave{
	width: 100%;
}
.poolRoundTotal, .poolRoundTotalFinal{
	margin-left:20px !important;
	text-align: right !important;
}

/* monitor screen */