/* ----- jamnas ----- */
.jamnas-color-1{
	color:#F9F105;
}

.jamnas-color-2{
	color:#704d25;
}
.bg-jamnas-1{
	background:#d6a977;
}

.bg-jamnas-2{
	background:#704d25;
}

.btn-kiko{
	    background: transparent;
	border-color: #F9F105;
	color: #F9F105;
}

/* ----- scroll ----- */

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F9F105;
}

::-webkit-scrollbar
{
	width: 5px;
	background-color: #F9F105;
}

::-webkit-scrollbar-thumb
{
	background-color: #0E8D49;
    border: 2px solid #0E8D49;
}

/* ----- form-control ----- */
.form-control{ /* Microsoft Edge */
  color: black;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}

.form-control:focus{
	color:black;
}

select.form-control:focus{
	color:black;
}

select.form-control{
	color:black;
}
/* ---- grid ---- 

.grid {
  background: #EEE;
  max-width: 1200px;
}

 clearfix 
.grid:after {
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item{
  width: 24%;
}

.grid-item{
  float: left;
 
  border: 1px solid #F9F105;
  border-radius: 5px;
}

/* ---- end grid ---- */

@media (max-width: 575.98px) {
	.grid-sizer,
	.grid-item {
		width: 100%;
	}
}

@media (min-width: 576px) and (max-width: 768.98px) {
	.grid-sizer,
	.grid-item {
		width: 46.5%;
	}
}

@media (min-width: 769px) and (max-width: 991.98px) {
	.grid-sizer,
	.grid-item {
		width: 47.4%;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.grid-sizer,
	.grid-item {
		width: 31%;
	}
}

@media (min-width: 1200px){
	.grid-sizer,
	.grid-item {
		width: 24%;
	}
}




.jamas-notifikasi{
	position: fixed;
    z-index: 999999;
    bottom: 0;
    right: 3%;
	
}