.iconuserlogin {
  position: absolute;
  top: 32px;
  left: 15px;
  background: #000000;
  border-radius: 17px 0 0 17px;
  padding: 10px 13px;
  box-shadow: 1px 0 5px #000000;
  border: 2px solid #1ceae2;
  z-index: 10;
}

.iconuserlogin img, .iconkeylogin img{
width: 19.3px;
}

.iconkeylogin {
position: absolute;
top: 82px;
left: 15px;
background: #000000;
border-radius: 17px 0 0 17px;
padding: 10px 13px;
box-shadow: 1px 0 5px #000000;
border: 1px solid #1ceae2;
z-index: 10;
}

.messagebleft-container {
background: linear-gradient(180deg, rgba(51, 0, 100, 1) 15%, rgba(113, 13, 226, 1) 50%, rgba(51, 0, 100, 1) 85%);
padding: 7px 0px;
font-size: 12px;
position: fixed;
z-index: 9999;
bottom: 0;
color: #ffffcc;
width: 95vw;
margin: 10px;
margin-right: 10px;
border-radius: 40px;
border: 2px solid #fdeb91;
font-weight: bold;
white-space: nowrap;
}


.grubsearchPasaran {
  width: 100%;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(0, 133, 255, 1) 15%, rgba(0, 194, 255, 1) 50%, rgba(0, 133, 255, 1) 85%);
  border: 1px solid rgba(0, 133, 255, 1) !important;
  box-shadow: inset 0px 0px 10px rgba(0, 133, 255, 0.5), inset 0px 2px 5px rgba(0, 194, 255, 0.8), inset 0px 0px 10px rgba(0, 133, 255, 0.7), 3px 3px 10px rgba(0, 0, 0, 0.2);
  position: relative;
}

.grubsearchPasaran input {
  width: 100%;
  border: none;
  border-radius: 3px;
  padding: 5px;
  color: #ffffff;
  letter-spacing: 1px;
  background: #000000;
  box-shadow: none;
}

.grubsearchPasaran img {
  width: 28px;
  margin-right: 5px;
  filter: brightness(10) drop-shadow(1px 2px 2px #00000054) contrast(1);
}

.grubsearchPasaran input::placeholder {
  color: #b3bfc5;
}