@CHARSET "UTF-8";
@keyframes expandHeight {
    0% {max-height:0;overflow:hidden;}
    100% {max-height:1000px;}
}
@keyframes blinkEEEEEE {
    0% {background:#fff;}
    50% {background:#EEEEEE;}
}
@keyframes opacityShow {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes hightlight-lineage {
	0% {
		transform: scale(2.5);
		text-shadow:0px 0px 20px #FF6E40;
	}
	20% {
		transform: scale(2.5);
		text-shadow:0px 0px 50px #FF6E40;
		color:#FF5722;
	}
	100% {
		transform: scale(1);
		text-shadow:0px 0px 0px #FF6E40;
	}
}
@keyframes background-shine{
	0% {
		
	}
	50% {
		-webkit-box-shadow: inset 0px 0px 80px 5px rgba(255,255,255,0.8);
		-moz-box-shadow: inset 0px 0px 80px 5px rgba(255,255,255,0.8);
		box-shadow: inset 0px 0px 80px 5px rgba(255,255,255,0.8);
	}
	100% {
	
	}
}
*{
	font-family:Verdana,Arial,"Microsoft Yahei","微软雅黑",STXihei,"华文细黑",sans-serif;
}
::-webkit-scrollbar {
    width: 10px;
    height: 16px;
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}
::-webkit-scrollbar-thumb:active {
    background-color: rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10), inset 0 -1px 0 rgba(0,0,0,0.07);
}
html,body{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:#f8f8f8;
	background-repeat: repeat;
}
body{
	-webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    position:relative;
}
h1,h2,h3,h4,h5,h6,
h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 *{
	color:#0D47A1;
	/*color: white;*/
}
p{
	padding:6px 0px;
	margin:0;
	line-height:1.5;
}​​
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color: #f1f1f1 !important;
	opacity: 1 !important;
}
.clearfix{
	clear:both;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.text.currency,
input.currency{
	text-align:right;
}

.text.currency.negative,
input.currency.negative{
	color:#F44336 !important;
}

/* LOADING BAR */
#loading-bar .bar {
  background: #F44336;
}

/* Fancy blur effect */
#loading-bar .peg {
  -moz-box-shadow: #F44336 1px 0 6px 1px;
  -ms-box-shadow: #F44336 1px 0 6px 1px;
  -webkit-box-shadow: #F44336 1px 0 6px 1px;
  box-shadow: #F44336 1px 0 6px 1px;
}

#loading-bar-spinner .spinner-icon {
  border-top-color:  #F44336;
  border-left-color: #F44336;
}
.app-directive{
	display:block;
}

.app-header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:210;
	margin:0;
	padding:0;
	color:#777;
	background:#f1f1f1;
    box-shadow:0px 5px 5px rgba(0,0,0,0.3);
}
.app-header a{
	color:#777;
}
.app-header .app-header-inner{
	height:50px;
}
.app-header .app-header-inner .app-header-element{
	display:block;
	float:left;
}
.app-header .app-header-inner .app-header-inner-left{
	text-align:left;
}
.app-header .app-header-inner .app-header-inner-center{
	text-align:center;
}
.app-header .app-header-inner .app-header-inner-right{
	text-align:right;
}
.app-header .app-header-inner h1{
	margin:0;
	padding:0;
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:20px;
	vertical-align:middle;
}
.app-header .btn.btn-icon, .quick-link-box .btn.btn-icon{
	padding:10px;
	background:transparent;
	color:#000;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	box-shadow:none;
}
.app-header .btn-icon .icon, .quick-link-box .btn-icon .icon{
	width:30px;
	height:30px;
	line-height:30px;
	font-size:24px;
}
.app-header .btn.btn-icon:hover, .quick-link-box .btn.btn-icon:hover{
	background:transparent;
	color:#286090;
	text-shadow: 0px 0px 8px #5C6BC0;
}
.app-header .btn.btn-icon.active{
	background:transparent;
	color:#03A9F4;
	text-shadow: 0px 0px 4px #0277BD;
	-webkit-box-shadow:none;
    box-shadow:none;
}
.app-header .btn.btn-icon.btn-count.active{
	text-shadow:none;
}
.app-header .btn.btn-icon.pd-btn-lineage{
	animation: hightlight-lineage 2s ease-in-out;
}
.app-header .btn.btn-icon.btn-count.pd-btn-lineage .text{
	background:#F44336;
	bottom: -3px;
    right: 3px;
    top: auto;
    font-weight: bold;
    font-size: 8px;
    border-color:#999;
}
.app-quicktools{
	position:fixed;
	bottom:0;
	left:0;
	z-index:190;
	padding:20px 20px 20px 200px;
	width:100%;
}
.app-quicktools-inner{
	text-align:right;
	position:relative;
}
.app-quicktools-inner .btn{
	float:right;
}
.app-quicktools-inner .btn-icon{
	border-radius:50px;
	color:#fff;
	background:#FBBC05;
	box-shadow:0px 4px 8px #aaa;
}
.app-nav{
	position:fixed;
	z-index:150;
	height:100%;
	-webkit-box-shadow: 3px 0px 5px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 0px 5px -3px rgba(0,0,0,0.3);
	box-shadow: 3px 0px 5px -3px rgba(0,0,0,0.3);
}
.app-nav .app-nav-inner{
	width:200px;
	height:100%;
	background:#f1f1f1;
	color:#000;
	overflow:auto;
	padding:5px 10px;
}
.app-nav .app-nav-inner nav{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}
.app-nav .app-nav-inner nav a{
	display:block;
	color:#000;
	text-decoration:none;
	cursor:pointer;
	padding:10px 10px 10px 20px;
	font-size:14px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
nav .href-lv1{
	
}
nav > .nav-lv1:first-child a{
	
}
nav .nav-lv1{
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
nav .nav-lv2{
	
}
.app-nav .app-nav-inner nav .nav-lv2 a{
	color:#000;
}
/*.app-nav .app-nav-inner nav a:hover,
.app-nav .app-nav-inner nav .nav-lv1 a:hover,*/
.app-nav .app-nav-inner nav .nav-lv2 a:hover{
	background:#666;
	color:#fff;
}
nav .nav-lv1.expand{
	
}
nav .nav-lv1.expandable{
	border-top:1px solid #ccc;
}
nav .nav-lv1.expandable a.href-lv1,
nav .nav-lv1.expandable a.href-lv1:hover{
	color:#CC181E;
	font-weight:bold;
	margin-left:-10px;
	background:#f1f1f1;
	cursor:default;
	font-size:16px;
}
nav .nav-lv1.expand a{
	color:#fff;
}
nav .nav-lv1.expand .nav-lv2{
	display:block;
	/* animation: expandHeight 0.3s ease-in-out; */
}
.app-nav .app-nav-inner nav a.href-lv1.active,
.app-nav .app-nav-inner nav a.href-lv2.active{
	/*background:#0D47A1;*/
	/*background:#FF6D00;*/
	background:#CC181E;
	/*color:#fff;*/
	color:white;
	font-weight:bold;
}

.app-nav .app-nav-inner nav a.href-lv1.active .navbar-icon,
.app-nav .app-nav-inner nav a.href-lv2.active .navbar-icon{
	filter: invert(100%);
}

nav .nav-lv3{
	display:none;
	background:#f1f1f1;
}

nav .href-lv3{
	padding-left:40px !important;
}

.app-nav .app-nav-inner nav .nav-lv3 a{
	color:#444;
}

nav .nav-lv2:hover .nav-lv3{
	display:block;
	animation: expandHeight 0.3s ease-in-out;
}

/*nav .nav-lv2.expand{
	-moz-box-shadow:inset 0px 0px 2px #999;
	-webkit-box-shadow:inset 0px 0px 2px #999;
	box-shadow:inset 0px 0px 2px #999;
}
*/
.app-nav .app-nav-inner nav a.href-lv3.active{
	background:#CCABAC;
	color:#fff;
}

nav .nav-lv2:hover{
	border-bottom: 1px solid #999
}

.app-notification{
	position:fixed;
	z-index:0;
	height:100%;
	right:0;
	-webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
    visibility:none;
    opacity:0;
    -webkit-transition: all 0.5s ease;  
	-moz-transition: all 0.5s ease;  
	-o-transition: all 0.5s ease;  
	transition: all 0.5s ease;
}
.app-notification.active{
	z-index:150;
	-webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    visibility:visible;
    opacity:1;
}
.app-notification .app-notification-inner{
	width:300px;
	height:100%;
	background:#f9f9f9;
	-webkit-box-shadow: -2px 0px 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: -2px 0px 3px 0px rgba(0,0,0,0.3);
	box-shadow: -2px 0px 3px 0px rgba(0,0,0,0.3);
	color:#000;
	overflow:auto;
	padding:10px;
}
.html-pd-notification .list-master{
	margin:6px -15px;
	padding:6px 6px;
	background:#fff;
	-webkit-transition: all 0.3s ease;  
	-moz-transition: all 0.3s ease;  
	-o-transition: all 0.3s ease;  
	transition: all 0.3s ease;
	max-height:100px;
	position:relative;
	border:1px solid #ddd;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.26);
}
.html-pd-notification .list-master.unread{
	background:#0D47A1;
	color:#fff;
	-webkit-animation: background-shine 4s infinite ease-in-out;
	animation: background-shine 4s infinite ease-in-out;
}
.html-pd-notification .list-master:hover{
	background:#666;
	color:#fff;
	-moz-box-shadow:inset 0px 1px 1px -1px #0D47A1, inset 0px -2px 2px -2px #333;
	-webkit-box-shadow:inset 0px 1px 1px -1px #0D47A1, inset 0px -2px 2px -2px #333;
	box-shadow:inset 0px 1px 1px -1px #0D47A1, inset 0px -2px 2px -2px #333;
}
.html-pd-notification .list-master .list-master-title{
	font-size:13px;
	-webkit-transition: font-size 0.3s ease;  
	-moz-transition: font-size 0.3s ease;  
	-o-transition: font-size 0.3s ease;  
	transition: font-size 0.3s ease;
}
.html-pd-notification .list-master .list-master-date{
	font-size:11px;
	font-style:italic;
	text-align:right;
	-webkit-transition: font-size 0.3s ease;  
	-moz-transition: font-size 0.3s ease;  
	-o-transition: font-size 0.3s ease;  
	transition: font-size 0.3s ease;
}
.html-pd-notification .list-master.expand{
	height:auto;
	max-height:500vh;
	background:#0D47A1;
	color:#fff;
	box-shadow:none;
}
.html-pd-notification .list-master:hover .list-master-title,
.html-pd-notification .list-master.expand .list-master-title{
	font-size:105%;
}
.html-pd-notification .list-master .list-slave1{
	display:none;
	margin-top:6px;
	padding:10px 0px;
	font-size:13px;
	border-top:1px solid #ccf;
	-webkit-transition: all 0.3s ease;  
	-moz-transition: max-height 0.3s ease;  
	-o-transition: max-height 0.3s ease;  
	transition: max-height 0.3s ease;
	max-height:100px;
	color:#fff;
}
.html-pd-notification .list-master.expand .list-slave1{
	display:block;
	max-height:80vh;
	color:#fff;
}
.html-pd-notification .list-master.loading{
	max-height:120px;
}
.html-pd-notification .list-master.loading .list-slave1{
	display:none;
}
.html-pd-notification .list-master.loading{
	padding-bottom:60px;
}
@-webkit-keyframes loading-rotate360 { 
	0% {
		-webkit-transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}
@keyframes loading-rotate360 { 
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
.html-pd-notification .list-master:after{
	content:' ';
	display:block;
	color:#fff;
	width:30px;
	height:30px;
	margin:10px auto 0px auto;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	border-bottom:2px solid rgba(0,0,0,0);
	border-radius:30px;
	-webkit-animation: loading-rotate360 1s infinite ease-in-out;
	animation: loading-rotate360 1s infinite ease-in-out;
	opacity:0;
	display:none;
}
.html-pd-notification .list-master.loading:after{
	display:block;
	opacity:1;
}
.html-pd-notification .list-master.loading:hover:after{
	border-bottom-color:rgba(0,0,0,0);
}
.app-view{
	padding-top:50px;
	position:relative;
	padding-bottom: 20px;
}
.app-view .app-view-inner{
	position:relative;
}
.app-view .app-view-inner.app-view-centerize{
	text-align:center;
}
.form-input-control{
	margin: 0;
    padding: 0;
    position: relative;
}
.form-group .table-std{
	margin:0;
}
.form-group .table-std thead td{
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:5px;
	font-size:14px;
}
.form-group .form-control.ng-dirty.ng-invalid,
.ng-submitted .form-group .form-control.ng-invalid{
	border-color:#fb2222 !important;
}
.form-group .form-control.input-unified {
    background: #fff;
    border:1px solid #ccc;
    border-radius: 0px;
    outline:none;
    z-index:2;
}
.form-group .form-control.input-unified-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    top:1px;
}
.form-group .form-control.input-unified:not(.input-unified-top):not(.input-unified-bottom){
	
}
.form-group .form-control.input-unified-bottom {
	border-top:1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.form-group .form-control.input-unified:focus{
	border-color:#0D47A1;
}
.form-group .form-control.input-unified:focus{
	z-index:3;
}
.form-input-control.form-input-control-unified.form-input-control-unified-3x .form-control.input-unified-bottom{
	top:-1px;
}
.input-group input,
.input-group select{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}
.form-input-control.form-input-control-unified.form-input-control-unified-lg .input-group-addon{
	min-width:90px;
}
.form-filter .input-group .input-group-addon{
	min-width:65px;
}
.form-filter .input-group .input-group-addon.clickable{
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;  
	-moz-transition: all 0.2s ease-in-out;  
	-o-transition: all 0.2s ease-in-out;  
	transition: all 0.2s ease-in-out;
}
.form-filter .input-group .input-group-addon.clickable:hover{
	background:#F44336;
	color:#fff;
	border-color:#F44336;
}
.form-filter .input-group .input-group-addon-icon{
	min-width:0px;
	font-size:10px;
	padding:6px 10px;
}
.form-input-control.form-input-control-unified .input-group-unified-top input,
.form-input-control.form-input-control-unified .input-group-unified-top select,
.form-input-control.form-input-control-unified .input-group-unified-top md-datepicker,
.form-input-control.form-input-control-unified .input-group-unified-top .input-group-addon{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}
.form-input-control.form-input-control-unified .input-group-unified-bottom input,
.form-input-control.form-input-control-unified .input-group-unified-bottom select,
.form-input-control.form-input-control-unified .input-group-unified-bottom md-datepicker,
.form-input-control.form-input-control-unified .input-group-unified-bottom .input-group-addon{
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
.form-input-control.form-input-control-unified .input-group-unified {
    z-index:2;
}
.form-input-control.form-input-control-unified .input-group-unified-top{
	top:1px;
}
.form-input-control.form-input-control-unified .input-group-unified-bottom{
	
}
.form-input-control.form-input-control-unified.focus .input-group-unified{
	z-index:3;
}
.form-input-control ng-messages{
	position:absolute;
	width:100%;
	z-index:1;
	left:0;
	bottom:0px;
	padding:0 0 5px 0;
	background:#f22;
	display:block;
	opacity:0;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	-webkit-transition: bottom 0.2s ease;  
	-moz-transition: bottom 0.2s ease;  
	-o-transition: bottom 0.2s ease;  
	transition: bottom 0.2s ease;
}
.form-input-control.focus ng-messages.ng-active.active{
	bottom:25px;
	opacity:1;
	z-index:3;
}
.form-input-control .form-control,
.form-input-control .input-group-addon{
	position:relative;
	z-index:2;
}
.form-input-control.focus .form-control,
.form-input-control.focus .input-group-addon{
	z-index:4;
}
.form-input-control ng-messages ng-message{
	display:block;
	font-size:13px;
	line-height:18px;
	padding:6px 6px;
	vertical-align:middle;
	color:#fff;
}
.form-input-control.form-input-control-unified ng-messages{
	bottom:25px;
}
.form-input-control.form-input-control-unified.focus ng-messages.ng-active.active{
	bottom:55px;
}
.form-input-control.form-input-control-unified.form-input-control-unified-3x.focus ng-messages.ng-active.active{
	bottom:85px;
}
.form-input-control-textarea ng-messages{
	bottom:70px;
}
.form-input-control-textarea.focus ng-messages.ng-active.active{
	bottom:95px;
}
.form-input-bet-command textarea.form-control{
	height:40vh;
}
.form-group label{
	font-weight:400;
}
.form-input-hint {
	font-style:italic;
}
input,
.form-control,
input.form-control,
select.form-control,
textarea.form-control{
	border:1px solid #ccc;
	border-radius:4px;
	height:30px;
	font-size:13px;
	line-height:18px;
	padding:6px 6px;
	position:relative;
}
input,
.form-control,
input.form-control:focus,
select.form-control,
select.form-control:focus,
textarea.form-control:focus{
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus{
	border-color:#0D47A1;
	-moz-box-shadow:inset 0 0 2px #FFD180;
	-webkit-box-shadow:inset 0 0 2px #FFD180;
	box-shadow:inset 0 0 2px #FFD180;
}
textarea.form-control{
	height:100px;
	resize:none;
}
.checkbox input{
	height:auto;
}
.form-input-control.form-input-control-async{
	position:relative;
}
.form-input-control.form-input-control-async.loading:after{
	content:' ';
	position:absolute;
	z-index:10;
	bottom:6px;
	right:6px;
	display:block;
	color:#fff;
	width:16px;
	height:16px;
	margin:0px auto 0px auto;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #3949AB;
	border-bottom:2px solid #3949AB;
	border-radius:14px;
	-webkit-animation: loading-rotate360 0.6s infinite ease-in-out;
	animation: loading-rotate360 0.6s infinite ease-in-out;
}
.span-icon{
	padding:10px;
}
.span-icon .icon{
	font-size:13px;
	line-height:20px;
}
.btn{
	font-size:13px;
	position:relative;
	min-width:80px;
	margin-bottom:5px;
	padding:5px 10px;
	border-radius:0px;
	border:none;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.26);
}
.btn:active,
.btn:focus,
.btn:active:focus{
	outline:none;
	-webkit-box-shadow: inset 0 10px 10px rgba(0, 0, 0, .125);
	box-shadow: inset 0 10px 10px rgba(0, 0, 0, .125);
}
.btn-default{
	background:#795548;
	border-bottom:1px solid #555;
	color:#fff;
}
.btn-primary{
	background:#0D47A1;
	border-bottom:1px solid #555;
	color:#fff;
}
.btn-icon{
	margin:0;
	padding:5px;
	line-height:1;
	border:none;
	min-width:0px;
	background:#0D47A1;
	color:#fff;
}
.btn-icon .icon{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
}
.btn.btn-icontext{
	font-size:13px;
	line-height:18px;
	padding:6px 6px;
	position:relative;
}
.btn.btn-icontext .icon{
	font-size:15px;
	line-height:18px;
	padding:5px;
	width:30px;
	height:30px;
}
.btn.btn-icontext.loading .icon{
	
}
.btn-icon.loading:after,
.btn-icontext.loading:after{
	content:' ';
	display:block;
	position:absolute;
	top:6px;
	left:12px;
	width:32px;
	height:32px;
	background-color:#fff;
	border-radius: 100%;
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	animation: sk-scaleout 1.0s infinite ease-in-out;
}
.btn.btn-icontext.loading .icon{
	opacity:0;
}
.btn:hover,
.btn.btn-default:hover{
	background:#286090;
	color:#fff !important;
}
.btn.btn-primary:hover,
.btn.btn-icon:hover{
	background:#286090;
}
.btn-count{
	color:#795548;
}
.btn-count .text{
	position:absolute;
	font-size:10px;
	color:#fff;
	background:#FF9800;
	padding:3px;
	line-height:10px;
	border-radius:10px;
	min-width:20px;
	text-align:center;
	top:10px;
	right:5px;
}
.btn-group .btn{
	padding:10px 20px;
	font-size:15px;
	line-height:20px;
}
.btn-group > .btn{
	border-bottom:1px solid #444;
	color:#fff;
}
.btn-group > .btn:first-child{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	border-right:1px solid #f1f1f1;
}
.btn-group > .btn:last-child{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-left:1px solid #f1f1f1;
}
.btn-group > .btn:not(:first-child):not(:last-child){
	border-left:1px solid #f1f1f1;
}
.table-std{
	width:100%;
	border-collapse:collapse;
	margin:20px 0;
}
.table-std td{
	padding:6px 6px;
	font-size:13px;
	background:#fff;
}
.table-std td.nostyle{
	border:none;
	background:none;
}
.table-std td.bold, .table-std tr.bold td{
	font-weight:bold;
}
.table-std td.control{
	padding:0;
	text-align:center;
}
.table-std td.control input,
.table-std td.control .form-control{
	border:1px solid #fff;
	border-radius:0px;
}
.table-std td.control select,
.table-std td.control select.form-control{
	border:1px solid #fff;
	border-radius:0px;
}
.table-std td.control .checkbox{
	margin:0;
}
.table-std td.control input:focus,
.table-std td.control .form-control:focus,
.table-std td.control select:focus,
.table-std td.control select.form-control:focus{
	border:1px solid #0D47A1;
}
.table-std td.operation,
.table-std td.center{
	text-align:center;
}
.table-std td.currency,
.table-std td.right{
	text-align:right;
}
.table-std td .btn-icon{
	padding:0;
	
}
.table-std td .btn-icon .icon{
	font-size:20px;
	line-height:20px;
	height:20px;
	width:20px;
}
.table-std thead td{
	background:#f1f1f1;
	color:#000;
	padding:10px 12px;
	border:1px solid #e0e0e0;
	font-weight: bold;
}
.table-std.table-sheet td.title{
	background:#f1f1f1;
	border-color:#e0e0e0;
	color:#000;
	/* font-weight: bold; */
}
.table-std.table-sheet td.text{
	font-weight: bold;
}
.table-std.table-sheet.table-sheet-2x td{
	width:50%;
}
.table-std.table-sheet.table-sheet-4x td{
	width:25%;
}
.table-std.table-sheet.table-sheet-8x td{
	width:12.5%;
}
.table-std.table-graph{
	
}
.table-std.table-graph td{
	border:1px solid #ccc;
}
.table-std.table-graph td.axis-x,
.table-std.table-graph td.axis-y,
.table-std.table-graph td.axis-group{
	border-color:#e0e0e0;
	background:#f1f1f1;
	color:#000;
}
.table-std.table-graph td.axis-group{
	vertical-align:middle;
	text-align:center;
	padding:6px 6px;
}
.table-std.table-graph td.graph-title{
	border:none;
	background:none;
	color:#0D47A1;
	text-align:left;
	font-size:18px;
}
.table-std.table-graph tr.total td{
	
}
.table-std.table-list tbody td{
	border-bottom:1px solid #ccc;
}
.table-std.table-list tbody tr,
.table-std.table-list tbody tr td{
	cursor:default;
}
.table-std.table-list tbody tr:nth-child(even) td{
	background:#f9f9f9;
}
.table-std.table-list tbody tr:hover td,
.table-std.table-list tbody tr:nth-child(even):hover td{
	background:#f9f9ff;
	color:#000;
}
.table-xls.table-xls-2 thead td{
	background:transparent;
	color:rgb(51,51,51);
}
.table-xls tbody td{
	border:1px solid #ccc;
}
.table-input thead td,
.table-input tbody td.control{
	border-color:#ccc;
}
.form-std{
	margin:20px 0px;
	padding:10px 10px;
}
.form-std h4, .md-dialog-show-similar h4{
	margin:0 0 10px 0;
	padding:10px 0px;
	border-bottom:1px solid #0D47A1;
}
.form-std.form-filter{
	border-bottom:1px solid #ccc;
}
.form-std.form-std-readonly input{
	background:transparent;
	border-color:transparent;
}
.table-std.table-bet tbody input.table-bet-betnumber{
	width: 60px;
}
.table-std.table-bet tbody input,
.table-std.table-bet tbody select{
	font-size:110%;
}
.table-std.table-bet tbody input.table-bet-betamount{
	max-width:4em;
}
.table-std.table-bet tbody tr{
	
}
.table-std.table-bet thead tr td{
	border:1px solid #e0e0e0;
	background:#f1f1f1;
	font-weight: bold;
}
.table-std.table-bet tbody tr td{
	margin:0;
	padding:0;
	min-height:40px;
	border:1px solid #bdbdbd;
}
.table-std.table-bet thead tr td.index,
.table-std.table-bet tbody tr td.index,
.table-std.table-bet thead tr td.col-layer{
	padding:0 6px;
	min-width:0px;
	width:auto;
	text-align:center;
}
.table-std.table-bet tbody tr td.index{
	border:1px solid #e0e0e0;
	background:#f1f1f1;
}
.table-std.table-bet tbody td.text{
	padding:0 6px;
	min-width:0px;
	width:auto;
	background:#f9f9f9;
	border-color:#eee;
}
.table-std.table-bet tbody td.operation{
	padding:0 6px;
	min-width:0px;
	width:auto;
}
.table-std.table-bet tbody td.operation .btn{
	margin-top:6px;
}
.table-std.table-bet tbody tr td .form-group{
	margin:0;
	padding:0;
}
.table-std.table-bet tbody .form-group input,
.table-std.table-bet tbody .form-group select{
	height:40px;
	min-height:40px;
	min-width:100%;
	border:none;
	outline:none;
}
.table-std.table-bet tbody .checkbox{
	margin:6px 0;
	text-align:center;
}
.table-std.table-bet tbody .checkbox input{
	height:auto;
	min-height:0px;
	min-width:0px;
}
.table-std.table-bet tbody tr td.invalid{
	border-color:#f22;
}
.table-std.table-bet tbody tr td ng-messages{
	position:fixed;
	width:100%;
	z-index:1;
	left:0;
	bottom:0px;
	padding:0 0 5px 200px;
	background:#f22;
	display:block;
	opacity:0;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	-webkit-transition: bottom 0.2s ease;  
	-moz-transition: bottom 0.2s ease;  
	-o-transition: bottom 0.2s ease;  
	transition: bottom 0.2s ease;
}
.table-std.table-bet tbody tr td ng-messages.ng-active.active{
	bottom:0px;
	opacity:1;
	z-index:3;
}
.table-std.table-bet tbody tr td ng-messages ng-message{
	
}
.result-std{
	margin:20px 0px;
	padding:0px;
}
.result-std .table-std{
	margin:0;
	padding:0;
}
.result-std .table-std td{
	
}
.result-std .result-filter{
	
}
.form-login{
	width: 100%;
	max-width: 290px;
	margin: 0 auto;
	background: #fff;
	padding: 40px 30px;
	/*border: 2px solid #42A5F5;*/
	border-top: none;
	border-radius: 0px;
	
	/*webkit-box-shadow: 0 0 0 4px transparent, 0 2px 3px slategray;
    -moz-box-shadow: 0 0 0 4px transparent, 0 2px 3px slategray;
    box-shadow: 0 0 0 0px transparent, 6px 7px 30px slategray;*/
	
	border: 10px solid rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
    margin-top: 6%;
	text-align:center;
}

.form-login .welcome-message span{
    color:#000 !important;
    font-size:16px;
}


.form-login .form-login-additional-function{
	text-align:right;
	font-size:85%;
}
.form-login .form-control.input-unified{
	/*border-color:#8D6E63;*/
	height:40px;
	font-size:15px;
	line-height:20px;
	padding:10px 20px;
}
.form-login .form-input-control ng-messages ng-message{
	
}
.form-login .form-input-control.focus ng-messages.ng-active.active{
	bottom:35px;
}
.form-login .form-input-control.form-input-control-unified.focus ng-messages.ng-active.active{
	bottom:75px;
}
.form-login .form-input-control.form-input-control-unified.form-input-control-unified-3x.focus ng-messages.ng-active.active{
	bottom:85px;
}
.form-login h3{
	line-height:1.5;
	margin:0 0 20px 0;
}
.form-login input.form-control{
	text-align:center;
}
.form-login .btn{
	padding:6px 6px;
	line-height:20px;
	font-size:15px;
}
.app-view-backdrop{
	background-image: url('images/bg.jpg');
    background-repeat: repeat;
}
.view-centurion{
	/*background:#4285f4;*/
	padding:20px 15px 300px 15px;
	/*color:#fff;*/
	color:#616161;
}
.view-centurion h1,
.view-centurion h2,
.view-centurion h3,
.view-centurion h4,
.view-centurion h5,
.view-centurion h6,
.view-centurion h1 *,
.view-centurion h2 *,
.view-centurion h3 *,
.view-centurion h4 *,
.view-centurion h5 *,
.view-centurion h6 *{
	/*color:#fff;*/
	color: grey;
	margin:10px 0px;
	line-height:1.5;
}
.view-centurion .view-centurion-button{
	text-align:right;
}
.view-centurion .view-centurion-button .btn{
	/*color:#fff;*/
	color: grey;
	font-size:15px;
	margin:5px 0px;
	padding-right:20px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition: all 0.3s ease;  
	-moz-transition: all 0.3s ease;  
	-o-transition: all 0.3s ease;  
	transition: all 0.3s ease;
}
.view-centurion .view-centurion-button .btn.active{
	background:#286090;
	color:#fff;
	cursor:default;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.26);
}
.app-view-inner.app-view-report .view-centurion{
	/* background:#00897B; */
}
.app-view-inner.app-view-admin .view-centurion{
	/* background:#FF5722; */
}
.view-legion{
	background:#fff;
	z-index:1;
	position:relative;
	top:-280px;
	padding:0;
	min-height:400px;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.26);
}
.view-legion-inner{
	width:100%;
	overflow:auto;
}
.view-legion-messages .page-message{
	margin:10px 0 20px 0;
	font-size:15px;
}
.view-centurion .form-std.form-filter{
	border-bottom:none;
	margin:0;
	padding-bottom:0;
	background:white;
	padding:30px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	
}
.app-nav-clock{
	background:#f1f1f1;
}
.app-nav-clock .row > div{
	
}
.app-nav-clock .row > div:first-child{
	
}
.app-widget-clock{
	padding:0px 10px;
}
.app-widget-clock .app-directive{
	padding:6px 0;
	font-size:13px;
	text-align:center;
	color:#ededed !important;
}
.app-widget-clock p{
	padding-bottom:0px;
	font-size:12px;
	text-align:center;
	color:#fff;
	margin-left:-10px;
	font-weight:bold;
}
.app-widget-clock.app-widget-clock-lg  .app-directive,
.app-widget-clock.app-widget-clock-lg p{
	font-size:115%;
}
.d3-workable{
	position:relative;
	background:#f9f9f9;
	margin:15px 0px;
	border:1px solid #eee;
}
.d3-workable .d3-tooltip{
	position:absolute;
	z-index:1000;
	padding:6px 6px;
	background:#f9f9f9;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	font-size:11px;
}
.d3-workable .d3-tooltip p{
	margin:0;
	padding:3px 6px;
}
.d3-workable .node circle{
	fill: #fff;
	stroke:#fff;
	stroke-width: 3px;
}
.d3-workable svg{
	width:100% !important;
}
.d3-workable .node text {
	font: 12px sans-serif;
}

.d3-workable .link {
	fill: none;
	stroke: #ccc;
	stroke-width: 2px;
}
.well{
	margin:10px 0;
}
.well .well-action{
	clear:both;
}
.well .well-action .btn{
	float:right;
}
.well .well-content{
	clear:both;
}
.well .well-content textarea.well-content-placeholder{
	width:100%;
	min-height:50vh;
	background:transparent;
	border:none;
	outline:none;
	resize:none;
}
.form-bet textarea.form-control{
	font-weight:bold;
}
.app-include{
	
}
.app-include.std-include .app-include-buttonpanel{
	text-align:right;
	width:100%;
	padding:15px;
}
.app-include.std-include .app-include-buttonpanel.app-include-buttonpanel-float{
	position: fixed;
	z-index:1;
}
.app-include.std-include .app-include-buttonpanel .btn{
	box-shadow:0px 4px 8px #aaa;
}
.app-include.std-include .app-include-buttonpanel .btn-icon{
	padding:6px;
	font-size:20px;
}
.hint-ordered{
	background:#2196F3;
	color:#fff;
	font-size:15px;
	border:none;
	border-radius:0;
	margin:20px 0;
}
.hint-ordered .oh{
	position:relative;
	padding:0 0 0 20px;
	margin:6px;
}
.hint-ordered .oh .ot{
	position:absolute;
	top:0;
	left:0;
	display:block;
	padding:6px 0;
}
.hint-ordered .oh .od{
	padding:6px 0;
	line-height:1.5;
}
.hint-ordered .oh a{
	color:#fff;
	text-decoration:underline;
	cursor:pointer;
}

.horizontal-scroll-except-first-column > table > * > tr > th:first-child,
.horizontal-scroll-except-first-column > table > * > tr > td:first-child {
    width: 150px;
}
	
@media (max-width:767px){
	.horizontal-scroll-except-first-column {
	    overflow: auto;
	    margin-left: 150px;
	}
	
	.horizontal-scroll-except-first-column > table > * > tr > th:first-child,
	.horizontal-scroll-except-first-column > table > * > tr > td:first-child {
	    position: absolute;
	    width: 150px;
	    margin-left: -150px;
	}
	
	.horizontal-scroll-except-first-column > table > * > tr > th,
	.horizontal-scroll-except-first-column > table > * > tr > td {
	    /* Without this, if a cell wraps onto two lines, the first column
	     * will look bad, and may need padding. */
	    white-space: nowrap;
	}
	.layout-authorized.toggleNav body{
		
	}
	.layout-authorized.toggleNav .app-nav{
		-webkit-box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.3);
		box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.3);
		z-index:150;
		-webkit-transform: translateX(0px);
	    -ms-transform: translateX(0px);
	    transform: translateX(0px);
	}
	.app-nav{
		top:0;
		right:0;
		padding-top:50px;
		margin-top:0px;
		-webkit-transform: translateX(200px);
	    -ms-transform: translateX(200px);
	    transform: translateX(200px);
	    -webkit-transition: all 0.5s ease;  
		-moz-transition: all 0.5s ease;  
		-o-transition: all 0.5s ease;  
		transition: all 0.5s ease;
	}
	.app-notification{
		top:0;
		right:0px;
		margin-top:0px;
		padding-top: 50px;
		visibility:none;
	}
	/*.layout-login body,
	.layout-public body{
		background-color:#FFF;
		background-image:url('images/5acff4f0.png');
	}*/
	.layout-login body .app-header{
		background:#f9f9f9;
	}
	.app-view{
		margin-left:0;
	}
	.app-header .app-header-inner h1{
		font-size:12px;
	}
	.form-login{
		border:none;
	}
	.view-centurion{
		padding:15px 0px;
	}
	.view-centurion .view-centurion-button .btn{
		margin:5px 0;
		font-size:13px;
		line-height:15px;
		padding:3px 6px;
		padding-right:10px;
	}
	.view-centurion .btn.btn-icontext .icon{
		font-size:13px;
		line-height:15px;
		padding:3px;
		width:21px;
		height:21px;
	}
	.view-legion{
		top:0px;
	}
	.d3-workable{
		margin-left:-15px;
		margin-right:-15px;
	}
	.table-std.table-bet td.index{
		display:none;
	}
	.ant-overlay > .ant-overlay-include .inner{
		padding:0;
	}
	
	.table-place-bet-form-detailed td.index{
		display: table-cell !important;
	}
}
@media (min-width:768px){
	.view-legion{
		margin:0px 15px;
	}
	.app-view-backdrop .view-legion{
		margin:0px 15px;
	}
	.app-nav{
		top:0;
		left:0;
		margin-top:50px;
		padding-bottom:50px;
		z-index:210;
	}
	.app-nav-headline{
		padding-bottom:70px;
	}
	.app-notification{
		top:0;
		right:0;
		padding-top:50px;
	}
	/*.layout-login body,
	.layout-public body{
		background-color:#FFF;
		background-image:url('images/5acff4f0.png');
	}*/
	.layout-login body .app-nav,
	.layout-public body .app-nav,
	.layout-blank body .app-nav{
		top:0;
		left:0;
		display:none;
	}
	.layout-login body .app-header{
		background:#f9f9f9;
	}
	.layout-public body .app-view .app-view-inner{
		margin:50px;
		padding:20px 0px;
		background:#fff;
		border:10px solid rgba(0, 0, 0, 0.3);
		-moz-background-clip:padding-box;
		-webkit-background-clip:padding-box;
		background-clip:padding-box;
	    border-radius: 0px;
	}
	.layout-authorized body .app-view{
		margin-left:200px;
	}
	.layout-authorized body .app-view.expand-view{
		margin-left:0;
	}
	.hide-nav{
		display:none;
	}
	.table-std.table-bet td.index{
		
	}
	.ant-overlay > .ant-overlay-include .inner{
		padding:0px 0px 0px 200px;
	}
	.ant-overlay > .ant-overlay-include .inner .app-include-buttonpanel{
		margin-left:-200px;
		padding-left:200px;
	}
}
.nav-group{
	margin-bottom:20px;
}
.nav.nav-tabs{
	border-bottom:1px solid #ddd;
}
.nav.nav-tabs a{
	background:#795548;
	color:#fff;
}
.nav.nav-tabs a:hover{
	background:#286090;
}
.nav-content.nav-content-tabs{
	background:#fff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:20px;
}
.table-std tbody tr td{
	border:1px solid #ccc;
}
.table-std tbody tr.table-report-subtotal td{
	background:#eee !important;
}
.table-std tbody tr.table-report-grandtotal td{
	background:#eee !important;
}
.table-std tbody tr.clickable,
.table-std tbody tr.clickable td, 
.clickable{
	cursor:pointer;
}
.table-std tbody tr td.clickable,
.table-std tbody tr td.winlose-join-custom.clickable
{
	cursor:pointer;
	color:#00ACC1;
	text-decoration:underline;
}
.table-std tbody tr td.clickable.text.currency.negative{
	color:#F44336 !important;
}
.buttonpanel,
.textpanel{
	padding:15px;
}
@page {
	size: A4 landscape;
}
.printonly{
	display:none !important;
}
@media print{
	.app-nav{
		display:none !important;
	}
	.app-header{
		display:none !important;
	}
	body{
		position: relative !important;
	    overflow: auto !important;
	    -webkit-transform: translateX(0px) !important;
	    -ms-transform: translateX(0px) !important;
	    transform: translateX(0px) !important;
	}
	body .app-view{
		margin-left:0 !important;
	}
	.noprint{
		display:none !important;
	}
	.printonly{
		display:block !important;
	}
}
.spinner-loading {
	width: 40px;
	height: 40px;
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout { 
	0% {
		-webkit-transform: scale(0)
	}
	100% {
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}
@keyframes sk-scaleout { 
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 0;
	}
}
.ant-ui-rangepicker.input-group .input-group-btn button{
	min-width:32px;
	background:#0D47A1;
}
.ant-sort{
	cursor:pointer;
}
.ant-sort.sortBy{
	padding-right:25px;
	position:relative;
}
.ant-sort.sortBy:after{
	position:absolute;
	top:15px;
	right:10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #777 transparent;
	content:' ';
}
.ant-sort.sortBy.sortByReverse:after{
	position:absolute;
	top:15px;
	right:10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #777 transparent transparent transparent;
}
.table-std.table-bet-history tbody tr.tr-master.expanded td{
	border-bottom:none;
	background:#fff;
	color:#283593;
}
.table-std.table-bet-history tbody tr.tr-slave1.expanded td{
	background:#f9f9ff;
	border-bottom:1px solid #ccc;
	padding-top:6px;
	padding-bottom:6px;
	color:#283593;
	border-color:#BDBDBD;
	animation: blinkEEEEEE 0.7s ease-in-out;
}
.table-std.table-bet-history tbody tr.tr-slave1.expanded td.first{
	border-left-color:#BDBDBD;
}
.table-std.table-bet-history tbody tr.tr-slave1.expanded td.last{
	border-right-color:#BDBDBD;
}
.table-std.table-bet-history tbody tr.tr-slave1.expanded.first td{
	border-top:none;
	padding-top:12px;
	-moz-box-shadow:inset 0px 5px 3px -3px #BDBDBD;
	-webkit-box-shadow:inset 0px 5px 3px -3px #BDBDBD;
	box-shadow:inset 0px 5px 3px -3px #BDBDBD;
}
.table-std.table-bet-history tbody tr.tr-slave1.expanded.last td{
	border-bottom:none;
	padding-bottom:12px;
	-moz-box-shadow:inset 0px -5px 3px -3px #ddd;
	-webkit-box-shadow:inset 0px -5px 3px -3px #ddd;
	box-shadow:inset 0px -5px 3px -3px #ddd;
}
.table-std.table-bet-history tbody tr.tr-slave1.expanded.first.last td{
	-moz-box-shadow:inset 0px 5px 3px -3px #BDBDBD, inset 0px -5px 3px -3px #ddd;
	-webkit-box-shadow:inset 0px 5px 3px -3px #BDBDBD, inset 0px -5px 3px -3px #ddd;
	box-shadow:inset 0px 5px 3px -3px #BDBDBD, inset 0px -5px 3px -3px #ddd;
}
.table-std.table-bet-history tbody tr.tr-master.expanded.hover td,
.table-std.table-bet-history tbody tr.tr-slave1.expanded.hover td{
	background:#f9f9ff;
	color:#283593;
}
.table-std.table-bet-history tfoot tr td{
	font-weight:bold;
}
.std-progress{
	margin-top:20px;
	padding:15px;
}
.std-progress .progress{
	height:30px;
	overflow:hidden;
	box-shadow:0px 1px 2px #777;
	position:relative;
}
.std-progress .progress-bar{
	position:relative;
	height:30px;
	line-height:30px;
	font-size:13px;
	vertical-align:middle;
}
.std-progress .progress-bar.active:after{
	content:' ';
	display:block;
	position:absolute;
	right:-10px;
	z-index:2;
	top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 10px;
	border-color: transparent transparent transparent #337ab7;
}
.std-progress .progress-bar.progress-bar-warning{
	background:#FFCA28;
}
.std-progress .progress-bar.progress-bar-warning.active:after{
	border-color:transparent transparent transparent #FFCA28;
}
.std-progress .progress-bar.progress-bar-success{
	background:#5cb85c;
}
.std-progress .progress-bar.progress-bar-success.active:after{
	border-color:transparent transparent transparent #5cb85c;
}
.std-progress .progress-bar-inactive{
	background:#eee;
	color:#aaa;
}
.std-progress .progress-text{
	background:transparent;
	color:#000;
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.datepicker-dropdown{
	z-index:500 !important;
}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}

.form-pd-system-config-edit .row-setting{
	padding-top:15px;
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
}

.table-std.table-report{
	min-width:1000px;
	border-collapse:collapse;
}
.table-std.table-report thead tr td{
	
}
.table-report{
	border-collapse:separate;
}
.table-report tbody td{
	border:1px solid #999;
}
.table-report td.currency{
	text-align:right;	
}
.table-std.table-report tbody tr.table-report-subtotal td{
	background:#F0F7E8 !important;
}
.table-std.table-report tbody tr.table-report-grandtotal td{
	background:#FFF9E0 !important;
}
.table-std.table-report.table-winlose-master thead tr td,
.table-std.table-report.table-winlose-detail thead tr td{
	background:#f1f1f1;
	border-color:#e0e0e0;
	font-weight: bold;
}
.table-std.table-report.table-winlose-detail thead tr td.detail-downline{
	background:#fff;
	border-color:#bdbdbd;
	color:#000;
}
.table-std.table-report.table-winlose-detail thead tr td.detail-company, .table-std.table-report.table-winlose-master thead tr td.detail-company{
	background:#bdbdbd;
	border-color:#9e9e9e;
	font-weight: bold;
}
.bet-hints-header{
	margin:10px 0;
	font-size:12px;
	color:#1A237E;
	font-weight:bold;
}
.bet-hints{
	margin:10px 0;
	color:#000;
	border-top:1px solid #ccc;
	background:#fff;
}
.bet-hints .bet-hints-title{
	padding:10px;
	font-size:12px;
	color:#1A237E;
	font-weight:bold;
	background:#f9f9f9;
}
.bet-hints .bet-hints-description{
	padding:10px;
	border:1px solid #eee;
}
.std-nodes{
	padding:0 15px;
}
.bet-receipt{
	min-width:175px;
	padding:20px 10px;
	background:#f1f1f1;
	color:#000;
	cursor:pointer;
	word-wrap: break-word;
	font-weight:bold;
	box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
	border-radius: 5px;
	margin-bottom: 20px;
}
.bet-receipt span{
	display:block;
	white-space:pre;
}
.bet-receipt span.head{
	font-weight:bold;
}
.bet-receipt .number-limited{
	color:#2196F3;
}
.bet-receipt .number-soldout{
	color:#F44336;
}
.row-eq-height .bet-receipt{
	/* margin:15px; */
	-webkit-flex:150px 1;
	flex:150px 1;
}
.std-breadcrumb{
	background:transparent;
	margin-top:15px;
	margin-bottom:0;
}
.std-breadcrumb a{
	text-decoration:none;
	cursor:pointer;
}
.std-breadcrumb .active a{
	text-decoration:none;
	color:#777;
	cursor:default;
}
.pd-clickable{
	position:relative;
}
.pd-clickable.loading{
	
}
.pd-clickable.loading:after{
	content:' ';
	position:absolute;
	bottom:-7px;
	right:-2px;
	display:block;
	color:#fff;
	width:14px;
	height:14px;
	margin:0px auto 0px auto;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	border-bottom:2px solid #3949AB;
	border-radius:14px;
	-webkit-animation: loading-rotate360 1s infinite ease-in-out;
	animation: loading-rotate360 1s infinite ease-in-out;
}
.pd-upline-list, .pd-report-winlose-detail{
	text-align:center;
	padding:15px;
}
.pd-upline-list dl{
	position:relative;
	display:inline-block;
	padding:10px 20px;
	margin:10px 45px 10px 0;
	font-size:13px;
	position:relative;
	min-width:80px;
	min-height:50px;
	padding:5px 10px;
	border-radius:0px;
	border:none;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.26);
	background:rgb(255, 111, 0);
}
.pd-upline-list dl:not(:last-child):after{
	position:absolute;
	display:block;
	content:' ';
	top:19px;
	right:-27px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 12px;
	border-color: transparent transparent transparent #1A237E;
}
.pd-upline-list dl dt{
	font-size:85%;
	text-align:right;
	line-height:1.5;
}
.pd-upline-list dl dd{
	padding:6px;
}
.pd-upline-link.active .pd-uplink-link-tooltip{
	display:block;
	animation: opacityShow 0.3s ease-in-out;
}
.pd-upline-list dl:last-child{
	background:rgb(129, 212, 250);
	color:#777;
}
.form-pd-downline-package-edit .input-group-addon,
.form-pd-downline-package-view .input-group-addon{
	min-width:80px;
}
@media ( min-width : 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
	/* .app-header-btn-toggle-nav{
		display:none;
	} */
}
@media ( max-width : 468px) {
	.xs-clearfix{
		clear: both;
	}
	
	.form-input-bet-command textarea.form-control{
		height:20vh;
	}
}
@media ( min-width : 992px) {
	.lg-hide{
		display: none;
	}
	.lg-clearfix{
		clear: both;
	}
	.col-md-5ths {
		width: 20%;
		float: left;
	}
	
	.col-lg-7ths {
		width: 12%;
		float: left;
	}
	
	.col-lg-9ths {
		width: 9.7%;
		float: left;
	}
	
	.col-lg-11ths {
		width: 9%;
		float: left;
	}
	
	.fight-draw-header{
		position: relative;
		left: -11px;
		font-size: 13px;
	}
	
	.summary-table-popup{
		width: 50%;
	}
	
	.package-layer-box{
		padding-left: 26px;
	}
}

@media ( max-width : 992px) {
	.md-clearfix{
		clear: both;
	}
	
	.xs-hide{
		display: none;
	}
	
	.xs-must-show{
		display: inline !important;
	}
	/*.fight-box div.col-lg-7ths:nth-child(2n+1){
		clear: left;
	}*/
	
	.fight-box .col-lg-7ths:nth-of-type(3n+1), .fight-box .col-lg-11ths:nth-of-type(3n+1){
		/* clear: left; */
	}
	
	.col-lg-7ths, .col-lg-7ths div, .col-lg-11ths, .col-lg-11ths div, .col-lg-9ths, .col-lg-9ths div{
		text-align: center;
	}
	
	.col-centered{
		float: none;
		margin: 0 auto;
	}
}

/*.fight-box div:nth-child(4n+1) {
	clear: left;
}*/

@media ( min-width : 1200px) {
	.col-lg-11ths {
		width: 10%;
		float: left;
	}
}

@media ( min-width : 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}
.alttheme-2 .ant-overlay{
	background: #B71C1C;
}
.alttheme-2 h1,.alttheme-2 h2,.alttheme-2 h3,.alttheme-2 h4,.alttheme-2 h5,.alttheme-2 h6,
.alttheme-2 h1 *,
.alttheme-2 h2 *,
.alttheme-2 h3 *,
.alttheme-2 h4 *,
.alttheme-2 h5 *,
.alttheme-2 h6 *{
	color:#C62828;
}
.alttheme-2 .view-centurion h1,
.alttheme-2 .view-centurion h2,
.alttheme-2 .view-centurion h3,
.alttheme-2 .view-centurion h4,
.alttheme-2 .view-centurion h5,
.alttheme-2 .view-centurion h6,
.alttheme-2 .view-centurion h1 *,
.alttheme-2 .view-centurion h2 *,
.alttheme-2 .view-centurion h3 *,
.alttheme-2 .view-centurion h4 *,
.alttheme-2 .view-centurion h5 *,
.alttheme-2 .view-centurion h6 *{
	    color: #fff;
}
.alttheme-2 .view-centurion{
	background:#C62828;
}
.alttheme-2 .app-nav .app-nav-inner nav a.href-lv1.active,
.alttheme-2 .app-nav .app-nav-inner nav a.href-lv2.active{
	background:#B71C1C;
}
.alttheme-2 .html-pd-notification .list-master.unread{
	background:#B71C1C;
}
.alttheme-2 .html-pd-notification .list-master:hover{
	-moz-box-shadow:inset 0px 1px 1px -1px #B71C1C, inset 0px -2px 2px -2px #333;
	-webkit-box-shadow:inset 0px 1px 1px -1px #B71C1C, inset 0px -2px 2px -2px #333;
	box-shadow:inset 0px 1px 1px -1px #B71C1C, inset 0px -2px 2px -2px #333;
}
.alttheme-2 .html-pd-notification .list-master.expand{
	background:#B71C1C;
}
.alttheme-2 .view-centurion .view-centurion-button .btn.active{
	background:#D50000;
}
.alttheme-2 .nav.nav-tabs a:hover{
	background:#D50000;
}
.alttheme-2 .app-header .btn.btn-icon:hover{
	background:transparent;
	color:#D50000;
}
.alttheme-2 .btn:hover,
.alttheme-2 .btn.btn-default:hover{
	background:#D50000;
}
.alttheme-2 .btn.btn-primary:hover,
.alttheme-2 .btn.btn-icon:hover{
	background:#D50000;
}
.alttheme-2 nav .nav-lv1.expandable a.href-lv1,
.alttheme-2 nav .nav-lv1.expandable a.href-lv1:hover{
	color:#D50000;
}
.alttheme-2 .app-widget-clock p{
	color:#D50000;
}
.alttheme-2 .bet-hints-header{
	color:#D50000;
}
.alttheme-2 .bet-hints .bet-hints-title{
	color:#D50000;
}
.alttheme-2 .form-login{
	border-color:#EF5350;
}
@media (max-width:767px){
	.alttheme-2.layout-login body,
	.alttheme-2.layout-public body{
		background-image:url('images/5af549e0.png');
	}
}
@media (min-width:768px){
	.alttheme-2.layout-login body,
	.alttheme-2.layout-public body{
		background-image:url('images/5af549e0.png');
	}
}

.header-image{
	max-height: 40px;
	margin-top: 2px;
}

.navbar-icon{
	max-height: 21px;
	width: 21px;
    /* top: 2px; */
    position: relative;
	margin-right: 10px;
}

.action-icon-header{
	max-height: 15px;
}

.center{
	text-align: center;
}

.login-logo{
	max-height: 75px;
}

.shadow,
.app-nav .app-nav-inner nav a.href-lv1.active,
.app-nav .app-nav-inner nav a.href-lv2.active,
.view-centurion .view-centurion-button .btn.active{
	webkit-box-shadow: 0 0 0 4px transparent, 2px 2px 4px #aaa;
    -moz-box-shadow: 0 0 0 4px transparent, 2px 2px 4px #aaa;
    box-shadow: 0 0 0 4px transparent, 2px 2px 4px #aaa;
}

.app-widget-clock-box{
	padding: 6px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.shadow-inset/*,
.app-widget-clock-box*/{
	-webkit-box-shadow: inset 0px 0px 9px 2px grey;
    -moz-box-shadow: inset 0px 0px 9px 2px grey;
    box-shadow: inset 0px 0px 9px 2px grey;
}

.shadow-self,
.app-widget-clock-box{
	-webkit-box-shadow: 0 0 0 0px transparent, 0px 0px 4px #000;
    -moz-box-shadow: 0 0 0 0px transparent, 0px 0px 4px #000;
    box-shadow: 0 0 0 0px transparent, 0px 0px 4px #000;
    background:#5cb85c;
    border-radius:15px 0px 15px 0px;
}

.app-widget-version-box{
	-webkit-box-shadow: 0 0 0 0px transparent, 0px 0px 4px #000;
    -moz-box-shadow: 0 0 0 0px transparent, 0px 0px 4px #000;
    box-shadow: 0 0 0 0px transparent, 0px 0px 4px #000;
    /* background:#5CB8A3; */
    background:white;
    border-radius:8px 8px 8px 8px;
    padding-bottom: 5px;
    margin-top: 8px;
    margin-bottom: 4px;
}

.app-widget-version-box p{
	color: black;
	font-weight: normal;
}

.app-view-inner{
	background-color: #E0E0E0;
	background-image: url('images/bg.jpg');
    background-repeat: repeat;
}

.title-box{
	background-color: #E0E0E0;
	margin-top: 2px;
	padding-left: 12px;
	
	border: none;
    background: none;
    color: #0D47A1;
    text-align: left;
    font-size: 18px;
}

.form-group-checkbox-draw-types{
	background:#fff;
	padding:10px;
	margin:10px 0;
	border:1px solid #ccc;
	border-radius:5px;
}

.md-dialog-container, md-dialog {
    z-index: 9001;
}
	
.md-dialog-drawtypes{
	width: 350px;
}

.md-dialog-drawdates{
	width: 200px;
}
	
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    background-color: #CC181E;
    color: white;
}

.form-pd-bet-draw-types hr {
    margin-top: 0px; 
    margin-bottom: 0px; 
}

.pointer, .pointer td{
	cursor: pointer !important;
}

.table-std.table-bet tbody .form-group .bet-draw-types-input, .bet-draw-types-input{
	float: left;
	width: 70%;
	/*margin-right: 20px;*/
	min-width: auto;
}

.draw-type-button{
	margin-top: 5px;
	min-width: auto;
	float: right;
	margin-right: 5px;
}

.draw-result-box{
	width: 300px;
    float: left;
    padding: 20px;
	padding-top: 8px;
    margin-right: 28px;
    border: 1px solid #B4B4B4;
	margin-bottom: 10px;
	border-radius: 8px;
}

.no-padding{
	padding: 0;
}

.number-box{
	padding: 0;
    padding-left: 2px;
    padding-right: 2px;
}

.draw-result-banner{
	width: 100%;
	height: 47px;
}

.draw-result-first-row{
	background-color: #48486F;
	color: white;
}

.bold{
	font-weight: bold !important;
}

.draw-result-box-inner{
	padding: 5px;
}

.draw-result-fiveD{
	padding-left: 18px;
}

.draw-result-fiveD-row{
	background-color: #CCCCCC;
	color: black;
}

.no-padding-left{
	padding-left: 0px;
}

.full-height{
	height: 100%;
}

.center input{
	text-align: center;
}

.fight-draw-icon{
	float: right;
	margin-top: 5px;
}

.fight-draw-header{
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 50px;
	text-align: center;
	bottom-: 1px solid #0D47A1;
}

.fight-draw-entry{
	padding-left: 2px;
	padding-right: 2px;
}

.fight-draw-entry-popup{
    margin-bottom: 7px;
    margin-top: 3px;

}

.full-width{
	width: 100%;
}

.fight-label{
	height: 30px;
    /* padding-top: 4px; */
    position: relative;
    top: -5px;
}

.fight-control-label{
    top: 5px;
}

.fight-box input[type="checkbox"]{
    /* margin-top: -4px; */
}

.fight-label-outer{
	min-width: 94px;
}

.form-pd-bet-draw-types .checkbox{
	margin: 2px;
}

.table-package-listing td{
	text-align: center;
}

.package-select-all{
	height: auto;
	margin-left: 10px !important;
}

.md-toolbar-tools h2{
	color: white;
}

.bet-draw-type-column{
	/*width: 160px;*/
}

/* .mode-label{
	position: relative;
	top: 10px;
} */

.draw-layer-label{
	width: 80px;
    float: left;
    padding-top: 5px;
}

.bet-error{
	border: 4px solid red;
}

.table-place-bet-form{
	min-width: 700px;
}

.tablet-place-bet-number{
	width: 15%;
}

.tablet-place-bet-date{
	width: 175px;
}

.tablet-place-bet-types{
	width: 140px;
}
.tablet-place-bet-setting{
	width: 83px;
}

/* md-dialog input[type="radio"]{
	margin-top: -4px;
} */

.origin-legend{
    width: 13px;
    height: 13px;
}

.origin-ACE{
    background-color: rebeccapurple;
}

.origin-PHOENIX{
    background-color: orange;
}

.table-std tbody tr td.winlose-join-custom,
.table-std tbody tr td.director-details-custom
{
	/* background:#DDF2FF !important; */
	background: #FFF9E0 !important;
	color:#333;
}

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

.btn-setting{
	width: 16px;
}

.form-input-control.login-error ng-messages{
	/* padding-bottom: 15px; */
}

.hint-glyph{
	display: initial;
	cursor: pointer;
	padding-right: 5px;
	padding-left: 5px;
}

.clickable{
	cursor: pointer;
	text-decoration: underline;
}

.sample-table thead td {
    background: #5B9BD5;
    color: white;
}

.sample-table thead td, .sample-table tbody td{
    border: 1px solid black !important;
}

.red{
	color: red;
}

.bg-yellow{
	background-color: #FFEDA8;
}

.logout-wechat-link{
	width: 100%;
    margin: 0 auto;
    margin-top: 10%;
}

.uppercase {
  	text-transform: uppercase;
 }
 
 .sort-box{
 	width: 120px;
    height: 30px;
    /* background-color: #f5f5f5;
    border: 1px solid #e3e3e3; */
    border-radius: 4px;
    /* padding: 4px; */
    padding: 2px;
    margin: 4px;
    text-align: center;
 }
 
 .sort-box-index{
 	height: 38px;
 	padding: 4px;
 	padding-top: 9px;
 }
 
 .account-history{
 	font-size: 1em;
 	font-weight: bold;
 }
 
 .text-line{
 	white-space: pre;
 }
 
 .no-margin-left{
 	margin-left: 0px !important;
 }
 
 .table-wechat td{
 	text-align: left;
 }
 
 .recruit-qrcode{
 	width: 200px;
 }
 
 .recruit-url-box{
 	padding-top: 37px;
 }
 
 .qr-box{
 	/* border: 1px solid black; */
    margin: 2px;
    margin-bottom: 10px;
 }
 
 .qr-box-outer{
 	margin-bottom: 10px !important;
 	min-height: auto;
 	padding-top: 20px;
 }
 
 .align-right{
 	text-align: right;
 }
 
 .align-left{
 	text-align: left;
 }
 
 .icon-widget{
 	max-height: 35px;
 	cursor: pointer;
 }
 
 .custom-hide{
 	display: none;
 }
 
 .float-right, .floatRight{
 	float: right;
 }
 
 .quick-link-box{
 	padding-top: 20px;
 }
 
 .quick-link-box .btn.btn-icon {
    padding: 0px;
}

.fight-label div:first-child{
	margin-top: 8px;
}

.high-priority{
	z-index: 999;
}

.status-box{
	background-color: #00A4E1;
    padding: 4px;
    border-radius: 4px;
    padding-left: 20px;
    color: white;
}

.status-box span{
    font-weight: bold;
}

.link-like{
	color: #0D47A1;
}

.page-control{
	text-align: right;
}

.horizontal-scroll-except-first-column thead tr{
	height: 45px;
}

.nowrap{
	white-space: nowrap;
}

.radio input{
	height: auto;
}

.sv-moved{
	background: red;
}

.selection-td{
	width: 10%;
}

.logo-draw-type{
	height: 18px;
}

.float-left{
	float: left;
}

.huawei88-login .form-input-control.login-error ng-messages{
	padding-bottom: 15px;
}

.bookmark-guide-image{
	max-width: 100%	
}

tbody td.col-total{
	background:#FFF9E0 !important;
}

.app-view-report .view-legion-inner{
	overflow: inherit;
}

.table-overflow{
	display: inline-block;
	margin-right: 30px;
}

.tableFloatingHeaderOriginal{
	top: 50px !important;
}

.table-force-min-width{
	min-width: 800px !important;
	width: auto !important;
}

.table-report-seperate td{
	background-color: #E0E0E0 !important;
    background-image: url(images/row_separate.jpg) !important;
    background-repeat: repeat !important;
    padding: 2px;
}

.table-std.table-report tbody tr:nth-child(even) td{
	background:#F7F2E8;
}

.table-std.table-report tbody tr:hover td,
.table-std.table-report tbody tr:nth-child(even):hover td{
	background:#DDF2FF !important;
	color:#000;
}

.col-grandtotal{
	font-weight: bold;
	text-decoration: underline;
}

.downline_search_img{
	height: 15px;
}

.col-bet-amount{
	width: 26px !important;
}

.table-place-bet-form-detailed{
	min-width: 1100px;
}

.col-draw-img{
	width: 20px !important;
}

.draw-type-button-bet-form-detailed{
	margin-top: 5px;
    min-width: auto;
    margin: 4px;
    padding: 6px;
}

.col-action{
	min-width: 100px !important;
}

.bet-form-detailed-draw-img{
	width: 24px !important;
	height: 15px !important;
}

.col-number{
	width: 10px !important;
}

.col-green{
	background: #E3FFD8 !important;
}

.bet-form-detailed-checked-img{
	width: 24px !important;
}

.table-draw-dates{
	width: auto !important;
}

.col-draw-type{
	min-width: 90px !important;
}

.table-std.table-draw-dates tbody tr:nth-child(even) td{
	background: #F7F2E8;
}

.package-select-all-sub{
	height: auto;
}

.winlose-special-question-img{
	height: 16px;
	margin-left: 10px;
}

.winlose-special-explain-img{
	height: 500px;
}

.ant-overlay-option-custom{
	top: 10% !important;
}

.wrap { 
   /* white-space: pre-wrap;      CSS3   
   white-space: -moz-pre-wrap; Firefox    
   white-space: -pre-wrap;     Opera <7   
   white-space: -o-pre-wrap;   Opera 7     */
   word-wrap: break-word;      /* IE */
}

.col-filename{
	max-width: 180px;
}

.col-upload-status{
	min-width: 55px;
}

.col-datetime{
	width: 100px;
}

.sort-overlay{
	background: rgba(0,0,0,0.1);
	z-index: 2 !important;
	cursor: pointer !important;
}

.sort-content-overlay{
	position: absolute;
    font-size: 40px;
    top: 20%;
    z-index: 1;
}

.blur-content{
	opacity: 0.8;
}

.row-bet-cancelled td{
	background: #FF8989 !important;
}

.col-bet-amount div{
	width: 42px !important;
}

.type-control-logo{
	width: 100%;
	height: 100%;
}

.type-control-box{
	padding: 10px;
    margin: 10px;
    border: 1px solid #E0E0E0;
}

tr.package-subsidy-type-N td, 
div.package-subsidy-type-N{
	
}

tr.package-subsidy-type-S td, 
div.package-subsidy-type-S
{
	background: #FF8B5E !important;
}

tr.package-subsidy-type-H td, 
div.package-subsidy-type-H
{
	background: #FF3F3F !important;
}

.package-legend-icon{
	border: 1px solid black;
	width: 20px;
	height: 20px;
}

.form-pd-downline-package-legend{
	margin-top: 10px;
	margin-bottom: 20px;
}

.package-legend-desc{
	padding-left: 0px;
}

.btn-lucky, .btn-lucky:focus{
	background-color: red;
	color: white;
}

.sort-overlay div{
	pointer-events: none;
    opacity: 0.7;
}

.sort-content-overlay{
	visibility: hidden;
}

.sort-overlay .sort-content-overlay{
	visibility: visible;
}

.cursor-default{
	cursor: default;
}

.sortable-content{
	padding-left: 10px;
}

.row-no-padding-right{
	padding-left: 0;
}

.order-rate-label{
	margin-top: 5px;
}

.order-rate-row{
	margin-bottom: 10px;
	margin-left: 10px;
}

.lock-image{
	width: 28px;
    position: absolute;
    top: -10px;
    z-index: 3;
    right: -10px;
}

.lock-image2{
	width: 22px;
    float: left;
}

.footer-annoucement{
    z-index: 210;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #dedede;
    height: 20px;
    color: #333;
    border-top: 1px solid black;
}

.overflow-visible{
	overflow: visible !important;
}

.report-fight-number{
	min-width: auto !important;
}

.bet-cmd-text{
	font-size: 16px !important;
}

.package-grant-sub{
	position: relative;
	top: 2px;
}

.currency-box{
	background-image: url('images/currency_bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px;
	width: 180px;
}

.currency-control-box{
	width: 200px;
}

.currency-text{
	color: white;
    font-size: 25px;
    top: 75px;
    position: relative;
}

.text-right{
	text-align: right;
}

.copy-icon{
	width: 28px;
	margin-left: 20px;
}

.btn-desktop-view{
	width: 24px;
    margin-top: 3px;
}

.shortcut-home{
	font-size: 15px;
}

.shortcut-home-box{
	margin-top: 20px;
	margin-bottom: 30px;
}

.shortcut-home-box legend{
	font-size: 15px; 
	font-weight: bold
}

.shortcut-home-box button{
	width: 100%;
}

.shortcut-home img{
	max-height: 25px;
	filter: invert(100%);
	margin-right: 10px;
}

.upload-display-type-logo{
	margin-right: 6px;
	width: 15px !important;
	height: 12px !important;
}

.invisible{
	visibility: hidden;
}

.download-app-logo{
	margin: 10px;
	font-size: 15px;	
	color: gray;
}

.download-app-text{
	color: gray;
    font-weight: bold;
}

.action_fraud_analyst_img{
	height: 20px;
}

.ant-overlay-message-chart{
	top: 0 !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

.ant-overlay-message-chart .dialog-content-wrapper{
	max-height: 100% !important;
}

.chart-btn{
	width: 50px;
    top: 40%;
    position: absolute;
}

.chart-btn-prev{
	left: 0;
}

.chart-btn-next{
	right: 0;
}

#chart-1-wrapper{
	margin-left: 100px;
} 

.table-fraud-analyst tr{
	text-decoration: none;
}

.table-fraud-analyst tbody tr:nth-child(4n) td, .table-fraud-analyst tbody tr:nth-child(4n-1) td{
	background: #F7F2E8 !important;
}

.table-fraud-analyst tbody tr:nth-child(4n-2) td, .table-fraud-analyst tbody tr:nth-child(4n-3) td{
	background: white !important;
}

.table-fraud-analyst .upline-ids-td {
	padding-left: 20px;
}

.md-dialog-result-msg{
	color: red;
    font-weight: bold;
}

.receipt-type{
	max-width: 85%;
}

.receipt-page-control-box{
	border: 1px solid darkgrey;
	margin-bottom: 20px;
}

.row-custom{
	margin-right: auto;
    margin-left: auto;
    border: 1px solid #EEEEEE;
}

.topup-desc{
	font-size: 12px;
}

.vcenter-item{
    display: flex;
    align-items: center;
}

.title-sub{
	font-size: 18px;
	color: blue;
	font-weight: bold;
}

.display-inline{
	display: inline-block;
}

.col-range-name{
	min-width: 120px;
}

.link{
	text-decoration: underline; 
	cursor: pointer;
	color: #0D47A1;
}

.ant-overlay.ant-overlay-include > .ant-overlay-include{
	overflow: scroll;
}

/*
.summary-notes{
	background: lightgrey;
    font-weight: bold;
    margin-top: 55px;
    padding: 20px;
}*/

.summary-table-popup{
	min-width: auto !important;
	margin: 0 auto;
	margin-top: 20px;
}

.optionGroup {
    font-weight: bold;
}

.optionChild {
    padding-left: 10px;
}

.item-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.uppercase {
    text-transform: uppercase;
}

.form-pd-bet-place-bet-form-detailed .clickable{
	text-decoration: none;
}

.item-center{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.new-menu{
	width: 35px;
    position: relative;
    float: right;
    right: -23px;
    animation: fadeIn 0.7s infinite;
}

.active .new-menu, .nav-lv2 :hover .new-menu{
	filter: invert(1);
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.enhance-bet-footer{
	min-height: 200px;
}

@media (min-width: 1200px){
	.col-lg-offset-1-5 {
	    margin-left: 12.33333333%;
	}
}

.spr-mark{
	background-image: url('images/btn_spr.png');
	color: white;
	font-weight: bold;
	height: 45px;
    width: 45px;
    background-size: cover;
    position: relative;
    top: -3px;
    margin-left: 10px;
}

.downline-tab-box{
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.26);
    background-image: linear-gradient(to bottom right, white, antiquewhite);
    border-radius: 10px;
    margin-top: 15px;
}

.receipt-cancelled-box .bet-receipt{
	background-color: #F78181;
}

.package-multiplier-label{
	position: relative;
    top: -10px;
}

.listing-multiplier-label{
	min-width: 140px;
}

.login-ads{
	width: 100%;
	max-width: 700px;
}

.number-spr{
	background: #FF3F56;
	color: white;
	display: inline !important;
}

.collapse-expand{
	font-style: italic;
	text-decoration: underline;
}

.collapse-expand-span{
	color: blue !important;
}

.pos-fixed{
	position: fixed;
}

.pos-relative{
	position: relative;
}

.report-fight-number thead tr td{
	text-align: center;
}

.report-fight-draw-type{
	margin-top: 20px;
    font-weight: bold;
}

.report-fight-number{
	margin-top: 8px;
}

.app-view-inner{
	background-color: transparent;
    background-image: none;
}

.bet-receipt-alt-row{
	background: rgb(228, 228, 228);
}

.bet-receipt-alt-row-cancelled{
	background: rgb(221 44 0 / 15%);
}

.form-pd-draw-result-edit2{
	margin-left: 20px;
}

.similar-package-color, .nav-tabs>li.active>a.similar-package-color{
	color: red;
}

.md-dialog-show-similar{
	width: 600px;
}

.similar-content{
	height: 350px;
	width: 3000px;
}

.similar-content .col-lg-11ths {
	width: 120px;
	float: left;
}

.similar-prize-odd{
	background-color: #F4F0EF;
    /* border-radius: 14px; */
}

.similar-prize-even{
	/* background-color: #F9F9F9; */
    /* border-radius: 14px; */
}

.similar-content .col-lg-11ths div{
	text-align: center;
}

.sticky-label{
	position: sticky;
    left: 0;
    z-index: 10;
    background-color: #A7F1B2;
    /* border-radius: 14px; */
}

.similar-content .fight-label{
	left: 32px;
}

.similar-content .nav-tabs>li.active>a, .similar-content .nav-tabs>li.active>a:focus, .similar-content .nav-tabs>li.active>a:hover {
    background-color: #fff;
}

.similar-content .nav.nav-tabs a {
    background: #3D4FB5;
    color: #fff;
}

.similar-prize-diff{
	background: pink;
}

.md-dialog-show-similar .btn-primary{
	background-color: #337ab7 !important;
}

.md-dialog-show-similar .btn-danger{
	background-color: #d9534f !important;
}

.std-table-td-div{
    word-wrap: break-word;
}

.table-std.table-package thead td{
	padding: 6px;
}

.table-col-num{
	width: 50px;
}

.package-grant-all-container{
	min-width: 120px;
}