:root {
	--bghitam: #35404F;
	--warnadefault: #0F6B4E;
	--warnahover: #23B287;
	--warnabghover: #98DBBF;
	--warnaorange: #DC9D00;
	--fontdefault: 'Montserrat', sans-serif;
	--fontsecondary: 'Roboto', sans-serif;
	--fontstyle: 'Berkshire Swash', sans-serif;
	--fontsize: 1.2rem;
}

input[type="submit"], input[type="button"], button, .sc_button {
	padding: 5px 0;
}

.table > tbody#tablebody-show-cart > tr > td, .table > tbody#tablebody-show-cart > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	border: 0;
}

.loader img, #listkatalogloader img {
	width: 124px !important;
}

.btn {
	border-radius: 3px;
}

.btn:hover, .btn:active, .btn:focus {
	color: #FFF !important;
}

.btn.btn-block {
	/*padding: 5px 0;*/
}

.w label {
	padding: unset;
}

.w .checkbox-input {
	padding-left: 5px;
}

.w .checkbox-input label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
	font-weight: 400;
	font-size: 12px;
}

.w input[type="checkbox"],
.w input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

.w figure,
.w .sc_image {
	overflow: unset;
}

.w .panel-body {
	padding: 15px 25px;
}

.alert-info {
	/*background-color: #23CDFF;*/
}

.alert-warning {
	background-color: #FFC571;
}

.text-primary {
	color: var(--warnadefault) !important;
}

.panel.panel-primary .panel-heading,
.checkbox-input.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color: var(--warnadefault) !important;
}

.panel.panel-primary {
	border-color: #FFF !important;
}

.checkbox-input.checkbox-primary label::before, .btn-common {
	border: 1px solid var(--warnahover) !important;
	color: var(--warnahover) !important;
}

.btn-common:hover, .btn-common:focus {
	background-color: var(--warnabghover) !important;
	color: #FFF !important;
}

a:hover, a:active, a:focus {
	/*color: var(--warnahover) !important;*/
}

.thumbnail.store .caption .price span.amount.text-primary {
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS" !important;
}

.form-control:hover, .form-control:focus,
.panel.panel-primary .panel-heading {
	border-color: var(--warnadefault) !important;
}


#header .navbar-inverse .navbar-nav li.active > a, #header .navbar-inverse .navbar-nav li.active > a:focus, #header .navbar-nav.navbar-right li > a:hover, .navbar-inverse .navbar-nav > .open > a {
	color: var(--warnadefault) !important;
}

#header .navbar-nav.navbar-right > li a {
	font-weight: bold !important;
	font-family: var(--fontsecondary);
}

#header .navbar-inverse .navbar-toggle:hover {
	background: var(--warnadefault) !important;
}

#mejatext b {
	color: gray;
}

.divlistload li img {
	width: 56px !important;
	height: 56px !important;
}

.divlistload li div.key {
	padding: 2px 10px;
	line-height: 50px;
	color: var(--warnadefault) !important;
}


ul.divlistload li:first-child {
	margin-top: -20px !important;
}

li.listdegradasi:not(:first-child) {
	margin-top: 10px !important;
}

li.listdegradasi {
	padding: 2px 10px !important;
}

li.listdegradasi > img {
	padding: 0 !important;
	margin-left: -10px;
	margin-top: -1px;
}

.listdegradasi {
	background: var(--warnadefault) !important;
	/*border-radius: 3px;*/
}

.listdegradasi b {
	color: #FFF !important;
}

input[type=submit].login {
	padding: 6px 12px !important;
}


.breadcrumbs ul li {
	font-size: inherit !important;
}

@media only screen and (max-width: 768px) {
	.navbar-header .navbar-toggle .icon-bar {
		background-color: var(--warnadefault) !important;
	}

	#header .navbar-inverse .navbar-toggle:hover .icon-bar {
		background: #FFF !important;
	}

	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
		background-color: var(--warnadefault) !important;
	}


	.navbar-header .navbar-toggle:focus .icon-bar {
		background-color: #FFF !important;
	}

}

#home-slider .preloader > i {
	color: var(--warnadefault) !important;
}


.panel-heading {
	border-radius: 3px 3px 0 0 !important;
}


.single-service p,
.action.take-tour p {
	line-height: 30px;
	text-align: justify;
	font-family: var(--fontsecondary);
}

.copyright-text.text-center p {
	font-family: var(--fontsecondary);
}


#show-cart-top .product-details strong, #show-cart-top .product-details p, #show-cart-top .product-details p a, #show-cart-top .product-details span {
	font-size: 10px;
}

div.dataTables_filter input, .chosen-container-single .chosen-search input, .input, .form-control, .dataTables_length select, .chosen-container-multi, .bootstrap-timepicker-widget table td input, .ui-toolbar select, .ui-toolbar input {
	box-shadow: unset;
	-webkit-box-shadow: unset;
}


.sun {
	background-color: #FFFFFF;
	background-image: url("../images/food.png") !important;
	background-repeat: unset !important;
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}


@font-face {
	font-family: E111Psto;
	src: url(../fonts/Montserrat/Monstserrat-Reguler.ttf);
}

* {
	/*font-family: var(--fontdefault);
	font-size: var(--fontsize);*/
}

body,
.topBar,
.footer {
	/*background-color: var(--bghitam) !important;*/
	/*background-color: #FFF !important;*/
}

.loader {
	position: fixed;
	border-radius: 50%;
	display: none;
	z-index: 200003;
	left: 50%;
	top: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	background: #E1F0F5;
}

#listkatalogloader img {
	border-radius: 50%;
	background: #E1F0F5;
}

button {
	height: unset !important;
	border: unset !important;
	border-radius: unset !important;
}

p,
.caption h6 a {
	font-family: var(--fontdefault);
}

.caption h6 a,
h2.regular a,
h2.title,
.nav-tabs.style2 li a,
.nav-pills.style2 li a {
	font-weight: bold;
}

.nav-tabs.style2 li a {
	font-size: 15px;
}

.nav-tabs.style2 li.active a {
	color: var(--warnadefault);
}

label,
label.label {
	font-size: var(--fontsize);
}

.abrow .samadengan {
	padding: 2px 0;
}

/*.form-control,
input[type=file].form-control,
input[type=text].form-control, input[type=password].form-control, select.form-control, textarea.form-control{
  font-family: var(--fontdefault);
  font-size: 13px;
  border-radius: 0 !important;
  outline: none;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555 !important;
  background-image: none;
  border: 1px solid #ccc !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.form-control{
  height: auto !important;
  line-height: unset !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  background-color: #ffffff;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  display: block;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
}*/

.topBar ul.topBarNav li ul {
	z-index: 1000;
}


h1, h2, h3, h4, h5, h6,
.alt-font {
	font-family: var(--fontdefault);
	font-weight: bold;
}

.fontstyle {
	font-family: var(--fontstyle);
}

.footer {
	background-color: var(--bghitam) !important;
}

.nav-pills.style2 li.active a,
.nav-pills.style1 li.active a {
	background-color: var(--warnadefault) !important;
}

.nav-pills.style2 li a:hover, .nav-pills.style2 li a:active, .nav-pills.style2 li a:focus {
	color: #35404F !important;
}

.nav-pills.style2 li.active a:hover,
.nav-pills.style1 li.active a:hover,
.nav-pills.style1 li.active a:focus {
	background-color: var(--warnadefault);
	color: #FFF !important;
}

.nav-pills.style1 li a:hover {
	background-color: rgba(0, 0, 0, 0.06);
}

.nav-pills.style1 li.active a h5 {
	color: #FFFFFF;
}

.icon.semi-circle .fa {
	line-height: 35px;
}

.toggleButtonSettings .fa {
	line-height: 60px;
}

.breadcrumbs .container ul {
	text-align: left;
}

.breadcrumbs ul li {
	font-weight: bold;
}

.breadcrumbs ul li.active {
	font-weight: normal;
}

.pace .pace-progress {
	background: var(--warnadefault) !important;
}

/*.loader{
  background-color: #FFF;
}*/
.toggleButtonSettings {
	display: none;
}

.yamm {
	/*background-color: #795548 !important;*/
	background-color: var(--bghitam) !important;
}

.yamm .navbar-nav > li > a,
.yamm .navbar-nav > li.active > a,
.yamm .navbar-nav > li > a:hover {
	text-transform: uppercase;
	font-weight: bold !important;
}

.yamm .navbar-nav > li > a,
.yamm .navbar-nav > li.active > a,
.yamm .navbar-nav > li > a:hover {
	/*color: #FFB74D !important;*/
	color: #FFF !important;
}

.topBar ul.topBarNav li a:hover {
	color: var(--warnadefault) !important;
}

.topBar,
.topBar a {
	/*color: #FFF !important;*/
}


/*.footer p.copyright a{
  color: var(--warnadefault;
}
.footer p.copyright a:hover{
  color: #FFFFFF;
}*/

.swiper-wrapper h1.text-white {
	font-family: 'E111Psto';
	color: #D49C20;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 10px 20px;
	border-radius: 50px;
}

figure.layer {
	height: 190px;
}

#div-listbarang figure.layer {
	height: 140px;
}

/*@media (min-width: 767px){
  .yamm .navbar-nav > li.active > a,
  .yamm .navbar-nav > li > a:hover{
    border-top: 2px solid #FFB74D !important;
  }
}*/

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.owl-stage-outer {
	text-align: left;
}

.thumbnail.store {
	text-align: left;
	padding: 15px 25px 0px 25px;
	background-color: white;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 2px;
}

.row [class*="col-sm"] {
	text-align: left;
}

.row.text-center [class*="col-sm"] {
	text-align: center;
}

.owl-theme .owl-dots .owl-dot {
	outline: none;
}

.alert.alert-default {
	background-color: #F7F7F7;
	color: #35404F;
}

/*input[type=submit],
input[type=file],
input[type=reset],
button{
  border-radius: unset;
  height: unset !important;
  min-height: unset;
  padding-left: 23px;
  padding-right: 23px;
}*/
.btn.btn-default {
	color: #FFFFFF !important;
	background-color: var(--warnadefault) !important;
	border: 1px solid var(--warnadefault) !important;
}

.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus {
	color: #FFFFFF !important;
	border: 1px solid var(--warnahover) !important;
	background: var(--warnahover) !important;
}

.btn.btn-gray {
	color: #FFFFFF !important;
	background-color: #878C94 !important;
	border: 1px solid #878C94 !important;
}

.btn.btn-gray:hover, .btn.btn-gray:active, .btn.btn-gray:focus {
	color: #FFFFFF !important;
	background-color: #7A7F88 !important;
	border: 1px solid #7A7F88 !important;
	background: unset;
}

.btn.btn-default.dropdown-toggle {
	color: #555 !important;
	background-color: white !important;
	border: 1px solid #CCC !important;
	font-size: 13px;
	padding-left: 8px;
}

span.text, .no-results {
	font-size: 13px;
}

input[type=submit] {
	background: unset;
}

.thumbnail.store .caption .price .amount, h4.text-primary {
	font-family: 'Arimo', serif !important;
}

.modal-content .modal-header button.close {
	height: 28px !important;
	border: unset !important;
}

.modal-content .modal-header button.close:hover {
	color: #FFF !important;
}

a.btn.btn-default.btn-md.semi-circle.btn-shadow {
	color: #DC9D00 !important;
	background-color: rgba(0, 0, 0, 0.3) !important;
	border: 0px solid #000 !important;
}

a.btn.btn-default.btn-md.semi-circle.btn-shadow:hover {
	color: #FFF !important;
}

.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--warnaorange) !important;
}

.caption p,
.blog-description p {
	text-align: justify;
}

.alertify-notifier .ajs-message.ajs-visible {
	padding: 10px 15px;
}

.thumbnail.store.style1 .header .icons .icon {
	background-color: rgba(255, 255, 255, 0.8);
}

.pagination li a {
	background-color: white;
	padding: 6px 12px;
	border: 1px solid #DDD;
	margin-left: -1px;
}

.pagination li.active a,
.pagination li.active a:hover {
	background-color: var(--warnadefault);
	border: 1px solid var(--warnadefault);
	color: white;
}

.product-slider .carousel-inner {
	border: 1px solid #F7F7F7;
}

.zoomLens {
	border-color: var(--warnadefault) !important;
}

.table.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.02);
}

.image-resize {
	object-fit: cover;
	object-position: center center;
}

.image-resize-124 {
	height: 115px !important;
}

.image-resize-139 {
	height: 130px !important;
}

.image-resize-172 {
	height: 150px !important;
}

.thumbnail.store .caption .price .amount {
	font-size: 16px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	border: none !important;
	/*height: unset !important;
	border-radius: unset !important;
	cursor: unset !important;
	min-height: unset !important;
	display: unset !important;
	line-height: unset !important;
	min-width: unset !important;
	text-align: unset !important;
	background:0 0 !important;
	color:inherit !important;
	padding:0 !important;
	font:inherit !important;*/
}

/*DIALOG BOX*/
.drag {
	display: none;
	position: fixed;
	/*
		border-bottom-right-radius : 6px;
		border-bottom-left-radius:6px;*/
	cursor: move;
	top: 50%;
	left: 50%;
	margin: 0;
	z-index: 200002;
	/*padding:2px 6px 6px 6px;*/
	padding: 0;
	margin-right: -50%;
	transform: translate(-50%, -50%) !important;
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	/*box-shadow: 0 5px 15px rgba(0, 0, 0, .5);*/
	/*border: 1px solid rgba(0, 0, 0, .2);*/
	border-radius: 6px;
	/*height: 70%;*/
}

.drag .head {
	cursor: move;
	min-height: 24px;
	font-weight: bold;
	padding: 10px 4px 10px 10px;
	background: whitesmoke;
	color: #666;
	border-radius: 6px 6px 0 0;
	/*border-bottom: 1px solid #FFF;*/
}

.drag .head .close:before {
	float: right;
	position: absolute;
	top: 8px;
	right: 8px;
	content: "\f00d";
	font-family: FontAwesome;
	color: red;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.drag .konten {
	background: #FFF;
	cursor: default;
	padding: 2px 10px 6px 10px;
	border-radius: 0 0 6px 6px;
}

.dialogboxcenter {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 200004;
	padding-top: 200px;
}

.dialogboxoverlay {
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #000;
	height: 100%;
	width: 100%;
	z-index: 200001;
}

.dialogbox {
	background: #006687;
	border-radius: 7px;
	z-index: 200005;
	width: 90%;
	max-width: 500px;
	max-height: 580px;
	padding: 1px;
}

.dialogbox > div {
	margin: 0px;
	border-radius: 5px;
}

.dialogbox > div > .dialogboxhead {
	background: -moz-linear-gradient(#00CCCC, #009999);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	color: #FFF;
}

.dialogbox > div > .dialogboxheadsalah {
	background: -moz-linear-gradient(top, rgba(255, 231, 227, 1) 0%, rgba(196, 47, 13, 1) 86%);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	color: #FFF;
}

.dialogbox > div > .dialogboxbody {
	background: #00CCC0;
	padding: 10px;
	color: #000;
	overflow: auto;
	max-height: 500px;
}

.dialogbox > div > .dialogboxfoot {
	background: #00CCC0;
	padding: 2px;
	padding-right: 4px;
	text-align: right;
}

/*.close{
  color: red !important;
  opacity: 0.7 !important;
}
.close:hover{
  opacity: 0.8 !important;
}*/
.modal-content {
	background-color: #FFF !important;
}

/*END DIALOG BOX*/


@media (min-width: 768px) {
	.container {
		width: 750px !important;
	}

	.product-slider .carousel-control .fa-angle-left,
	.product-slider .carousel-control .fa-angle-right {
		top: 45% !important;
	}

	.nav-pills.style2 li.active a:after {
		border-top-color: var(--warnadefault);
	}

	.nav-pills.style2 li.active a:before {
		border-top-color: transparent;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px !important;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1170px !important;
	}
}

@media (max-width: 768px) {
	.image-resize-124,
	.image-resize-139,
	.image-resize-172 {
		height: 110px !important;
	}

	.yamm .navbar-toggle:hover, .yamm .navbar-toggle:active, .yamm .navbar-toggle:focus {
		background-color: var(--warnadefault);
		border-color: var(--warnadefault);
	}
}


/*STYLE AZIS*/
.abrow input[type=text], .abrow input[type=password], .abrow label {
	padding: 6px 8px;
	display: inline-block;
	color: #000 !important;
}

.abrow. select {
	padding: 5px 8px;
	display: inline-block;
}

.abrow input[type=text], .abrow input[type=password], .abrow. select, .abrow textarea {
	width: 100% !important;
	line-height: none;
	height: 32px !important;
	border: 1px solid #CCC;
	border-radius: 4px;
	box-sizing: border-box;
}

.tombol {
	width: calc(100% - 12px) !important;
}

.tombol, .abrow input[type=submit], .abrow input[type=file], .abrow input[type=reset], .abrow table .tombol {
	padding: 2px 8px;
}

.tombol, .abrow input[type=file], .abrow input[type=reset], .abrow button, .abrow table .tombol {
	height: 32px !important;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	color: #FFF !important;
	border: #006666 1px solid !important;
	min-height: 24px;
	display: inline-table;
	line-height: 24px;
	min-width: 10px;
	padding-right: 6px;
	padding-left: 6px;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0088b2+0,006699+100 */
	background: #0088B2; /* Old browsers */
	background: -moz-linear-gradient(top, #0088B2 0%, #006699 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0088B2 0%, #006699 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0088B2 0%, #006699 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088b2', endColorstr='#006699', GradientType=0); /* IE6-9 */
}

.abrow input[type=file] {
	height: auto !important;
}

.abrow input[type=text]:focus, .abrow input[type=password]:focus, .abrow input[type=date]:focus, .abrow input[type=datetime]:focus, .abrow input[type=number]:focus,
.abrow input[type=search]:focus, .abrow input[type=time]:focus, .abrow input[type=url]:focus, .abrow input[type=email]:focus, .abrow textarea:focus,
.abrow select:focus {
	-moz-box-shadow: 0 0 8px #88D5E9;
	-webkit-box-shadow: 0 0 8px #88D5E9;
	box-shadow: 0 0 8px #88D5E9;
	border: 1px solid #88D5E9;
}

/* For mobile phones: */
.abrow .input {
	height: auto !important;
	padding: 0px !important;
	margin: auto !important;
	border: 0px;
}

.abrow [class*="col-"] {
	width: 100%;
}

@media only screen and (max-width: 460px) {
	.panel .panel-body .row .col-sm-3 {
		text-align: left !important;
		line-height: 0px !important;
	}

	.row.form-row .abrow label {
		text-align: left !important;
	}
}

@media only screen and (max-width: 650px) {
	/* For tablets: */
	.abrow .col-p-1 {
		width: 8.33%;
	}

	.abrow .col-p-2 {
		width: 16.66%;
	}

	.abrow .col-p-3 {
		width: 25%;
	}

	.abrow .col-p-4 {
		width: 33.33%;
	}

	.abrow .col-p-5 {
		width: 41.66%;
	}

	.abrow .col-p-6 {
		width: 50%;
	}

	.abrow .col-p-7 {
		width: 58.33%;
	}

	.abrow .col-p-8 {
		width: 66.66%;
	}

	.abrow .col-p-9 {
		width: 75%;
	}

	.abrow .col-p-10 {
		width: 83.33%;
	}

	.abrow .col-p-11 {
		width: 91.66%;
	}

	.abrow .col-p-12 {
		width: 100%;
	}

	.td1 {
		display: none;
	}

	.td2 {
		display: none;
	}

	.td3 {
		display: table-cell;
	}

	.abrow .label {
		display: inline-block;
		float: left;
		text-align: left;
	}

	.abrow .samadengan {
		display: inline-block;
		float: left;
		padding: 6px 0px;
		text-align: left
	}

	.abrow .input {
		width: calc(100% - 16px) !important;
		padding: 0px 8px !important;
		display: inline-block;
		text-align: left
	}

	.menuweb {
		display: none;
	}
}

@media only screen and (min-width: 651px) {
	/* For tablets: */
	.abrow .col-m-1 {
		width: 8.33%;
	}

	.abrow .col-m-2 {
		width: 16.66%;
	}

	.abrow .col-m-3 {
		width: 25%;
	}

	.abrow .col-m-4 {
		width: 33.33%;
	}

	.abrow .col-m-5 {
		width: 41.66%;
	}

	.abrow .col-m-6 {
		width: 50%;
	}

	.abrow .col-m-7 {
		width: 58.33%;
	}

	.abrow .col-m-8 {
		width: 66.66%;
	}

	.abrow .col-m-9 {
		width: 75%;
	}

	.abrow .col-m-10 {
		width: 83.33%;
	}

	.abrow .col-m-11 {
		width: 91.66%;
	}

	.abrow .col-m-12 {
		width: 100%;
	}

	.td1 {
		display: none;
	}

	.td2 {
		display: table-cell;
	}

	.td3 {
		display: table-cell;
	}

	.abrow .label {
		width: calc(23% - 16px) !important;
		display: inline-block;
		float: left;
		text-align: left;
		margin: 4px 0px;
	}

	.abrow .samadengan {
		width: 2% !important;
		display: inline-block;
		float: left;
		padding: 6px 0px;
		margin: 4px 0px;
	}

	.abrow .input {
		width: 75% !important;
		display: inline-block;
		text-align: left;
		margin: 4px 0px;
	}

	.menuweb {
		display: block;
	}
}

@media only screen and (min-width: 1000px) {
	/* For desktop: */
	.abrow .col-1 {
		width: 8.33%;
	}

	.abrow .col-2 {
		width: 16.66%;
	}

	.abrow .col-3 {
		width: 25%;
	}

	.abrow .col-4 {
		width: 33.33%;
	}

	.abrow .col-5 {
		width: 41.66%;
	}

	.abrow .col-6 {
		width: 50%;
	}

	.abrow .col-7 {
		width: 58.33%;
	}

	.abrow .col-8 {
		width: 66.66%;
	}

	.abrow .col-9 {
		width: 75%;
	}

	.abrow .col-10 {
		width: 83.33%;
	}

	.abrow .col-11 {
		width: 91.66%;
	}

	.abrow .col-12 {
		width: 100%;
	}

	.td1 {
		display: table-cell;
	}

	.td2 {
		display: table-cell;
	}

	.td3 {
		display: table-cell;
	}
}

.abrow {
	line-height: 16px !important;
}

.abrow div {
	margin-bottom: 4px;
}

.abrow::after {
	content: "";
	clear: both;
	display: block;
}

.abrow [class*="col-"] {
	float: left;
	padding: 0px;
}

.menutab {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid #E7E7E7;
	background-color: #F3F3F3;
}

.menutab li {
	float: left;
	cursor: pointer;
}

.menutab li a {
	display: block;
	color: #003;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px 12px;
	text-decoration: none;
}

.menutab li a:hover:not(.active) {
	background-color: #DDD;
}

.menutab li a.active {
	color: white;
	background-color: #008CD0;
}

.divlistsearch {
	border: 1px solid #999999;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #F9F9F9;
	border-top: 0px;
	padding: 6px;
	display: none;
	position: absolute;
	z-index: 2000;
}

.divlistbox {
	position: relative;
	font-size: 10px;
}

.divlistbox button {
	min-height: 32px;
	background: url(../images/arrowdownsmall.png) no-repeat whitesmoke right !important;
	background-position: right 6px bottom 50% !important;
	border-radius: 2px 2px 0 0 !important;
	cursor: pointer;
	opacity: 0.8;
	font-size: 11px;
	color: #036 !important;
	border: 1px solid #A2A2A2 !important;
}

.divlistbox button:hover {
	background-color: transparent !important;
}

.inputfilter {
	/*padding-left: 28px !important;*/
	height: 24px;
	width: calc(100% - 16px) !important;
	background: url(../images/search-white.png) no-repeat 10px 6px #FFFFFF;
	margin-bottom: 10px;
}

#divlistdata {
	overflow: auto;
	max-height: 300px;
	background-color: whitesmoke;
}

#divlistdata ul {
	margin-top: 0px;
}

#divlistdata li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 4px;
	min-height: 16px;
	border-bottom: solid 1px whitesmoke;
	cursor: pointer;
}

.divlistload {
	overflow: auto;
	max-height: 300px;
	background-color: #F9F9F9;
	/*padding-right: 20px;*/
	border-top: 1px solid whitesmoke;
	border-bottom: 1px solid whitesmoke;
}

.divlistload ul {
	margin-top: 0px;
}

.divlistload li {
	list-style: none;
	/*margin: 0px 0px 0px -40px;*/
	/*padding: 4px;*/
	min-height: 16px;
	border-bottom: solid 1px whitesmoke;
	cursor: pointer;
	background-color: white;
}

.dataTables_length select,
div.dataTables_filter input,
input.form-control,
select.form-control {
	height: 32px !important;
}

.dataTables_length select {
	width: 41px !important;
	margin-right: 5px !important;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
	width: 50px !important;
}

.daterangepicker {
	z-index: 2000003 !important;
}

#listkatalogloader {
	text-align: center !important;
}

.text-animasi {
	font-weight: bold;
	text-align: center;
	background: linear-gradient(to right, var(--warnadefault) 20%, var(--warnaorange) 40%, var(--warnaorange) 60%, var(--warnadefault) 80%);
	background-size: 200% auto;
	color: #FFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shine 5s linear infinite;
}

.topBar ul.topBarNav li a:hover {
	color: rgba(255, 255, 255, 0.5) !important;
}


@keyframes shine {
	to {
		background-position: 200% center;
	}
}


@media (max-width: 767px) {
	div[class^="col-"] {
		margin-bottom: 0;
	}
}


@media only screen and (max-width: 456px) {
	/*#header {
		padding-top: 40px !important;
	}
	.topBar{
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}*/
}

/*END*/