body {
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	padding: 0px;
}

.content-wrapper {
	position: relative;
	background: #EAEBEC none repeat scroll 0% 0%;
	padding: 20px;
}
.container {
	font-size: 12px;
}
.container.admin {
	background: #FFF none repeat scroll 0% 0%;
	padding: 15px;
}

.italic {
	font-style: italic;
}

/*----------------------------------------------------------------------------*/
/* Hacks                                                                      */
/*----------------------------------------------------------------------------*/

input[type=number] {
	-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.data-table-container .tooltip-inner {
	max-width: 600px;
}

/*----------------------------------------------------------------------------*/
/* General elements                                                           */
/*----------------------------------------------------------------------------*/
h1 {
	font-size: 32px;
}

img {
	max-width: 100%;
	height: auto;
}

.image-md {
	width: 320px;
}
.image-sm {
	width: 160px;
}
.image-xs {
	width: 80px;
}

.margin-after {
	margin-bottom: 10px;
}

a, a:hover, a:active, a:focus,
input, input:hover, input:active, input:focus,
button, button:hover, button:active, button:focus {
	outline: 0 !important;
}

a {
	cursor: pointer;
}

.cake-debug {
	z-index: 10000;
	position: relative;
}
.cake-error {
	z-index: 10000;
	position: relative;
}

.btn-area-right {
	margin: 20px 0 0;
	text-align: center;
}
.btn-area-right .btn {
	margin-bottom: 10px;
}

.actions {
	white-space: nowrap;
}

.actions-vertical a {
	margin: 5px 0;
}

.depth1 {
	padding-left: 20px;
}

.depth2 {
	padding-left: 40px;
}

.depth3 {
	padding-left: 60px;
}

table tr .number {
	text-align: right;
}

.row.buttons {
	margin-bottom: 10px;
}

.dropdown-menu.tempaltes li {
	white-space: nowrap;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap
}
.dropdown-menu.tempaltes button {
	margin: 3px 10px;
	padding: 1px 5px;
}

#games-form {
	max-width: 500px;
}

td.dropdown a {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.dropdown-menu {
	min-width: 100px;
}
.dropdown-menu li a {
	text-align: left;
}
.bootstrap-datetimepicker-widget.dropdown-menu li a {
	text-align: center;
}

span.green {
	color: #008000;
}
span.red {
	color: #FF0000;
}

.right-note {
	padding-top: 30px;
}

.view table tr > *:first-child {
	width: 300px;
}

.get-data {
	margin-bottom: 10px;
}

.btn-sm {
	padding: 3px 7px;
}

.btn-group-full-line {
	margin: -5px 0 20px 0;
}

.label-big {
	font-size: 18px;
	margin-bottom: 20px;
}

pre {
	position: relative;
	z-index: 9000;
}

.header-3 {
	margin: 0;
}
.header-3 .btn-area-right {
	margin-top: 10px;
}

.limited-width {
	max-width: 531px;
}
/*----------------------------------------------------------------------------*/
/* Top menu                                                                   */
/*----------------------------------------------------------------------------*/
.nav-top-menu {
	margin-bottom: 0;
	margin-left: 230px;
	background:#97ca32 none;
	border:0;
}
#navbar ul.navbar-right li a {
	color: #E1FFFF;
	background-color: #2e353d;
}
#navbar ul.navbar-right li a:hover {
	background-color: #4f5b69;
	height: 50px;
	border-bottom: 3px solid #97ca32;
}
#navbar ul li.text {
	padding: 15px;
	color: #FFF;
	font-weight: 500;
}
#bread-nav > li {
	display: inline-block;
	font-weight: 500;
}
#bread-nav > li + li:before {
	font-family: FontAwesome;
	padding: 0 5px;
	color: #777;
	content: "\f105";
}
#bread-nav > li > a {
	color: #FFF;
	display: inline-block;
}
#bread-nav > li > a:hover {
	background-color: #2E353D;
	padding: 9px 15px;
	border-top: 6px solid #97ca32;
	border-bottom: 6px solid #97ca32;
}
#bread-nav > li > a:focus {
	text-decoration: none;
	background-color: #2E353D;
}
.toggle-btn {
	display: none;
}

.smartjack {
	background: #DC482C;
}
.smartjack #bread-nav > li > a:hover {
	border-top: 6px solid #DC482C;
	border-bottom: 6px solid #DC482C;
}
.smartjack #bread-nav > li + li:before {
	color: #FFF;
}
.smartjack .toggle-btn {
	background: #DC482C;
}
.smartjack #navbar ul.navbar-right li a:hover {
	border-bottom: 3px solid #DC482C;
}
.smartcard {
	background: #DA2967;
}
.smartcard #bread-nav > li > a:hover {
	border-top: 6px solid #DA2967;
	border-bottom: 6px solid #DA2967;
}
.smartcard #bread-nav > li + li:before {
	color: #FFF;
}
.smartcard .toggle-btn {
	background: #DA2967;
}
.smartcard #navbar ul.navbar-right li a:hover {
	border-bottom: 3px solid #DA2967;
}
.smartcount {
	background: #3791CF;
}
.smartcount #bread-nav > li > a:hover {
	border-top: 6px solid #3791CF;
	border-bottom: 6px solid #3791CF;
}
.smartcount #bread-nav > li + li:before {
	color: #FFF;
}
.smartcount .toggle-btn {
	background: #3791CF;
}
.smartcount #navbar ul.navbar-right li a:hover {
	border-bottom: 3px solid #3791CF;
}
.smartcontrol {
	background: #F79B34;
}
.smartcontrol #bread-nav > li > a:hover {
	border-top: 6px solid #F79B34;
	border-bottom: 6px solid #F79B34;
}
.smartcontrol #bread-nav > li + li:before {
	color: #FFF;
}
.smartcontrol .toggle-btn {
	background: #F79B34;
}
.smartcontrol #navbar ul.navbar-right li a:hover {
	border-bottom: 3px solid #F79B34;
}
.admin {
	background: #D7CB06;
}
.admin #bread-nav > li > a:hover {
	border-top: 6px solid #D7CB06;
	border-bottom: 6px solid #D7CB06;
}
.admin #bread-nav > li + li:before {
	color: #FFF;
}
.admin .toggle-btn {
	background: #D7CB06;
}
.admin #navbar ul.navbar-right li a:hover {
	border-bottom: 3px solid #D7CB06;
}

/*----------------------------------------------------------------------------*/
/* Side menu                                                                  */
/*----------------------------------------------------------------------------*/
.nav-side-menu {
	overflow: auto;
	overflow-x: hidden;
	font-size: 14px;
	font-weight: 400;
	background-color: #2e353d;
	position: fixed;
	top: 0px;
	width: 230px;
	height: 100%;
	color: #e1ffff;
	z-index: 4000;
}
.nav-side-menu .brand {
	background-color: #23282e;
	line-height: 50px;
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 0px 20px;
}
.nav-side-menu ul,
.nav-side-menu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 35px;
	cursor: pointer;
}
.nav-side-menu li .arrow:before {
	font-family: FontAwesome;
	content: "\f078";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	float: right;
	transition: all .5s ease;
}
.nav-side-menu li.collapsed .arrow:before {
	transform: rotate(90deg);
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
	border-left: 3px solid #97ca32;
	background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
	color: #97ca32;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
	color: #97ca32;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
	background-color: #181c20;
	border: none;
	line-height: 28px;
	border-bottom: 1px solid #23282e;
	margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
	background-color: #020203;
}
.nav-side-menu ul .sub-menu li a,
.nav-side-menu li .sub-menu li a {
	width: 100%;
	display: inline-block;
}
.nav-side-menu ul.sub-menu li a:before {
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}
.nav-side-menu ul.sub-menu-2 li a:before {
	content: "\f105\f105";
	padding-left: 25px;
}
.nav-side-menu li {
	padding-left: 0px;
	border-left: 3px solid #2e353d;
	border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
	text-decoration: none;
	color: #e1ffff;
	display: block;
}
.nav-side-menu li a i {
	margin: 0 10px 0 5px;
}
.nav-side-menu li:hover {
	border-left: 3px solid #97ca32;
	background-color: #4f5b69;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
@media (max-width: 991px) {
	.nav-side-menu {
		position: relative;
		width: 100%;
		height: auto;
	}
	.toggle-btn {
		display: block;
		cursor: pointer;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 10 !important;
		padding: 3px;
		background-color: #97ca32;
		color: #000;
		width: 40px;
		text-align: center;
	}
	.nav-top-menu {
		display: block;
		position: relative;
		margin-left: 0;
		z-index: 1;
	}
	#bread-nav {
		margin: 0 40px 0 0;
		float: left;
		height: 50px;
		overflow: hidden;
	}
	.navbar-nav > li {
		float: left;
	}
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.navbar-right,
	.nav-side-menu .brand {
		display: none;
	}
}
@media (min-width: 992px) {
	.nav-side-menu .menu-list .menu-content {
		display: block;
	}
	.content-wrapper {
		margin-top: 50px;
		margin-left: 230px;
	}
	.hide-pc {
		display: none;
	}
}

/*----------------------------------------------------------------------------*/
/* Prediction page                                                            */
/*----------------------------------------------------------------------------*/
.table-hover > tbody > tr.prediction:hover {
	background-color: transparent;
}
tr.prediction > td {
	padding: 0 !important;
}
.prediction .row {
	margin: 0;
}
.prediction .col-sm-4 {
	padding: 0;
}
.jackpot.prediction input {
	text-align: right;
	border-radius: 0;
}
.jackpot.prediction tr td {
	vertical-align: middle;
}

/*----------------------------------------------------------------------------*/
/* Multi select                                                               */
/*----------------------------------------------------------------------------*/
.ms-container{
	max-width: 700px;
	width: auto;
}
.ms-container .custom-header{
	font-weight: 600;
	font-style: italic;
	text-align: center;
	color: #333;
}
.ms-container .machine-type-warning {
	font-style: italic;
	text-align: center;
	color: #A94442;
	position: absolute;
	top: 80px;
	left: 15%;
	right: 15%;
}

/*----------------------------------------------------------------------------*/
/* Filter Multiselect                                                         */
/*----------------------------------------------------------------------------*/
.f-ms{
	width: 100%;
	border-radius: 3px 3px 0 0;
	border: 1px solid #CCC;
	border-bottom: 0;
	padding: 6px;
}
.f-ms:focus{
	box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
}
.ms-list{
	border-radius: 0 0 3px 3px !important;
}

/*----------------------------------------------------------------------------*/
/* Data tables                                                                */
/*----------------------------------------------------------------------------*/
.data-table-container {
	margin-top: 10px;
}
.dt-buttons .btn {
	margin-right: 3px;
}

.col1-right td:nth-child(1), .col1-right td:nth-child(1) input {text-align: right}
.col2-right td:nth-child(2), .col2-right td:nth-child(2) input {text-align: right}
.col3-right td:nth-child(3), .col3-right td:nth-child(3) input {text-align: right}
.col4-right td:nth-child(4), .col4-right td:nth-child(4) input {text-align: right}
.col5-right td:nth-child(5), .col5-right td:nth-child(5) input {text-align: right}
.col6-right td:nth-child(6), .col6-right td:nth-child(6) input {text-align: right}
.col7-right td:nth-child(7), .col7-right td:nth-child(7) input {text-align: right}
.col8-right td:nth-child(8), .col8-right td:nth-child(8) input {text-align: right}
.col9-right td:nth-child(9), .col9-right td:nth-child(9) input {text-align: right}
.col10-right td:nth-child(10), .col10-right td:nth-child(10) input {text-align: right}
.col11-right td:nth-child(11), .col11-right td:nth-child(11) {text-align: right}
.col12-right td:nth-child(12), .col12-right td:nth-child(12) {text-align: right}
.col13-right td:nth-child(13), .col13-right td:nth-child(13) {text-align: right}
.col14-right td:nth-child(14), .col14-right td:nth-child(14) {text-align: right}
.col15-right td:nth-child(15), .col15-right td:nth-child(15) {text-align: right}

table .form-group {
	margin: 0;
}

/*----------------------------------------------------------------------------*/
/* Dashboard page                                                             */
/*----------------------------------------------------------------------------*/
.table-title {
	font-size: 1.6em;
}
.table-title .label {
	font-size: 95%;
}

.panel-blue {
	border-color: #337ab7;
}

.panel-blue .panel-heading {
	border-color: #337ab7;
	color: #fff;
	background-color: #337ab7;
}

.panel-green {
	border-color: #5cb85c;
}

.panel-green .panel-heading {
	border-color: #5cb85c;
	color: #fff;
	background-color: #5cb85c;
}

.panel-green a {
	color: #5cb85c;
}

.panel-green a:hover {
	color: #3d8b3d;
}

.panel-red {
	border-color: #d9534f;
}

.panel-red .panel-heading {
	border-color: #d9534f;
	color: #fff;
	background-color: #d9534f;
}

.panel-red a {
	color: #d9534f;
}

.panel-red a:hover {
	color: #b52b27;
}

.panel-yellow {
	border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
	border-color: #f0ad4e;
	color: #fff;
	background-color: #f0ad4e;
}

.panel-yellow a {
	color: #f0ad4e;
}

.panel-yellow a:hover {
	color: #df8a13;
}

.huge {
	font-size: 40px;
}

.cls-yellow {
	color: #f0ad4e;
}
.cls-red {
	color: #d9534f;
}
.cls-green {
	color: #5cb85c;
}
.cls-blue {
	color: #337ab7;
}

.showSingle {
	display: inline-block;
	cursor: pointer;
}
.hideSingle {
	display: none;
	cursor: pointer;
}

/*----------------------------------------------------------------------------*/
/* xlg columns                                                                */
/*----------------------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1799px) {
	.hidden-lg {
		display: none !important;
	}
}


.visible-xlg-block,
.visible-xlg-inline,
.visible-xlg-inline-block,
.visible-xlg{
	display: none !important;
}



@media (min-width: 1800px) {
	.container {
		width: 1770px;
	}

	.col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
		float: left;
	}

	.col-xlg-12 {
		width: 100%;
	}

	.col-xlg-11 {
		width: 91.66666667%;
	}

	.col-xlg-10 {
		width: 83.33333333%;
	}

	.col-xlg-9 {
		width: 75%;
	}

	.col-xlg-8 {
		width: 66.66666667%;
	}

	.col-xlg-7 {
		width: 58.33333333%;
	}

	.col-xlg-6 {
		width: 50%;
	}

	.col-xlg-5 {
		width: 41.66666667%;
	}

	.col-xlg-4 {
		width: 33.33333333%;
	}

	.col-xlg-3 {
		width: 25%;
	}

	.col-xlg-2 {
		width: 16.66666667%;
	}

	.col-xlg-1 {
		width: 8.33333333%;
	}

	.col-xlg-pull-12 {
		right: 100%;
	}

	.col-xlg-pull-11 {
		right: 91.66666667%;
	}

	.col-xlg-pull-10 {
		right: 83.33333333%;
	}

	.col-xlg-pull-9 {
		right: 75%;
	}

	.col-xlg-pull-8 {
		right: 66.66666667%;
	}

	.col-xlg-pull-7 {
		right: 58.33333333%;
	}

	.col-xlg-pull-6 {
		right: 50%;
	}

	.col-xlg-pull-5 {
		right: 41.66666667%;
	}

	.col-xlg-pull-4 {
		right: 33.33333333%;
	}

	.col-xlg-pull-3 {
		right: 25%;
	}

	.col-xlg-pull-2 {
		right: 16.66666667%;
	}

	.col-xlg-pull-1 {
		right: 8.33333333%;
	}

	.col-xlg-pull-0 {
		right: auto;
	}

	.col-xlg-push-12 {
		left: 100%;
	}

	.col-xlg-push-11 {
		left: 91.66666667%;
	}

	.col-xlg-push-10 {
		left: 83.33333333%;
	}

	.col-xlg-push-9 {
		left: 75%;
	}

	.col-xlg-push-8 {
		left: 66.66666667%;
	}

	.col-xlg-push-7 {
		left: 58.33333333%;
	}

	.col-xlg-push-6 {
		left: 50%;
	}

	.col-xlg-push-5 {
		left: 41.66666667%;
	}

	.col-xlg-push-4 {
		left: 33.33333333%;
	}

	.col-xlg-push-3 {
		left: 25%;
	}

	.col-xlg-push-2 {
		left: 16.66666667%;
	}

	.col-xlg-push-1 {
		left: 8.33333333%;
	}

	.col-xlg-push-0 {
		left: auto;
	}

	.col-xlg-offset-12 {
		margin-left: 100%;
	}

	.col-xlg-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-xlg-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-xlg-offset-9 {
		margin-left: 75%;
	}

	.col-xlg-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-xlg-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-xlg-offset-6 {
		margin-left: 50%;
	}

	.col-xlg-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-xlg-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-xlg-offset-3 {
		margin-left: 25%;
	}

	.col-xlg-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-xlg-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-xlg-offset-0 {
		margin-left: 0;
	}

	.visible-xlg {
		display: block !important;
	}

	table.visible-xlg {
		display: table;
	}

	tr.visible-xlg {
		display: table-row !important;
	}

	th.visible-xlg, td.visible-xlg {
		display: table-cell !important;
	}

	.visible-xlg-block {
		display: block !important;
	}

	.visible-xlg-inline {
		display: inline !important;
	}

	.visible-xlg-inline-block {
		display: inline-block !important;
	}

	.hidden-xlg {
		display: none !important;
	}
}

/*----------------------------------------------------------------------------*/
/* Ajax loading                                                               */
/*----------------------------------------------------------------------------*/
.loading-overlay {
	display:    none;
	position:   fixed;
	z-index:    100000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 );
}
.loading-overlay .fa {
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
body.loading {
	overflow: hidden;
}
body.loading .loading-overlay {
	display: block;
}

/*----------------------------------------------------------------------------*/
/* Panel title arrow                                                          */
/*----------------------------------------------------------------------------*/
.panel-title .arrow:before {
	font-family: FontAwesome;
	content: "\f078";
	display: inline-block;
	padding-left: 0px;
	padding-right: 0px;
	transition: all .5s ease;
}
.panel-title .collapsed .arrow:before {
	transform: rotate(-90deg);
}

/*----------------------------------------------------------------------------*/
/* Login                                                                      */
/*----------------------------------------------------------------------------*/
.login-blur {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	box-shadow: inset 0 0 1px 200px rgba(0,0,0,1);
	background-color: #000;
}
.login-blur-effect {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url('../img/casino.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: inset 0 0 0 2000px rgba(0,0,0,0.3), inset 0 0 100px 1px rgba(0,0,0,0.6);
}
.login-container {
	position: relative;
	width: 100%;
	padding-top: 30vh;
	text-align: center;
}
.login-panel {
	display: inline-block;
	background: transparent !important;
	border: 0 !important;
	text-align: left;
	width: 100%;
}
@media (min-width: 768px) {
	.login-panel {
		width: 400px;
	}
}
.login-panel label {
	color: #FFF !important;
	font-weight: normal !important;
	text-transform: uppercase;
}
.login-panel .form-group label {
	font-size: 120%;
}
.login-panel .btn-login {
	font-size: 140%;
	text-transform: uppercase;
	background: #ed1c26 !important;
	border: 0 !important;
	box-shadow: 0 0 4px #ba050b, inset 0 0 4px #ba050b;
	font-weight: bold;
}
.login-panel .form-group input {
	box-shadow: inset 1px 1px 4px 1px #000, 0 0 1px #CCC;
	border: 0 !important;
	height: 45px !important;
	font-size: 130%;
}
.login-logo {
	position: fixed;
	width: 99%;
	height: 5%;
	left: 1%;
	bottom: 1%;
	background-image: url('../img/SmartGaming.png');
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
}

/*----------------------------------------------------------------------------*/
/* Size overwrites                                                            */
/*----------------------------------------------------------------------------*/
@media (min-width: 768px) {
	.container {
		width: auto;
	}
	.btn-area-right {
		text-align: right;
	}
}
@media (min-width: 1440px) {
	.container {
		width: 1170px;
		font-size: 14px;
	}
}
@media (min-width: 1600px) {
	.container {
		width: 1330px;
	}
}
@media (min-width: 1800px) {
	.container {
		width: 1530px;
	}
}
@media (min-width: 1900px) {
	.container {
		width: 1630px;
	}
}

@media (max-width: 767px) {
	div.dt-buttons {
		display: none;
	}
}

@media (max-width: 1439px) {
	h1 {
		font-size: 28px;
	}
	.btn {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
	}
	.input-group .form-control {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		height: 30px;
	}
}