body{
	background-color:transparent;
	color:#000;
	font-family: arial,"微軟正黑體";
}

/*.row {
    margin:0px!important;
}*/
#left-menu{
	/*left:-133px;*/
}

.page-sidebar{
	width:180px!important;
}

.page-sidebar .page-sidebar-menu{
	padding-top:10px!important;
}

.page-sidebar-fixed .page-sidebar{
	top:0px!important;
	z-index:1000;
}



.page-header-fixed .page-container {
    margin-top: 0px;
}

.page-container{
	display: flex;
}

.page-container .page-content-wrapper{
	flex:1;
}

.page-content{
	/*margin-left:170px!important;*/
	background: #f5f7f9;
    padding: 10px!important;
}

.page-content > .content{
    border-radius: 4px;
    background: #fff;
    padding: 16px;
    border: 1px solid #e8eaec;
    width:fit-content;
    min-width: 100%;
}

.clear{
	clear:both;
}

/*.page-bar{
	margin:0px!important;
}*/

.page-bar-fixed{
	/*height:50px;*/
	padding: 5px 20px !important;
}

.page-bar-fixed{
	/*position:fixed !important;*/
	width:100%; 
	background-color:#e7ecf1 !important; 
	border-bottom:0!important; 
	z-index:100;
	line-height:40px;
}

.page-bar-fixed.bottom{
	bottom:0px;
	border-top:1px solid #f9c901 !important;
	border-bottom:0px solid #FFF!important;
	text-align:center;
}

.page-bar-fixed.pc-page-bar{
	position:fixed !important;
}

.page-bar-fixed.mobile-page-bar{
	position:absolute !important;
}

.page-bar-height{
	border:0px solid #FFF;
}

.page-sidebar-wrapper{
	/*float:left;*/
    border-right: 2px solid #f9c901;
    background-color: #000!important;
}

.page-sidebar{
	z-index:100;
    background-color: #1E293B!important;
}

.page-sidebar .page-sidebar-menu>li>a{
	border-top: 1px solid #3d4957!important;
    color: #FFF !important;
    background-color: #1E293B!important;
    padding:10px 12px 10px 5px;
}

.page-sidebar .page-sidebar-menu>li.active>a{
    color:#a1d33c!important;
}

.page-sidebar .page-sidebar-menu>li:hover>a{
	background-color: #444;
}

.page-sidebar .page-sidebar-menu>li>a>i{
    color: #f9c901!important;
}

.page-sidebar .page-sidebar-menu>li .sub-menu {
    background-color: #1E293B!important;
}

.page-sidebar .page-sidebar-menu .sub-menu>li>a{
    color: #FFF !important;
}

.page-sidebar .page-sidebar-menu .sub-menu>li:hover>a{
    background-color: #0A192F!important;
}

.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a{
    background-color: #0A192F!important;
    color:#a1d33c!important;
}

.page-sidebar .page-sidebar-menu .sub-menu>li.active>a>i{
    color: #f9c901!important;
}



.page-sidebar .immediate_total_outer{
	display: inline-block;
	float: right;
}

.page-sidebar .immediate_total_outer .immediate_total{
	display: inline-block;
    width: 23px;
	padding:3px 0px;
    border-radius: 13px;
    font-size: 12px;
    margin-left: 5px;
    font-weight: bold;
	text-align:center;
}

.font-18{
	font-size:18px;
}

.font-20{
	font-size:20px;
}

.has-underline{
	text-decoration:underline;
}

.bg-red1{
	background-color: red;
}

.bg-red2{
	background-color: #fca19a !important;
}

.bg-purple1{
	background-color:#d428cf;
}

.bg-green1{
	background-color:#39a8a9;
}

.bg-green2{
	background-color: #9dddde;
}

.bg-gray1{
    background-color: #f8f8f9;
}

.bg-black1{
    background-color:#000;
}

.bg-yellow1{
    background-color: #f9c901;
}


.checkbox-inline{
	margin-left:0px !important;
	padding-left:0px;
}

.temp-waiting{
	margin: 0 auto;
	display: block;
	position:relative;
	top:50px;
}

.table-bordered, .table-bordered td, .table-bordered th {
    border-color:#ccc !important;
}

table.dataTable, table.dataTable td, table.dataTable th{
	box-sizing: border-box!important;
}

.fw-bold{
	font-weight:bold;
}

.pd-5{
	padding:5px;
}

.pd-l-r-5{
	padding-left:5px;
	padding-right:5px;
}

.pd-20{
	padding:20px;
}

.color-red1{
	color:red;
}

.color-white{
	color:#FFF;
}

.color-gray{
	color:gray;
}

.color-blue{
	color:blue;
}

.color-black1{
    color:#000;
}

.color-yellow1{
    color: #f9c901;
}

.color-green{
	color: #a1d33c;
}

.bg-white{
	background-color: #FFF !important;
}

.width-200{
	width: 200px;
}

.width-auto{
    width:auto;
}

.ws-nowrap{
	white-space: nowrap;
}

.game-status-btn{
	padding: 5px 5px;
    color: green;
    cursor: pointer;
    display: inline-block;
    border: 1px solid;
	margin-bottom: 10px;
}

.game-status-btn.active{
    color: #FFF;
    border: 1px solid;
	background-color: green;
}

.btn-edit {
    background-color: #1634c5;
    border-color: #1634c5;
    color: #FFF;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0px 5px;
    font-size: 12px;
    border-radius: 4px !important;
}

.btn-copy {
    background-color: #3e9e30;
    border-color: #3e9e30;
    color: #FFF;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 0px 5px;
    font-size: 12px;
    border-radius: 4px !important;
}

.btn-orange{
	color: #fff;
/*
	background-color: #f0ad4e;
    border-color: #dab10d;
*/
	background-color: #f0ad4e;
    border-color: #dab10d;
}

.btn-orange.active, .btn-orange.focus, .btn-orange:active, .btn-orange:focus, .btn-orange:hover{
    color: #fff;
    background-color: #c29d0b;
    border-color: #aa8a0a;
}