body {
    font-family: "PT Sans",sans-serif;
    font-size: 13pt;
}

img {
    max-width: 100%;
    height: auto;
}
  
a { 
	color:#772b2f; 
	text-decoration: none;
}

.margin-samping {
	margin-left:15px;
	margin-right:15px;
}

.padding-citraweb {
	padding-top:20px;
	padding-right:0px;
}

.img-flex {
	min-width:100%;
}

.footer {
	background-color: #555;
	color: white;
	padding: 15px;
    font-size: 80%;
}

.footer-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-widget ul li a {
	color:#ccc;
}

.padding-atas-bawah-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.hr {
	border-bottom: solid 1px #aaa; 
	margin-top:10px; 
	margin-bottom:10px;
}

.margin-atas {
	margin-top: 20px;
}

.margin-bawah {
	margin-bottom: 20px;
}

.kotak {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;

}

.mtlogo {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:0px;
}

.text-ungu {
	color:#772b2f;
}

.nav-ungu {
	background-color:#772b2f;
	border-color: #5c1d21;
}

.mycontent {
	margin-top:20px;
	margin-bottom:20px;
	padding-left:0px;
	padding-right:0px;
}

.bg-ungu {
	background-color:#772b2f;
	color: #fff;
}


.text-hijau {
	color:#3b5959;
}

.text-abu {
	color:#ccc;
}


.bg-hijau {
	color:#fff;
	background-color:#3b5959;
}

.bg-abu {
	color:#666;
	background-color:#eee;
}

.bg-merah {
	color:#fff;
	background-color:#aa0000;
}

.sub-kategori {
	color:#666;
	background-color:#ccc;
	padding-top:5px;
	padding-bottom:5px;
	
}

.border-image{
	border: solid 1px #ccc;
}

.box-produk {
	border:solid #ccc 1px; 
	background-color:#fff; 
}

.box-produk-gambar {
	border-bottom:solid #ccc 1px;
}

.box-produk-kotak-teks {
	padding:5px; 
	/* height:140px;  */
	height:210px;
	background-color:#eee;
}

.box-produk-nama {
	font-size: 12pt; 
	font-weight:600;
}

.box-produk-habis {
	font-size: 10pt; 
	font-weight: 600;
	background-color: red;
	color: white;
}

.box-produk-harga {
	color:red; 
	font-size: 11pt; 
	font-weight:200;
}

.kotak-condensed {
	padding-top:5px;
	padding-bottom:5px;
}

.spek1 {
	background-color:#eee;
	border-bottom: dotted #aaa 1px;
	padding: 5px;
}

.spek2 {
	background-color:#fff;
	border-bottom: dotted #aaa 1px;
	padding: 5px;
}

.footer-copyright {
	color:#aaa;
	margin-top:20px;
	margin-bottom:50px;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
	background-color:#5c1d21;
}


a.pg {
	text-decoration: none; 
	color: #000;
}

.pg_normal{
	background: #ffffff; 
	text-decoration: none; 
	color: #f00;
	margin: 10px 2px;
	padding: 3px 6px;
	border: 1px solid #dddddd;
}

.pg_self{
	background: #000; 
	text-decoration: none; 
	color: #fff;
	margin:1px;
	padding:3px;
	border: 1px solid #dddddd;
}

.pg_disabled{
	background: #ffffff; 
	text-decoration: none; 
	color: #bbbbbb;
	margin:1px;
	padding:3px;
	border: 1px solid #dddddd;
}

.pg_dot{
	//background: #ffffff; 
	text-decoration: none; 
	color: #aaaaaa;
	margin:1px;
	padding:3px;
	//border: 1px solid #dddddd;
}
.loading {
    display: none;
}
/* TAMBAHAN AGUNG CDM */
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    overflow-y: hidden !important;
	border: none !important;
}
.mb-0 {
    margin-bottom: 0!important;
}
.mb-1 {
    margin-bottom: 0.25rem!important;
}
.mb-2 {
    margin-bottom: 0.5rem!important;
}
.mb-3 {
    margin-bottom: 1rem!important;
}
.mb-4 {
    margin-bottom: 1.5rem!important;
}
.mb-5 {
    margin-bottom: 3rem!important;
}
.mt-0 {
    margin-top: 0!important;
}
.mt-1 {
    margin-top: 0.25rem!important;
}
.mt-2 {
    margin-top: 0.5rem!important;
}
.mt-3 {
    margin-top: 1rem!important;
}
.mt-4 {
    margin-top: 1.5rem!important;
}
.mt-5 {
    margin-top: 3rem!important;
}
.ms-0 {
    margin-left: 0!important;
}
.ms-1 {
    margin-left: 0.25rem!important;
}
.ms-2 {
    margin-left: 0.5rem!important;
}
.ms-3 {
    margin-left: 1rem!important;
}
.ms-4 {
    margin-left: 1.5rem!important;
}
.ms-5 {
    margin-left: 3rem!important;
}
.me-0 {
    margin-right: 0!important;
}
.me-1 {
    margin-right: 0.25rem!important;
}
.me-2 {
    margin-right: 0.5rem!important;
}
.me-3 {
    margin-right: 1rem!important;
}
.me-4 {
    margin-right: 1.5rem!important;
}
.me-5 {
    margin-right: 3rem!important;
}
.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important;
}
.mx-1 {
    margin-right: 0.25rem!important;
    margin-left: 0.25rem!important;
}
.mx-2 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important;
}
.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important;
}
.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important;
}
.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}
.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.my-1 {
    margin-top: 0.25rem!important;
    margin-bottom: 0.25rem!important;
}
.my-2 {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
}
.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
}
.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}
.m-0 {
    margin: 0!important;
}
.m-1 {
    margin: 0.25rem!important;
}
.m-2 {
    margin: 0.5rem!important;
}
.m-3 {
    margin: 1rem!important;
}
.m-4 {
    margin: 1.5rem!important;
}
.m-5 {
    margin: 3rem!important;
}
.pb-0 {
    padding-bottom: 0!important;
}
.pb-1 {
    padding-bottom: 0.25rem!important;
}
.pb-2 {
    padding-bottom: 0.5rem!important;
}
.pb-3 {
    padding-bottom: 1rem!important;
}
.pb-4 {
    padding-bottom: 1.5rem!important;
}
.pb-5 {
    padding-bottom: 3rem!important;
}
.pt-0 {
    padding-top: 0!important;
}
.pt-1 {
    padding-top: 0.25rem!important;
}
.pt-2 {
    padding-top: 0.5rem!important;
}
.pt-3 {
    padding-top: 1rem!important;
}
.pt-4 {
    padding-top: 1.5rem!important;
}
.pt-5 {
    padding-top: 3rem!important;
}
.ps-0 {
    padding-left: 0!important;
}
.ps-1 {
    padding-left: 0.25rem!important;
}
.ps-2 {
    padding-left: 0.5rem!important;
}
.ps-3 {
    padding-left: 1rem!important;
}
.ps-4 {
    padding-left: 1.5rem!important;
}
.ps-5 {
    padding-left: 3rem!important;
}
.pe-0 {
    padding-right: 0!important;
}
.pe-1 {
    padding-right: 0.25rem!important;
}
.pe-2 {
    padding-right: 0.5rem!important;
}
.pe-3 {
    padding-right: 1rem!important;
}
.pe-4 {
    padding-right: 1.5rem!important;
}
.pe-5 {
    padding-right: 3rem!important;
}
.px-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}
.px-1 {
    padding-right: 0.25rem!important;
    padding-left: 0.25rem!important;
}
.px-2 {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
}
.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}
.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.py-1 {
    padding-top: 0.25rem!important;
    padding-bottom: 0.25rem!important;
}
.py-2 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
}
.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}
.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.p-0 {
    padding: 0!important;
}
.p-1 {
    padding: 0.25rem!important;
}
.p-2 {
    padding: 0.5rem!important;
}
.p-3 {
    padding: 1rem!important;
}
.p-4 {
    padding: 1.5rem!important;
}
.p-5 {
    padding: 3rem!important;
}
ul.nav.navbar-nav li a {
    color: #fff;
}
.navbar-inverse .navbar-toggle {
    border-color: #fff;
}
.sosmedfooterku {
    font-size: 20pt;
}
.sosmedfooterku a:hover {
    color: #fff;
}
.isiartikel img {
    max-width: 100% !important;
    height: auto !important;
}
table.table.no-border tr, table.table.no-border td {
    border: none;
}

@media only screen and (max-width: 767px){
	ul.nav.navbar-nav li {
		padding-left: 10px;
	}
	.sosmedfooterku {
		font-size: 15pt;
	}
}

.justify-content-center {
    justify-content: center!important;
}
.d-flex {
    display: flex!important;
}
.colkudab-6 {
    flex: 0 0 auto;
    width: 50%;
}
@media only screen and (min-width: 576px){
	.colkudab-sm-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
}
@media only screen and (min-width: 768px){
	.colkudab-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
}
.rowkudab {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

/* .table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
} */

.table .thead-dark th {
    color: #fff;
    background-color: #772b2f;
    border-color: #772b2f;
}

.panel-body {
    overflow-wrap: anywhere;
}

.bg-primary {
    background-color: #0d6efd!important;
}
.bg-secondary {
    background-color: #6c757d!important;
}
.bg-success {
    background-color: #198754!important;
}
.bg-danger {
    background-color: #dc3545!important;
}
.bg-warning {
    background-color: #ffc107!important;
}
.bg-info {
    background-color: #0dcaf0!important;
}
.bg-light {
    background-color: #f8f9fa!important;
}
.bg-dark {
    background-color: #212529!important;
}
.bg-body {
    background-color: #fff!important;
}
.bg-white {
    background-color: #fff!important;
}
.bg-transparent {
    background-color: transparent!important;
}
.text-primary {
    color: #0d6efd!important;
}
.text-secondary {
    color: #6c757d!important;
}
.text-success {
    color: #198754!important;
}
.text-danger {
    color: #dc3545!important;
}
.text-warning {
    color: #ffc107!important;
}
.text-info {
    color: #0dcaf0!important;
}
.text-light {
    color: #f8f9fa!important;
}
.text-dark {
    color: #212529!important;
}
.text-body {
    color: #fff!important;
}
.text-white {
    color: #fff!important;
}
.text-transparent {
    color: transparent!important;
}

.h-25 {
    height: 25%!important;
}
.h-50 {
    height: 50%!important;
}
.h-75 {
    height: 75%!important;
}
.h-100 {
    height: 100%!important;
}
.h-auto {
    height: auto!important;
}
.d-inline-block {
    display: inline-block!important;
}
.mh-100 {
    max-height: 100%!important;
}
.w-25 {
    width: 25%!important;
}
.w-50 {
    width: 50%!important;
}
.w-75 {
    width: 75%!important;
}
.w-100 {
    width: 100%!important;
}
.w-auto {
    width: auto!important;
}