@media (max-width: 767px) {
  .page-heading small{font-size:12px;}
}

.table-slick{
	height:510px; overflow:hidden;
}
.dashboard-table-responsive{
	height:auto; overflow:hidden;
}

@media (min-width: 768px) {
	.dashboard-table-responsive{
		height:350px; overflow:auto;
	}
}
.msgInfo{width:95%;margin:auto;}
.img-container .img-options{opacity:1;visibility:visible;}
.img-responsive{}
.img-container{}
.element-item{width:30%;}

.label-gray {
  background-color: #c9c9c9;
}
.img-avatar.fingerprint{
   border-radius: 50%;
   display: inline-block !important;
   height: 256px;
   width: 256px;
}
.videoContainer video 
{
	width: 100%;
	height:auto;
}

/*.table-fixed*/
table.dataTable thead > tr > th{
	padding-left: 5px;
    padding-right: 5px;
}


.dropzone{
	min-height:130px;
}

.upload_preview{
	overflow:hide;
	height:160px;
}

.upload_preview img{
	border:1px solid #d8d8d8;
	width:160px;
}

.upload_button_area{
	padding:0px 10px;
}

.side-content{
	padding:13px 20px 24px;
}

.login-page div.content{
	padding: 100px 30px 1px;
}

a.link_red{ color:#c7254e; }
a.link_red:hover{ color:#c7254e; }

.frontend #page-container, .frontend #page-container #main-container{
	background:none !important;
}
.frontend #page-footer{
	background:rgba(0,0,0,0.4);
}

.frontend #page-container #page-footer a.font-w600{ color:#e8e8e8 !important; }
.frontend #page-container #page-footer a.font-w600:hover{ color:#e8e8e8 !important; }


.nav-main a.active {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.2);
}

.form-horizontal .control-label{
	margin-bottom: 0;
    padding-top: 1px;
    text-align: right;
}

/*CUSTOM COLOR*/
.bg-white-op {
    background-color: rgba(25, 89, 171, 1);
}
#sidebar {
    background-color: #4481cd;
    width: 240px;
}
.sidebar-o.sidebar-mini #sidebar .sidebar-content {
    width: 240px;
}
.nav-main a.active, .nav-main a:hover, .nav-main a:focus {
    background-color: rgba(35, 90, 170, 0.8);
    color: rgba(255, 255, 255, 0.7);
	font-weight:bold;
}
.nav-main a {
    color: rgba(255, 255, 255, 0.7);
	font-weight:bold;
}
.nav-main a.text-subtitle {
    color: rgba(255, 255, 255, 0.3);
	font-weight:bold;
}
.nav-main a > i {
    color: rgba(255, 255, 255, 0.7);
    margin-right: 10px;
}
.kapal-foto img{
	border: 5px solid #ccc;
    vertical-align: middle;
    width: 240px;
}