/* Let's get this party started */
::-webkit-scrollbar {
    width: 7px;
	position:fixed !important;
	right:0;
}
::-webkit-scrollbar:hover{
	cursor:pointer !important;
}
 
/* Track */
::-webkit-scrollbar-track {
	-webkit-transform: translateZ(0);
		background: rgba(0,0,0,0.1);
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.6); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.8);
	cursor:pointer;
}
body {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.color-list li {
    display: inline-block;
    padding: 10px;
    width: 14.2857%;
}

.prettyprint {
    background-color: #eeeeee;
    border: 0 !important;
    border-width: 1px !important;
    border-color: #eeeeee !important;
    border-left: 8px #555555 solid !important;
}

.prettyprint ol {
    background-color: transparent !important;
}

.prettyprint li {background-color: white !important; list-style-type: decimal !important; padding-left: 1em; border-bottom: 1px #eee solid;}
.prettyprint li:last-child{border-bottom: 0;}
.prettyprint code .tag {
    font-size: .7rem;
}

.prettyprint {
    overflow: hidden;
    overflow-x: scroll;
}

.demo-grid .row > .cell {
    padding: 10px;
    background-color: darkgray;
    color: white;
    text-align: center;
    border: 1px #000 solid;
}


@media screen and (max-width: 800px) {
    .app-bar.fixed-top {
        position: relative !important;
    }
    .page-content {
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 640px) {
    .page-content {
        padding-top: 32px;
    }
}

.app-bar .logo{
	height:30px;
	display:inline-block;
	margin-top:-8px;
}
.on-left{
	padding-right:8px !important;
	min-width:22px !important;
	text-align:center;
	
}
.table-button{
	white-space:nowrap;
}
.dataTables_empty{
	text-align:center;
	padding:5px 0 !important;
}
td>a{
	text-decoration:none;
	color:inherit !important;
	
}
form.border{
	border:1px #ccc dashed;
	margin:10px 0;
	padding:10px 0 ;
}
table tr.link, table td.link{
	cursor:pointer;
}
footer{
	height:12.3em;
	width:100%;
}
dl.info{
	font-size:1.25em;
}
.info dt, .info dd{
	line-height:2rem !important;
}

td.opsi{
	white-space:nowrap !important;
	
}
.table.th-center thead tr th{
	text-align:center;
	vertical-align:middle;
}
.bd1{
	border:solid 1px !important;
}
.bd2{
	border:solid 2px !important;
}
.bd3{
	border:solid 3px !important;
}
.bd4{
	border:solid 4px !important;
}
.bd5{
	border:solid 5px !important;
}
.rounded{
	border-radius: 50%;
}
.heigh-full{
	height:100% !important;
}
@media print{
	.page-content, .app-bar, footer,dialog-close-button{
		display:none !important;
	}
	.print-content{
		position:fixed;
		top:0;
		left:0;
		float:left;
		padding:0 !important;
		margin:0 !important;
		color:#000000;
	}
	
}
.v-menu li a .icon{
	color:#FFFFFF !important;
}
.nowrap{
	white-space:nowrap !important;
}
.size-x200{
	width:200px !important;
}
form legend{
	font-size: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
}

.print-page{
	display: none;
	position: absolute;
	float: left;
	width: 100%;
	height: 100%;
	background: white;
	z-index: 999999999999;
	content: "";
}
@media print{
	.print-page{
		display: block !important;
		font-size: 13px !important;
	}
}
.backgroud{
	width:21.5cm !important;
	height:7cm !important;
	position:absolute;
	background-image:url(../../assets/img/jw.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:21cm 5.2cm;
	opacity:0.325;
	z-index:-1;
}