.canvas{
			  background-color: #036; 
			  background-image: url(../resourceimage/bg.png);
			  height: 100%; 
			  width:95%;
			  background-attachment: fixed;
			  background-position: bottom right; 
		      background-repeat: no-repeat;
			}
.canvas_body{
			  background-color: #036; 
			  background-image: url(../resourceimage/bg_body.png);
			  height: 100%; 
			  width:95%;
			  background-attachment: fixed;
			  background-position: bottom right; 
		      background-repeat: no-repeat;
			}
.canvas_daftar{
			  background-color: #036; 
			  background-image: url(https://www.lifeofpix.com/wp-content/uploads/2018/05/308-name6012-ake-1-1600x1067.jpg);
			  height: 100%; 
			  width:95%;
			  background-attachment: fixed;
			  background-position: bottom right; 
		      background-repeat: no-repeat;
			}
.content{
	width:100%;
	min-height:700px;
	}
	
.form-control {
    border: 1px solid #CCC;
    background:#fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #333;
	font-size:11.4px;
	height:28px;
}
/*-----------start btn-----------*/
.btn { border-radius: 5px; }
.btn-merah {
color: #fff;
background-color: #C10;
border-bottom:2px solid #600;
}

.btn-merah:hover, .btn-biru.active:focus, .btn-merah:focus, .open>.dropdown-toggle.btn-merah {
color: #fff;
background-color: #900;
border-bottom:2px solid #300;
outline: none;}

.btn-merah:active, .btn-merah.active {
color: #fff;
background-color: #600;
border-top:2px solid #300;
margin-top: 2px;
}

.btn-oranye {
color: #fff;
background-color: #F30;
border-bottom:2px solid #c38a3a;
}

.btn-oranye:hover, .btn-biru.active:focus, .btn-oranye:focus, .open>.dropdown-toggle.btn-oranye {
color: #fff;
background-color: #F60;
border-bottom:2px solid #c4924c;
outline: none;
}

.btn-oranye:active, .btn-oranye.active {
color: #fff;
background-color: #C30;
border-top:2px solid #ab7a33;
margin-top: 2px;
}

.btn-hijau {
color: #fff;
background-color: #090;
border-bottom:2px solid #41996c;
}

.btn-hijau:hover, .btn-hijau.active:focus, .btn-hijau:focus, .open>.dropdown-toggle.btn-hijau {
color: #fff;
background-color: #060;
border-bottom:2px solid #529f78;
outline: none;
}

.btn-hijau:active, .btn-hijau.active {
color: #fff;
background-color: #030;
border-top:2px solid #39865f;
outline: none;
outline-offset: none;
margin-top: 2px;
}

.btn-biru {
color: #fff;
background: #19F;
border-bottom: 2px solid #09A;
}

.btn-biru:hover,.btn-biru.active:focus, .btn-biru:focus, .open>.dropdown-toggle.btn-biru {
color: #fff;
background-color: #09C;
border-bottom: 2px solid #09F;
outline: none;
}

.btn-biru:active, .btn-biru.active {
color: #fff;
background-color: #069;
border-bottom: 2px solid #0CF;
outline-offset: none;
margin-top: 2px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none;
    outline-offset: 0px;
}
/*-----------end btn-----------*/
.dashboard_div{
	padding:10px
	}
.dashboard_div_header{
	padding:5px
	}
.title_dashboard {
	font-size:17px;
	font-weight:bold;
	}
	
/*----*/
#notif{
		background:#F90;
		color:#FFF;
		text-align:center;
		padding:5px;
		font-size:12px;
		font-family:Tahoma, Geneva, sans-serif;
		z-index:1000;
		}
/*-- end notif */

.transparant_box{
	background: rgba(210, 240, 255, 0.4);
	}

.transparant_box .title_dashboard{
	color:#fff;
	}
	
.box_title_custom{
	font-size:15px;
	font-weight:bold;
	padding:0;
	margin:0px;
	padding:8px;
	}

.box-body table th{
	font-size:10.6px;
	font-weight:bold;
	}
.box-body table td, .dataTables_paginate{
	font-size:10.5px;
	font-weight:normal;
	}
.box-body label,.box-body .dataTables_info,  {
	font-size:11.5px;
	font-weight:bold;
	}
.box-body .label{
	font-size:9px;
	font-weight:bold;
	}
	
.drop{
	font-size:11.8px;
	margin-left:-170px;
	
	}

.col-xs-6 label, .dataTables_info{
	font-size:11px;
	}
.paging_bootstrap{
	font-size:10px;
	}
.cust_subscript{
	margin-top:-10px;
	position:absolute;
	}