@charset "UTF-8";

.btn {
  border-radius: 100px;
}

.btn:focus {
  outline: none !important;
}

.btn-solid {
  font-weight: 500;
}

.btn-solid:hover {
  color: white;
}

.btn-link {
  color: #454545;
}

.btn-link:hover {
  color: #009478;
}

.btn-group .dropdown-toggle:active,
.btn-group .dropdown-toggle:focus {
  background: transparent;
  box-shadow: none;
}

.remove {
  cursor: pointer;
  color: #828282;
}

.hidden-twzipcode {
  display: none;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder,
.note-placeholder {
  font-size: 14px;
  color: #888;
  opacity: 0.5;
}

input[type=text],
input[type=email],
input[type=date],
input[type=month],
input[type=password],
input[type=number],
select.form-control,
#live_location select,
#job_location select,
#Institute_location select,
#listed_location select,
#wanna_job_location select {
  height: 30px;
  margin: 0;
  padding: 0 15px;
  vertical-align: middle;
  background: white;
  border: 0.5px solid #ddd;
  font-family: "Noto Sans TC", sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: black;
  border-radius: 4px;
  box-shadow: none;
  transition: all 0.3s;
}

textarea,
textarea.form-control {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 30px;
  border-radius: 4px;
  border: 0.5px solid #ddd;
  font-size: 16px;
  color: black;
}

input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
textarea:-moz-placeholder,
textarea.form-control:-moz-placeholder {
  color: #888;
  opacity: 0.5;
}

input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder {
  color: #888;
  opacity: 0.5;
}

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder {
  color: #888;
  opacity: 0.5;
}

/***** Top content *****/

.modal-title {
  font-size: 20px;
  font-weight: 700;
}

.form-box {
  padding-top: 40px;
}

.form-top h3 {
  color: #fff;
}

form .form-bottom button.btn {
  min-width: 105px;
}

form .form-bottom .input-error {
  border-color: #d03e3e;
  color: #d03e3e;
}

form.registration-form fieldset {
  display: none;
}

form.registration-form h3 {
  line-height: 1.5;
}

fieldset {
  margin-bottom: 20%;
}

fieldset .small-text {
  max-width: 60%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 3rem;
  font-weight: 100;
  color: black;
  font-size: 14px;
}

fieldset .small-text small {
  font-size: 12px;
}

fieldset .form-top {
  display: flex;
  align-items: baseline;
  margin-bottom: 30px;
}

fieldset .form-top-left {
  margin-right: 2rem;
  font-weight: 500;
}

.form-step-dot div {
  width: 15px;
  height: 15px;
  border-radius: 100px;
  margin-right: 10px;
}

.page-title {
  font-size: 20px;
}

#image_id {
  position: absolute;
  width: 100px;
  height: 100px;
  cursor: pointer;
  opacity: 0;
  border: 0;
}

img[alt=user-profile-placehoder] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

#user_image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-size: cover;
  float: left;
  cursor: pointer;
}

#user_image .remove {
  position: absolute;
  left: 90px;
  font-size: 25px;
  top: 5px;
}

#license_image {
  background-size: contain;
}

#license_image .remove {
  position: absolute;
  right: 0;
  top: 10%;
  font-size: 30px;
  background: white;
  border-radius: 100px;
}

#certificate_img {
  background-size: contain;
}

#certificate_img .remove {
  position: absolute;
  top: 12%;
  right: 5%;
  font-size: 30px;
  background: white;
  border-radius: 100px;
}

.upload-image-wrapper .remove {
  font-size: 25px;
  position: absolute;
  top: -10px;
  right: -10px;
  background: white;
  border-radius: 100px;
}

.form-group {
  color: #454545;
  margin-bottom: 28px;
}

.form-group #pgy_time_detail h5 {
  font-size: 16px;
  font-weight: 300;
}

.form-group #pgy_time_detail h5 #pgy_time {
  margin: 0 10px;
}

.form-row > label {
  font-size: 16px;
  font-weight: 400;
  color: #009478;
}

.form-row > label small {
  color: #C6C6C6;
}

.form-group > label {
  font-size: 16px;
  font-weight: 400;
}

.form-group .help {
  font-size: 14px;
  font-weight: 100;
}

#live_location,
#fin_school,
#Institute_location,
#listed_location,
#wanna_job_location {
  display: flex;
}

#live_location select,
#Institute_location select,
#listed_location select,
#wanna_job_location select {
  width: 100%;
  outline: 0;
}

#live_location select:focus,
#Institute_location select:focus,
#listed_location select:focus,
#wanna_job_location select:focus {
  border-color: #009478;
}

#wanna_job_location ~ .btn-group,
#dental_specialty_field ~ .btn-group {
  width: 100%;
}

#wanna_job_location ~ .btn-group button,
#dental_specialty_field ~ .btn-group button {
  padding-left: 18px;
  padding-right: 18px;
}

#wanna_job_location ~ .btn-group button span,
#dental_specialty_field ~ .btn-group button span {
  width: 100%;
  font-weight: 300;
  text-align: left;
}

#wanna_job_location ~ .btn-group .dropdown-toggle::after,
#dental_specialty_field ~ .btn-group .dropdown-toggle::after {
  content: "\F078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  border: 0;
  font-size: 11px;
  position: absolute;
  right: 0;
  margin-right: 3px;
}

.cus-checkbox,
.cus-radio {
  display: flex;
  align-items: center;
  position: relative;
}

.cus-checkbox label,
.cus-radio label {
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}

.cus-checkbox input,
.cus-checkbox input[type=radio],
.cus-radio input,
.cus-radio input[type=radio] {
  margin: 0;
  margin-right: 1rem;
}

.upload-image-wrapper input[type=file] {
  opacity: 0;
  position: absolute;
  min-height: 100px;
}

.upload-image-doc {
  display: flex;
  width: 100%;
  border: dashed 1px #BDBDBD;
  min-height: 250px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #BDBDBD;
  cursor: pointer;
  padding: 1rem;
}

.btn-previous {
  font-size: 14px;
}

.add-portfolio-case .cus-upload-img {
  padding-top: 100%;
  border: 1px dashed #BDBDBD;
  cursor: pointer;
  background: white no-repeat center center;
  background-size: cover;
  position: relative;
}

.add-portfolio-case .cus-upload-img .fa-plus-circle {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #BDBDBD;
  font-size: 25px;
  position: absolute;
}

.add-portfolio-case .add-imagebox-btn {
  border: 1px dashed #BDBDBD;
  cursor: pointer;
  background: white no-repeat center center;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 80px;
  color: #BDBDBD;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 14px;
}

.add-portfolio-case .add-imagebox-btn .fa-plus-circle {
  font-size: 25px;
  margin-right: 5px;
}

.note-editable {
  font-size: 16px;
  background: white;
}

.multiselect {
  padding: 6px;
  border-radius: 5px;
  background: white;
  border: solid 1px #ddd;
}

.multiselect:hover {
  box-shadow: none;
  background-color: transparent;
  border-color: #ddd;
}

.multiselect-container.dropdown-menu.show {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 767px) {
  .multiselect-container.dropdown-menu.show {
    grid-template-columns: 1fr 1fr;
  }
}

.multiselect-container > li {
  white-space: nowrap;
}

#blacklist-detail .validation-error-message {
  position: absolute;
  color: #EB5757;
  font-size: 14px;
}

.datepickers-container {
  z-index: 9999999999999;
}

.caret {
  display: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:active,
.dropdown-menu > .active > a .checkbox {
  background-color: transparent;
  color: black;
  outline: none;
}

.delete_meta:hover {
  color: #EB5757;
}

.cus-checkbox span {
  font-size: 16px;
  font-weight: 300;
}

.cus-checkbox input[type=radio],
.cus-checkbox input[type=checkbox],
.cus-radio input[type=radio],
.cus-radio input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: 7px;
}

.cus-checkbox input[type=radio] + label:before,
.cus-checkbox input[type=checkbox] + label:before,
.cus-radio input[type=radio] + label:before,
.cus-radio input[type=checkbox] + label:before {
  content: "";
  background: #fff;
  border-radius: 3px;
  border: 2px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  padding: 2px 0;
  margin-right: 10px;
  text-align: center;
  margin-bottom: 2px;
}

.cus-checkbox input[type=radio]:checked + label:before,
.cus-checkbox input[type=checkbox]:checked + label:before,
.cus-radio input[type=radio]:checked + label:before,
.cus-radio input[type=checkbox]:checked + label:before {
  content: "\F00C";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 0.5;
  color: #009478;
}

.multiselect-container input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.multiselect-container .checkbox:before {
  content: "";
  background: #fff;
  border-radius: 3px;
  border: 2px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  padding: 2px 0;
  margin-right: 10px;
  text-align: center;
  margin-bottom: 2px;
}

.multiselect-container li.active .checkbox:before {
  content: "\F00C";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 0.5;
  color: #009478;
  font-size: 15px;
}