/*::placeholder {
  font-size: 12px !important;
  color: #383938;
}*/

.inputfile {
  position: absolute;
  bottom: 0;
  outline: none;
  color: transparent;
  width: 120px;
  margin-left: 0px;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  display: none;
  height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 6px !important;
  right: 4px !important;
}

.inputfile::-webkit-file-upload-button {
  visibility: hidden;
}

/* Toastr_color */
.colored-toast.swal2-icon-success {
  background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
  background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
  background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
  background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
  background-color: #87adbd !important;
}

.colored-toast .swal2-title {
  color: white;
}

.colored-toast .swal2-close {
  color: white;
}

.colored-toast .swal2-html-container {
  color: white;
}

.link {
  color: #034C72;
  cursor: pointer;
}

/*.bi-caret-down-fill {
  position: absolute;
  margin-left: 820px;
  margin-top: 10px;
}*/

.upload {
  width: 130px;
  position: relative;
  margin: auto;
}

.upload img {
  border-radius: 50%;
  border: 2px solid #eaeaea;
}

.upload .round {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #034C72;
  width: 32px;
  height: 32px;
  line-height: 33px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 100px !important;
}

.upload .round input[type="file"] {
  position: absolute;
  transform: scale(2);
  opacity: 0;
}

input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E");
}


/* Card */
.card {
  /*margin-bottom: 30px;*/
  border: none !important;

  /*border-radius: 5px;*/
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.footer {
  background-color: #f0e6ca !important;
  text-align: center !important;
  font-size: 16px;
}

.input-group-custom {
  background: none !important;
  border: none !important;
  right: 0px !important;
  height: 37px;
  z-index: 99;
}

.custom-select {
  width: 1000px !important;
}

.custom-btn-add {
  --bs-btn-color: #fff;
  --bs-btn-bg: #CBA767;
  --bs-btn-border-color: #CBA767;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e3b361;
  --bs-btn-hover-border-color: #e3b361;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #CBA767;
  --bs-btn-active-border-color: #CBA767;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #CBA767;
  --bs-btn-disabled-border-color: #CBA767;
  border-radius: 0px 3px 3px 0px !important;
  border: none !important;
  right: 1px;
  border: 1px solid #ced4da;
  height: 36px;
  padding: 5px 12px;
  margin-top: -3px !important;
}

.dropdown-menu {
  display: none;
}

.dropdown-menu[x-cloak] {
  display: none;
}

.dropdown-menu[x-show="open"] {
  display: block;
}

/* Search Component Style */
.listdown {
  position: relative;
  display: inline-block;
}

.listdown input[type="text"] {
  width: 100%;
  height: 38px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: left;
  padding-left: 0.5rem;
  box-sizing: border-box;
  font-size: 1px;
  vertical-align: top;
}

.listdown .input-group-custom {
  position: absolute;
  right: 15px !important;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  padding: 0;
  color: #aaa;
  z-index: 10;
  pointer-events: none;
  padding-left: 0px;
}

.listdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  background: white;
  border: 1px solid #C3CAD1 !important;
  max-height: 150px;
  overflow-y: auto;
  display: none;
  z-index: 1061;
  padding-left: 0;
  margin-left: 0;
  text-align: left;
}

.listdown ul.show {
  display: block;
}

.listdown ul li {
  padding: 8px;
  cursor: pointer;
}

.listdown ul li:hover {
  background-color: #f0f0f0;
}

.toggle-icon {
  position: absolute;
  top: 50%;
  right: 5px !important;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
}

.toggle-icon i.bi-chevron-up {
  display: none;
}

#dropdownInput:not(:focus)+.toggle-icon i.bi-chevron-down {
  display: inline-block;
  font-size: 12px !important;
  color: black !important;
  font-weight: bolder;
}

#dropdownInput:focus+.toggle-icon i.bi-chevron-up {
  display: inline-block;
  font-size: 12px !important;
  color: black !important;
  font-weight: bolder;
  left: 0px !important;
}

/*end search component Style */