/*
Custom CSS File by Nasrul Sitampan
*/


/* form control */

.grid-view .summary {
	margin-bottom: 5px;
}

.pagination .page-item span {
  position: relative;
  display: block;
  padding: var(--vz-pagination-padding-y) var(--vz-pagination-padding-x);
  font-size: var(--vz-pagination-font-size);
  color: var(--vz-pagination-color);
  background-color: var(--vz-pagination-bg);
  border: var(--vz-pagination-border-width) solid var(--vz-pagination-border-color);

  color: #cccccc;
}

.pagination .next span {
	border-top-right-radius: var(--vz-pagination-border-radius);
  border-bottom-right-radius: var(--vz-pagination-border-radius);
}

.pagination .prev span {
	border-top-left-radius: var(--vz-pagination-border-radius);
  border-bottom-left-radius: var(--vz-pagination-border-radius);
}

.form-control-plaintext {
  font-weight: 300;
}



/* file upload */

.btn-upload {
  position: relative;
  overflow: hidden;
}

.btn-upload input {
  position: absolute;
  opacity: 0;
  right: 0;
  top: 0;
}

.btn-upload .form-control:disabled {
  opacity: 0;
}

.spinner-upload {
  color: #cccccc;
}


/* logo */
.logo img {
  border-radius: 4px;
}

.auth-one-bg {
  background-image: url('../../../images/login_2025.webp');
}

.auth-one-bg .bg-overlay {
  opacity: .2;
}

/* chat */
.chat-conversation {
  height: calc(100vh - 415px);
}

.replymessage-block .flex-grow-1 p {
  color: #878a99;
}

.fg-emoji-picker {
    bottom: 210px;
}

@media (min-width: 992px) {
  .chat-leftsidebar {
    height: calc(100vh - 255px);
  }
}