/* Search Products */
.search-products {
	width: 100%;
	background: #0B5DAF;
	padding:20px 20px 15px 20px;
	color:#fff;
	/*border:2px solid #2c3e50;*/
}

.search-products label {
	font-weight: bold;
}
.labeled {
	margin-top: 10px;
	height: 15px;
}

.search-products button:hover {
	background: #fff;
	color:#D8373E;;
}

/*YOUR CUSTOM STYLES*/
 .thumbnail-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.thumbnail-list li{
    margin-bottom: 10px;
}

.thumbnail-image-product {
	width: 100px;
	height: 100px;
	object-fit:cover;
}

.box-store-list {
	margin-bottom: 20px;
	border:2px solid#C5282F;

}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #D8373E;
    border-color: #C5282F;
    cursor: default;
    border-radius: 0px !important;
}

.store-img {
	width:100%;
	min-height: 322px;
	max-height:332px;
	object-fit:cover;
	border-radius: 3px;
	border:2px solid#ccc;
}

.store-contact {
	background: #404040;
    padding: 20px;
    border-radius: 4px;
    color: #fff;
}

.box-store-list img {
	width:100%;
	min-height: 110px;
	max-height: 110px;
	border:2px solid#ed6d71;
	background: #fff;
	border-radius: 50%;
	object-fit:cover;
}

.box-store-list .col-sm-3  , .box-store-list .col-sm-4{
	background: #D8373E;
	padding: 15px;
	border-right:2px solid#C5282F;
}

.box-store-list .col-sm-9 , .box-store-list .col-sm-8 {
	padding: 15px;
}

.box-store-list .page-title {
	font-size: 14px;
	margin-bottom: 3px;
}

.image-product-related {
	width: 100%;
	min-height: 78px;
	max-height: 78px;
	object-fit:cover;
}

.img-mini-cart {
	width: 100%;
	height: 80px;
	object-fit:cover;
}

.text-black {
	color: #777777;
}
.main-slider {
	width: 100%;
	height: 473px;
	overflow: hidden;
}

.img-product-list {
    height: 258px;
    object-fit: cover;
}

.img-category {
	display: inline;
	width: 20px;
	height: 20px;
}
.cover{
    object-fit:cover;
    width: 100%;
}

.text-danger {
	color: #A11010;
}

.text-muted ,a.text-muted {
	color:#a1a1a1 !important;
}

a.text-muted:hover {
	color: #a11010;
	text-decoration: none;
}

.text-primary {
	color: #2974c1;
}

.text-info {
	color: #29b3c1;
}

.header-a {
	color: #4a4a4a;
	text-decoration: none;
}

.header-a:hover {
	color: #4a4a4a;
	text-decoration: none;
}

.img-slider {
	width:100%;
	height:473px !important;
	object-fit:cover;
}

.header-attribute {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 12px;
	padding:5px 8px 5px 8px;
	background: #ccc;
	color: #222;
	border-radius: 2px;
}

.text-default {
	color: #4d4d4d;
}

.text-white {
	color: #fff;
}

.text-warning {
	color: #f89406;
}	
.no-margin {
	margin: 0 !important;
}

.bottom-mini {
	margin-bottom: 5px;
}
.text-success {
	color: #2eae2e;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

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

.text-justify {
	text-align: justify;
}

.text-small {
	font-size: 12px;
}

.gap {
	height: 30px;
}

.gap-small {
	height: 15px;
}

.no-padding {
	padding: 0;
}

.no-float {
	float: none;
}

.margin-center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.list-article {
	border-bottom: 1px solid#ddd;
	margin-bottom: 15px;
}

.vlog-gallery {
	width: 100%;
}

.vlog-gallery .span4 {
	padding:20px;
}

.text-mini {
	font-size: 10px;
}

.pengaduan-home {
	padding: 20px 30px 20px 30px;
    background: #d4d4d4;
    border-radius: 8px;
    border: 1px solid#cdcdcd;
    color: #616161;
}

.border-brown {
	height: 10px !important;
	min-height: 10px !important;
	background: #251714;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.pengaduan-home img {
	border-radius: 50%;
    overflow: hidden;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 3px solid#9d9d9d;
}
.youtube-home {
	padding: 20px;
	background: #251714;
	border-radius: 8px;
	box-shadow: 1px 1px 1px #140b0a;
}

.youtube-home a {
	position: relative;
}

.youtube-home p {
	margin: 0;
	margin-top:10px;
	color: #F4F446;
	font-weight: bold;
}

.youtube-home iframe , .youtube-home a img{
	width: 100%;
	height: 220px;
	border:3px solid#352522;
	object-fit:cover;
}
.pull-right {
	float: right;

}

.pull-left {
	float: left;
}
.pull-right:after  ,.pull-left:after {
	clear: both;
}

/* TABLE SECTION */
table.table-default , table.table-small {
	width: 100%;
	display: block;
	overflow-x:hidden;
}


table.table-default tr td , table.table-default tr th {
	padding: 5px;
}

table.table-small tr td , table.table-small tr th {
	padding: 3px;
	font-size: 11px;
}

table tr td[muted] {
	color: #a1a1a1;
}

table tr td[center] {
	text-align: center;
}

table tr td[left] {
	text-align: left;
}

table tr td[top] {
	vertical-align: top;
}


table tr td[right] {
	text-align: right;
}

table tr td[justify] {
	text-align: justify;
}

table tr[active-primary] {
	background: #a9bfff;
}

table tr[active-danger] {
	background: #ffa9a9;
}

table tr[active-warning] {
	background: #faffa9;
}

table tr[active-info] {
	background: #a9fff3;
}

table tr[active-success] {
	background: #a9ffac;
}

.box-store {
	border:2px solid#ccc;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 100%;
	height: 100px;
}

.box-store .col-sm-3{
	background: #D8373E;
	color: #fff;
	padding: 10px;
	text-align: center;
	height: 100%;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.box-store .col-sm-3 img {
	margin-right: auto;
	margin-left: auto;
	width: 75px;
	height: 75px;
	object-fit:cover;
	border-radius: 50%;
	overflow: hidden;
	border:2px solid#ed5e63;
}

.box-store .col-sm-9 {
	padding: 10px;
}


.slider-content {
	position: absolute;
    top: 80%;
    background: rgba(0, 0, 0, 0.55);
    width: 100%;
    /* height: 95px; */
    height: 20%;
    overflow: hidden;
    padding:10px;
    color: #fff;
    text-align: left;
}

.twitter-plugin {
	width: 100%;
	max-height: 315px;
	overflow-y:auto;
	box-shadow: 1px 1px 1px #ccc;
}

::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #AAA;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}

ul.kategori {
	width: 100%;
}

ul.kategori li:before {
	content: "\f054";
    font-family: FontAwesome;
    padding-right: 8px;
    color: #191919;
}

ul.kategori li {
	margin-bottom: 8px;
	list-style: none;
}

ul.kategori li a  {
	font-size: 14px;

}

.text-brown {
	color: #251714;
}

.text-yellow {
	color: #e7e748;
}
.brown-header-block {
	padding: 1px 8px 1px 8px;
    background: #251714;
    font-family: 'Alegreya Sans', sans-serif;
    color: #fff;
    
    font-size: 23px;
    display: inline-block;
    border:1px solid#190f0d;
}

.yellow-header-block {
	padding: 1px 8px 1px 8px;
    background: #f4f446;
    color: #251714;
    font-weight: bold;
    border: 1px solid#e7e748;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 23px;
    display: inline-block;
}

.owl-prev , .owl-next {
	background: #A11010 !important;
	color: #fff !important;
}

.block-label {
	padding: 20px;
    background: #e2e2e2;
    box-shadow: 0.4px 0.5px 0.5px #AAA;
}

img.show-preview {
	width: 100%;
	height: auto;
	max-height: 500px;
	object-fit:cover;
	border:1px solid#ddd;
}

.block-map-polsek {
	background: #251714;
	color: #fff;
	padding: 20px 30px 20px 30px;
	border:1px solid#160d0b;
	width:100%;
}
.block-map-polsek .map-polsek {
	width: 100%;	
	background: #fff;
	border:3px solid#3d2a26;
	border-radius: 3px;
}

.map-polsek iframe {
	width: 100%;
	height: 400px;
}

.logo-home {
	height: 80px;
    background: #251714;
    padding: 10px;
    border-radius: 5px;
}

.main-description{
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 30px;
	text-align: center;
	display: block;
}

.tupoksi-detail {
	border:4px solid#634d48;
	border-left:10px solid#634d48;;
	border-right: 10px solid#634d48;
	background: #E3E3E3;
	margin-bottom: 0 !important;
	padding:30px 20px 30px 20px;
}

.pengaduan-box-home {
	border:4px solid#634d48;
	border-left:10px solid#634d48;;
	border-right: 10px solid#634d48;
	background: #E3E3E3;
	margin-bottom: 0 !important;
	padding:10px;
	height:350px;
	max-height: 350px;
	overflow-x:hidden;
	overflow-y:auto;
}
.card-pengaduan .col-md-2   {
	background: #191919;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}
.logo-tupoksi {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	display: block;
}
.card-simple {
	    width: 100%;
    padding: 10px;
    background: #e3e3e3;
    min-height: 100px;
    border: 1px solid#d2d2d2;
    border-radius: 4px;
    margin-bottom: 10px;
}

.pad-20 {
	padding: 20px;
}

.image-box {
	margin-bottom: 20px;
}

.image-box span {
	color: #fff;
	padding-top: 8px;
	padding-bottom: 5px;
	display: inline-block;
	color: #838383;
}

.image-box  a {
	position: relative;
	color: #838383;
}

.youtube-play {
	position: absolute;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    width: 100%;
    top: 50%;
}

.youtube-play span {
	background: #A11010;
    color: #fff;
    padding: 8px 15px 8px 15px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #777;
}

.image-box img {
	border:2px solid#ccc;
	width: 100%;
	height: 300px;
	object-fit:cover;
}

 .share-page a:hover {
 	color: #a59390;
 }

 .box-pengaduan {
 	background: #251714;
 	border-radius: 8px;
 	min-height: 370px;
 	padding: 20px;
 	border:3px solid#46312c;
 }



  .box-pengaduan .col-md-8 {
  	border-left:2px solid#664c46;
  	min-height: 300px;
  }

  img.image-default {
  	width: 100%;
  	height: 108.08px;
  	object-fit:cover;
  }


@media (max-width: 480px){
	.img-slider {
		width:100%;
		height:140px !important;
		object-fit:cover;
	}
	.box-store-list img {
		width:100%;
		min-height: 208px;
		max-height: 208px;
		object-fit:cover;
	}
}
.scrollable {
	height: auto;
	width: 110%;
	max-height: 300px;
	overflow-y: auto;
}