@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;
}

.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;
}

.info-produk{
	padding: 10px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    margin-top: 5px;
    background: #e5eff7;
}
.info-aktivasi{
	padding: 10px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    margin-top: 5px;
    background: #e5eff7;
}


.main-content-area{
 position: relative;
}

/* ==============================
   Page loader
   ============================== */
.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;	
}

.loader-area{
 position: absolute; top:0px; left:0px; width:100%; height:100%; z-index: 100000; background:rgba(249, 249, 249, 0.85); display:none;
}

.loader-sub-area{
 text-align:center; min-height: 250px; position: relative;
}

.loader-text{
  width: 100%;
 /* height: 50px;*/
  position: absolute;
  top: 75%;
  left: 0px;
  /*margin: -25px 0 0 -45px;*/
  font-size: 12px;
  text-align:center;
  color:#aaa;
}

.loader{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0, 0.08);
  border-right: 1px solid rgba(0,0,0, 0.08);
  border-bottom: 1px solid rgba(0,0,0, 0.08);
  border-left: 1px solid rgba(0, 138, 228, 1);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  
  z-index: 100001;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}