.error-summary, .alert-error {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
.form-img-preview {width: 100%; max-width: 200px; max-height: 200px; position: relative; margin-bottom: 20px;}
.form-img-preview img {max-width: 100%; height: auto; max-height: 200px;}
.form-remove-pic-button {position: absolute; top: -15px; right: -15px; background: url('../img/form-remove-pic-button.png') no-repeat 0 0; width: 30px; height: 30px; cursor: pointer;}

.access-item {margin-bottom: 30px;}
.access-item label {float: left; width: 20%; margin-right: 1%; height: 56px;}

.label-container .col-md-6 {margin-bottom: 10px;}

/*#preset {display: none;}
.preset-item {margin-bottom: 20px; padding: 3%; border: 1px solid #CCC; background: #FFF; cursor: pointer;}
.preset-item:hover {background: #BBB; color: #FFF;}
.preset-item.active {background: #999; color: #FFF;}*/

@keyframes eventlistonhover {
	from {
		-webkit-box-shadow: 0 0px 6px -6px black;
		-moz-box-shadow: 0 0px 6px -6px black;
		box-shadow: 0 0px 6px -6px black;
	}
	to {
		-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black;
	}
}

.contact-box{border: 1px solid #CCC;}
.contact-box:hover {
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	animation-name: eventlistonhover;
    animation-duration: 0.4s;
}

#deliveryorder-choose_shipping_type label{
	display: block;
}

.modal-dialog {
    width: 80% !important;
}

.select2-container--open{
	z-index:9999999         
}

.col-number {text-align: right;}

.alert{cursor: pointer !important;}

.kv-editable-link {text-align: left;}

@media all and (max-width: 1000px) {
	.preset-item {display: none;}
	#preset {display: block;}
}

.wrapper-content {padding: 20px 10px 90px !important; margin-top: 80px;}
.text-empty{font-size: 18px;}

.page-heading {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
	padding-bottom: 0 !important;
}
.page-heading h2 {float: left; width: 35%; margin-top: 15px;}
.toolbar {position: fixed; right: 30px; top: 14px;}
.navbar-minimalize {padding: 2px 10px;}

.badge-success{background-color: #ebf442; color: #000000}

/* style untuk angka */
.angka{text-align : right;}

.datepicker{z-index:99999 !important;}

.icheck-padding-left-zero {padding-left: 0 !important;}
.icheck-bold-label {font-weight: bold;}
.content-opname img{
	width: 25%;
	height: 20%;
}

.content-opname .year{
	width: 17%;
	height: 35px;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	margin-bottom: 15px;
	background-color: white;
	font-size: 12px;
	line-height: 30px;
	margin-top: -35px;
}

.content-opname #field-year{
	position: relative;
	z-index: 2;
	max-width: 17%;
	margin: auto;
	/*height: 35px;*/
	font-size: 14px;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	margin-top: -35px;
	margin-bottom: 15px;
	font-weight: bold;
}


.content-opname .btn{
	width: 17%;
	font-size: 14px;
}

.text-online-sold{color: red; font-weight: bold; position: relative; display: inline-block;}
.text-online-sold .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #293846;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
}

.text-online-sold:hover .tooltiptext {
  visibility: visible;
}

.ibox-content-gallery{padding-top: 6px;}
.gallery-image-container{height: 200px; display: flex; padding-top: 10px;}
.gallery-image-container img{max-height: 100%; max-width: 100%; margin: auto;}
.hr-gallery{margin-top: 10px; margin-bottom: 10px;}