﻿/*Light Mode*/
.modal .modal-content {
  padding: 0 16px;
}
.modal .modal-content .modal-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #232323;
}
.modal .modal-content .modal-save-btn {
  border-radius: 8px !important;
  padding: 8px 16px !important;
  font-size: 12px;
  height: 36px;
}
.modal .modal-content .btn-close {
  font-size: 12px;
}
.modal .modal-content .search-title {
  font-weight: 600;
  font-size: 16px;
}
.modal .modal-content .search-icon-container {
  background-color: #FAFAFA;
}
.modal .modal-content .search-box {
  background-color: #FAFAFA;
  font-size: 12px;
  line-height: 20px;
  border-left: none;
}
.modal .modal-content .search-box:focus {
  box-shadow: none;
  border: solid #DEE2E6 1px;
  border-left: none;
}
.modal .modal-content .dbe-checkbox, .modal .modal-content .naics-checkbox, .modal .modal-content .grantee-checkbox {
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #AAAAAA !important;
}
.modal .modal-content .dbe-label, .modal .modal-content .naics-label, .modal .modal-content .grantee-label {
  margin-left: 2px !important;
  font-size: 14px;
  line-height: 18px;
  color: #111111;
}
.modal .modal-content .modal-dialog {
  max-height: 80vh;
  overflow-y: auto;
}
.modal .modal-content .select-all, .modal .modal-content .clear-all {
  text-decoration: none;
}
.modal .modal-content .select-all:hover, .modal .modal-content .clear-all:hover {
  color: #212121 !important;
}
.modal .modal-content .items-list {
  max-height: 60vh;
  overflow-y: auto;
}
.modal .modal-content .items-list .form-check-input {
  width: 20px;
  height: 20px;
  border: solid #D2D2D2 1px;
}
.modal .modal-content .items-list .form-check-label {
  margin-left: 8px;
  line-height: 30px;
}
.modal .modal-content .items-list::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  border-radius: 4px;
}
.modal .modal-content .items-list::-webkit-scrollbar-thumb {
  background-color: #1B273D;
  border-radius: 4px;
}
.modal .modal-content .items-list::-webkit-scrollbar-thumb:hover {
  background-color: #5b6b7c;
}
