.count
{
  color:white;
  font-size:50px;
}

#loading { margin-top:75px; display:none; margin-left:500px; position: fixed; z-index: 9999;}

#loading2 { 
	margin-top:250px; 
	margin-left:700px; 
	position: fixed;  
	z-index: 9999; 
}

#gambar-slider  img  { 
	max-width:300px;
	
}

.loading{ 
	margin-top:250px; 
	margin-left:700px; 
	position: fixed;  
	z-index: 9999; 
	height:50px;
}

.batas-export {
	margin-top:6px; ;
}

#loadingImg
{
	margin-left:140px;
}


.loading2
{
background: url('loader-ok.gif') no-repeat center;	
display:none; 
position: fixed; 
z-index: 999; 
margin-top:190px; 
margin-left:432px;	
width:128px;
height:15px;
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
}



.loading-spiner
{
background: url('loader-muter.gif') no-repeat center;	
/*display:none; */
position: absolute; 
z-index: 999; 
margin-top:530px; 
margin-left:140px;	
width:50px;
height:50px;
transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
}

#slider  img  { 
	max-width:180px;
	margin-left:150px;
	margin-top:20px;
	margin-bottom:20px;	
}


#profile  img  { 
	max-height:130px;
	margin-left:140px;
	margin-top:20px;
	margin-bottom:20px;	
}

#produk  img  { 
	max-height:130px;
	margin-left:150px;
	margin-top:20px;
	margin-bottom:20px;	
}

#detail-produk  img  { 
	max-height:130px;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:20px;	
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.4); /* IE */
  -moz-transform: scale(1.4); /* FF */
  -webkit-transform: scale(1.4); /* Safari and Chrome */
  -o-transform: scale(1.4); /* Opera */
  padding: 10px;
  margin-right:5px;
}

/* The container */
.container2 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 25px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 3px;
  background-color: #d4d2d2;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container2 .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#LoadingDulu {
  position: fixed;
  top:0px;
  width: 100%;
  z-index: 99999;
}

#LoadingContent {
  height: 30px;
  margin-top: 20px;
  margin-left: 600px;
  width: 180px;
  background: #ff005e;
  text-align: center;
  line-height: 29px;
  font-weight: bold;
  color: #fff;
}

/* untuk addd multiple */

.imagePreview {
    width: 100%;
     height: 200px;
    background-position: center;
  background:url(no-foto.jpg);
  background-color:#fff;
    background-size: cover;
  background-repeat:no-repeat;
    display: inline-block;
  box-shadow:0px 2px 6px 2px rgba(0,0,0,0.2);
}

.imagePreview2 {
    width: 100%;
     height: 170px;
    background-position: center;
  background:url(no-foto_landscape.png);
  background-color:#fff;
    background-size: cover;
  background-repeat:no-repeat;
    display: inline-block;
  box-shadow:0px 2px 6px 2px rgba(0,0,0,0.2);
}

.other-img {display:inline-block; position:relative; margin-bottom:10px; margin-left:5px;}
.other-img a {position:absolute; right:0; top:0; /*background-color: #fff;*/ color:red; padding: 0px 0px;}
/*.other-img a :hover {color:blue;}*/