@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&family=Quicksand:wght@300;400;500;600;700&display=swap');

/* font-family: 'Poppins', sans-serif;
font-family: 'Quicksand', sans-serif; */

body, .form-control, a, li, .btn, span, p{
  font-size: 0.80rem !important;
  font-family: 'Poppins', sans-serif !important;
}

.nav-item.active.has-active-border{
  border-left: 3px solid #67a9df !important;
}

.modal-lg {
  max-width: 800px !important;
}

.modal-xl {
  max-width: 1200px !important;
}

div#form_field_chosen_1_chosen,
.select2-container{
  width: 100% !important;
}

div#form_field_chosen_1_chosen a.chosen-single,
.select2-container--default.select2-container--focus .select2-selection--multiple{
  color: #51575d;
  background-color: #fff;
  border: 1px solid #d3d5d7;
  border-radius: 0.125rem;
  font-family: inherit;
  transition-duration: 120ms;
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.chosen-container-single .chosen-single{
  box-shadow: none !important;
  background: transparent !important;
}

.chosen-container-single .chosen-search input[type="text"]{
  padding: 8px 20px 8px 5px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
  padding: 0px 0px 0px 0px !important;
}

.select2-selection__choice{
  color:#fff !important;
  background-color: #008bb2 !important;
  border: 1px solid #008bb2 !important;
  padding-bottom: 2px !important;
  padding-top: 1px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  padding-right: 16px !important;
}

.tag-input-style .select2-selection .select2-selection__choice .select2-selection__choice__remove {
  top: -9px !important;
  right: -4px !important;
}

.chosen-container-single .chosen-search::after {
  content: "\f002";
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  font-size: 1.25em;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.select2-container--default .select2-selection--multiple {
  background-color: white !important;
  border: 1px solid #d3d5d7 !important;
  border-radius: 2px !important;
  cursor: text;
  line-height: 1.3 !important;
  min-height: 36px !important;
}

.tag-input-style .select2-selection .select2-selection__choice .select2-selection__choice__remove{
  height: 0px !important;
}

.dp-daterange-above {
  top: 100% !important;
  bottom: auto !important;
}

.badge-purple,
.bg-purple{
  background-color: #776bbe !important;
}

.text-purple{
  color: #776bbe !important;
}

/*
.note-btn-group.note-insert,
.note-btn-group.note-view{
  display: none !important;
}
*/
.attachment-close-btn{
  border: 1px solid #aeaeae;
  text-align: center;
  cursor: pointer;
}

.att-btn{
  float: right;
  right: 20px;
  position: absolute;
  top: 20px;
  z-index: 999;
}

table.table.table-border-x.brc-secondary-l3.mb-0 tbody tr td{
  vertical-align: middle;
}

.table-tools-col,
.dataTables_filter{
  display: none !important;
}

.form-control{
  padding: 10px !important;
  height: auto !important;
  border-radius: 8px !important;
  border: 1px solid #e2e2e2 !important;
}

.bcard, .card, .alert{
  border-radius: 8px !important;
}

.btn{
  padding: 10px 18px !important;
  border-radius: 8px !important;
  border: 0px !important;
}

.btn.btn-sm{
  padding: 8px 18px !important;
  border-radius: 6px !important;
  border: 0px !important;
  font-size: 0.75rem !important;
}

.btn.btn-burger{
  padding: 0px  !important;
}

#datatable thead{
  background-color: #fff !important;
}

#datatable tbody td{
  vertical-align: top !important;
}

#datatable_wrapper div.row:first-child{
  padding: 14px 0px 6px !important;
}

#datatable_wrapper div.row:last-child{
  padding: 10px 10px 12px !important;
}

#sidebar-footer .btn{
  text-transform: none !important;
}

::placeholder {
  color: #d1d1d1 !important;
  opacity: 1 !important; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #d1d1d1 !important;
}