.bg-gradient-primary {
  /*background:#f7f8fa;*/
  background:#fff;
}
.shadow-custom {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
}
.bg-login-image {
	background: url("../images/login_img.png");
	background-position: center;
	background-size: cover;
}
.bg-password-image {
	background: url("../images/login_img.png");
	background-position: center;
	background-size: cover;
}
.bg-register-image {
	background: url("../images/login_img.png");
	background-position: center;
	background-size: cover;
}
.no-border-radius{
	border-radius:0;
}
.no-border{
	border:0;
}
.no-padding{
	padding:0;
	display:inline;
	width:auto;
	height:auto;
}
.form-control:disabled, .form-control[readonly] {
	background-color: #fff!important;
}
.no-pd{
	padding:0!important;
}
.grey-text{
	color:#bbb;
}
.lp-0{
	padding-left:0;
	padding-right:0;
	padding-top:.5em;
	padding-bottom:1em;
}
form.user .form-control-user {
	border-radius: 0.25rem;
}
form.user .btn-user {
	border-radius: 0.25rem;
}
.p-c5 {
	padding: 2rem 3rem;
}
.login-header{
	padding:20px;
	font-weight:bold;
	font-size:25px;
}
.signin-slogan{
font-size: 12px;
text-transform: uppercase;
color: rgb(136, 136, 136);
}
.login-footer{
	padding:20px 0;
	font-size:12px;
}
.login-footer a{
	color:#888;
}

@media (min-width: 768px){
.sidebar.toggled {
    overflow: hidden;
    width: 0!important;
  }
  .d-md-none{
	  display:inline-block!important;
  }
}
.bg-gradient-primary_{
	background:#246bb9;
}
#wrapper #content-wrapper {
	background-color: #ffffff;
}
sub,sup {
	font-size: 40%;
}
sup {
	top: -1.1em;
	right:-.5em
}
.text-summary{
	font-family: 'SF UI Text Bold';
	font-size:1.8rem;
}
.text-primary {
	color: #246bb9 !important;
}
.btn {
	border-radius: 0.25rem;
}
.btn-primary {
	background-color: #246bb9;
}
.pt-11{
	font-size:14px;
}
.pt-11 sup{
	right:.1rem;
}
.lp-0 .btn{
	padding:0.375rem 2.5rem;
}
h5.text-dark{
	margin-bottom: 0;
	font-family: 'SF UI Text Semibold';
	font-size: 1rem;
	line-height:2.3rem;
}
.full-width{
	width:100%;
}
body {
	font-size: .8rem;
}
.table-responsive {
	overflow-x: hidden;
}
.dataTables_filter label{
	font-weight:400!important;
	font-size:16px;
	color:#000;
}
#gamesTable_filter .form-control,#matchesTable_filter .form-control,
#leaderboardTable_filter .form-control,#transactionsTable_filter .form-control{
    background: url("../images/search.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 95% 50% !important;
}
.table thead th {
	border-bottom: 0;
	background:#f6fafb;
}
.dataTable > thead > tr > th[class*="sort"]:before,
.dataTable > thead > tr > th[class*="sort"]:after {
    content: "" !important;
}
.form-control:focus {
        border-color: #ccc;
        box-shadow: none;
    }
.dataTables_filter {
	text-align: left!important;
	margin-bottom:20px;
}
.bg-gradient-sidebar {
	background: #fafafa;
}
.sidebar .nav-item.active .nav-link {
	font-weight: normal;
	font-family: 'SF UI Text Semibold';
}
.sidebar-dark .nav-item.active .nav-link {
	color: #fff;
	background:#246bb9;
}
.sidebar-dark .nav-item.active .nav-link:hover {
	color: #fff;
}
.sidebar-dark .nav-item .nav-link {
	color: #858796;
}
.sidebar-dark .nav-item.active .nav-link i {
	color: #fff;
}
.sidebar-dark .nav-item.active .nav-link i:hover {
	color: #fff;
}
.sidebar-dark .nav-item .nav-link i {
	color: #858796;
}
.sidebar-dark .sidebar-brand, .sidebar-brand-text {
	color: #1d1d1b;
	font-size:28px;
	font-family: 'SF UI Text Heavy';
	letter-spacing:normal;
}
.sidebar-brand-text{
	font-weight:800;
}
.sidebar-dark hr.sidebar-divider {
	border-top: 1px solid #E2E8F0;
}
.sidebar .sidebar-brand {
	padding: 3rem 1rem 2rem 1rem;
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
}
.sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:focus, .sidebar-dark .nav-item .nav-link:hover {
	color: #858796;
}
.sidebar-dark .nav-item .nav-link:active i, .sidebar-dark .nav-item .nav-link:focus i, .sidebar-dark .nav-item .nav-link:hover i {
	color: #858796;
}

@media (min-width: 768px){
.sidebar .nav-item .nav-link {
	padding: .7rem 1rem;
}
}
.sign-in {
	font-size: 38px;
	color: rgb(102, 102, 102);
	font-weight: bold;
	margin-bottom: 24px;
	display:block;
}
.user-login{
	padding:0.75rem 3rem!important;
}
.login-container {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 22px;
	padding-bottom: 30px;
	/* padding-right: 60px; */
	/* padding-left: 60px; */
	width: 440px;
	overflow: hidden;
}
.p-c1{
	margin-top: 110px;
}
.navbar {
	padding: 0.5rem 8rem;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
	padding-left: 8rem;
	padding-right: 8rem;
}
.r_padding{
	padding-left:2rem;
	padding-right:2rem;
}

 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.navbar {
	padding: 0.5rem 1.5rem;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.r_padding{
	padding-left:1rem;
	padding-right:1rem;
}	
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.navbar {
	padding: 0.5rem 3rem;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
	padding-left: 3rem;
	padding-right: 3rem;
}
.r_padding{
	padding-left:1.5rem;
	padding-right:1.5rem;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.navbar {
	padding: 0.5rem 8rem;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
	padding-left: 8rem;
	padding-right: 8rem;
}
.r_padding{
	padding-left:2rem;
	padding-right:2rem;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {} 
	
.daterangepicker {
	font-family: 'SF UI Text Regular'!important;
	font-size: .9rem!important;
}
.form-control {
	font-size: .8rem!important;
}
.input-group > .form-control, .input-group > .form-select {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
	cursor:pointer;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group-text {
	display: flex;
	align-items: center;
	padding: .375rem .75rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	white-space: nowrap;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-left:0;
	border-radius: .25rem;
	cursor:pointer;
}
.text-updated{
	color:#aaa;
	margin-bottom:10px;
	font-size:12px;
}
.form-control {
	border-radius: 0.25rem;
}

.form-control-sm {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6e707e;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d1d3e2;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.results{
	width:30px;
}
.results_left{
	float:left;
	text-align:left;
}
.results_right{
	float:right;
	text-align:right;
	padding-right:10px;
}
.fixed-header-home{
	background:#fff;
	padding: .5rem 4.8rem;
	overflow:hidden;
}
.navbar-home,.container-fluid-home{
	padding:0;
}
.green-btn{
background-color: #3bb75e;
color: white;
border-radius: 5px;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 1.5rem;
height: 40px;
line-height: 40px;
outline: none;
padding-left: 1.2em;
padding-right: 1.2em;
position: relative;
text-decoration: none;
font-weight: 500;
}
.green-btn a{
	color:#fff;
}
.green-btn:hover{
	text-decoration:none;
	color:#fff;
}
.green-btn-lg{
height: 50px;
line-height: 50px;
padding-left: 3em;
padding-right: 3em;
font-size: 1.6rem;
border: none;
border-radius: 5px;
cursor: pointer;
display: inline-block;
background-color: #3bb75e;
color: white;
}
.green-btn-lg a{
	color:#fff;
}
.green-btn-lg:hover{
	text-decoration:none;
	color:#fff;
}
.top-right-nav a{
	margin-right:20px;
}
.bg-green-100 {
	background-color: #F1FEF4 !important;
}
.bg-green {
	background-color: #F1FEF4 !important;
}
.bg-white-100 {
	background-color: #fff !important;
}
.bg-white {
	background-color: #fff !important;
}
a:hover{
	text-decoration:none;
}
.c2a-heading{
	font-size: 2.8rem;
	font-family: 'Boing';
	padding: 150px 0 20px;
	display:block;
}
.c2a-sub-heading{
	font-size: 1.2rem;
	font-family: 'Graphik';
	padding: 0px 0px 120px 0px;
	display:block;
}
.c2b-heading{
	font-size: 2.3rem;
	font-family: 'Boing';
	/*padding: 150px 0 20px;*/
	display:block;
}
.c2b-sub-heading{
	font-size: 1.2rem;
	font-family: 'Graphik';
	padding: 10px 0px 20px 0px;
	display:block;
	letter-spacing: -0.01em;
}
.c2c-heading{
	font-size: 2.3rem;
	font-family: 'Boing';
	padding: 50px 0 20px;
	display:block;
}
ol.h-list-green li {
	font-family: 'Graphik';
	padding: 5px 0 5px 10px;
	font-size:1rem;
	font-weight: 600;
}
.h-list-green{	
}
.p-top-5{
	padding-top:5rem!important;
}
.p-top-14{
	padding-top:14rem!important;
}
.p-c4{
	padding:4rem;
}
.user label{
	font-family: 'Graphik';
	font-weight:bold;
}
select option {
	/*font-family:'SF UI Text SemiBold';*/
	}
.form-select{
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #ccc!important;
            opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #ccc!important;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: #ccc!important;
 }
 .bootstrap-datetimepicker-widget table td{
	   font-size:0.8rem;
	 	font-family: "SF UI Text Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", SF UI Text Regular, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;

 }
 .bootstrap-datetimepicker-widget .datepicker table {width: 16em!important;}
 .bootstrap-datetimepicker-widget.dropdown-menu {
        max-width: 220px!important;
    }

    .timepicker-picker table td a span,
    .timepicker-picker table td,
    .timepicker-picker table td span {
        height: 20px !important;
        line-height: 20px !important;
        vertical-align: middle;
        width: 30px !important;
        padding: 0px !important;
    }
ol, ul {
	padding-left: 0!important;
}
ul.h-list {
	max-width: 100%;
	position: relative;
	z-index: 2;
}
ul.h-list li {
	font-weight: 600;
	padding: 5px 0 5px 20px;
	font-size:1rem;
}
ul li {
	margin-bottom: 5px;
	position: relative;
}
ul, ol {
	list-style-type: none;
}
ul.h-list--green li::before {
	content: '';
	/*background: #F1FEF4;*/
	background: #fff;
}
ul.h-list li::before {
	content: '';
	position: absolute;
	left: -10px;
	top: 0;
	height: 35px;
	width: 40px;
	border-radius: 6px;
	z-index: -1;
}
ul.h-list--green li::after {
	content: '';
	background-image: url("../images/green_check.svg");
}
ul.h-list li::after {
	content: '';
	background-size: cover;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 2px;
	top: 10px;
}
ul.slimmenu{
	margin-top:5px!important;
	/*margin-left:70%!important;*/
}
ul.slimmenu.collapsed{
	margin-left:0!important;
	background:#f5f5f5!important;
	z-index:9999!important;
	position:relative;
	border-radius: 0;
	width:40%;
	border-radius:0.25rem!important;
}
ul.slimmenu li,ul.slimmenu li:hover {
	background-color: #fff!important;
}
ul.slimmenu.collapsed li a,ul.slimmenu.collapsed li a:hover {
	background:#f5f5f5!important;
	border-bottom:0!important;
}
ul.slimmenu > li {
	border-left: none!important;
}
.menu-collapser {
	padding: 0!important;
	background-color: #fff!important;
}
.collapse-button {
	color: #4e73df!important;
	background-color: #fff!important;
	left: 0px!important;
}
.collapse-button .icon-bar {
	background-color: #4e73df!important;	
}
ul.slimmenu li a:hover {
	text-decoration: none;
	background-color: #fff!important;
}
ul.slimmenu li a {
	display: block;
	padding: 10px 20px!important;
	color: #858796!important;
	font-size: 14px!important;
	font-weight: 400!important;
	opacity:.5;
}
ul.slimmenu li a.active {
	color:#333!important;
	opacity:1;
}
.row-title{
	font-weight:600;
	color:#5a5c69;
	font-size:1rem;
}
.summary-footer .fa,.summary-footer .fas{
	font-size:1.4rem;
	color:#6bb863;
}
.carret-up{
	background-image: url("../images/carets/green_up.png");
	background-repeat: no-repeat;
	background-position: left center;
    background-size: 16px 16px;	 
	padding-left:20px;
	color:#6bb863;
	font-size:13px;
}
.carret-down{
	background-image: url("../images/carets/red_down.png");
	background-repeat: no-repeat;
	background-position: left center;
    background-size: 16px 16px;	 
	padding-left:20px;
	color:#e51c28;
	font-size:13px;
}
.carret-constant{
	background-image: url("../images/carets/grey_up.png");
	background-repeat: no-repeat;
	background-position: left center;
    background-size: 16px 16px;	 
	padding-left:20px;
	color:#aaa;
	font-size:13px;
}
.light-grey{
	color:#aaa;
	font-size:13px;
}
.summary-footer{
	margin-top:5px;
}
small, .small {
	font-size: 90%;
}
ul.slimmenu li {
	float:none!important;
}
ul.slimmenu.collapsed li{
	text-align:left!important;
}
.col-sm-12 {
	margin-bottom:10px;
}
.dropdown.dropdown-lg .dropdown-menu {
	min-width: 260px;
}
.dropdown.dropdown-lg .dropdown-menu {
	margin-top: -1px;
	padding: 6px 20px;
}
.open > .dropdown-menu {
	display: block;
}
.dropdown-menu-right {
	right: 0;
	left: auto;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	border-radius:0;
}
.search-btn{
	line-height:1.35;
}
.btn-dropdown{
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	font-size: .8rem;
}
.flex-top-menu{
	max-height:4rem;
	
	margin-left:-10px;
	text-align:center;
}
.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}
.btn-filter{
	padding: 0.375rem 0rem;
	font-size:0.9rem;
	color:#246bb9; 
}
div.dataTables_wrapper div.dataTables_filter input {
      min-width: 300px!important;
	  margin-right:10px;
}
.user-select{
	
}
.dropdown-menu-right{
	left:auto;
}
.no-bottom-margin{
	margin-bottom: 0;
}
.navbar-brand{
	margin-top:10px;
}
.navbar{
	margin-bottom:10px;
}
.wickedpicker{
	width:150px!important;
}
.wickedpicker__controls__control-down, .wickedpicker__controls__control-up {
	font-size: 13px!important;
}
.datepicker table tr td.today,.datepicker table tr td.today:hover {
	color: #fff!important;
	background-color: #357ebd!important;
	border-color: #357ebd!important;
}
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.flex-top-menu{
	min-width:70%;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.flex-top-menu{
	min-width:70%;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}