/* search bar shortcode */

.doctor-search-wrapper {
  max-width: 1320px;
  margin: 10px auto 30px auto;
  padding: 0 10px;
  z-index: 9;
  
}

.custom-find-menu{ margin:-20px auto 0px auto !important; text-align:left !important; display:block; background:transparent; }
.doctor-search-form {
  /*display: flex;*/
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
  /*overflow: hidden;*/
}
.doctor-search-form select,
.doctor-search-form input {
  flex: 1;
  padding: 16px;
  border: none !important;
  border-right: 1px dashed #4b9d6f !important;
  font-size: 15px;
  background: #fff;
  outline: 0;
}
.doctor-search-form select{ height:70px; }
.sfrow select, .slrow select, .sfrow input{ width:310px; } 
.doctor-search-form input {
  border-right: none;
}
input#searchByName2{  outline: none; border-radius: 5px 0px 0px 0px;}
.btn-group.open .dropdown-toggle,  .btn-group > .btn:hover{ background:#ffffff !important; -webkit-box-shadow:none !important; box-shadow: none !important;}
.sfrow .dropdown-toggle, .sfrow > input, .slrow .dropdown-toggle { width: 310px;  border: none;  border-right: 1px dashed #4b9d6f;  border-radius: 0px; height: 68px;}
.sfrow .btn-group, .slrow .btn-group {  margin: -4px 0px 0px 0px;}
.adv-search-btn {  background: #fff;  font-size: 25px; width: 70px; color: #333;}
.adv-search-btn:hover {  background: #fff;}
.doctor-search-btn {
  background: #4b9d6f;
  color: #fff;
  border: none;
  padding: 0 32px;
  font-size: 18px;
  cursor: pointer;
  height: 72px;  width: 280px;
  border-radius: 0px 5px 5px 0px;
}

.doctor-search-btn:hover {
  background: #438c63;
}
.slrow .dropdown-toggle {
  border-top: 1px dashed #4b9d6f;
}
.slrow select {
  border-top: 1px dashed #4b9d6f !important;
}
#doctor_suggestions {
  position: absolute;
  background: #fff;
  width: 450px;
  border: 1px solid #ddd;
  max-height: 250px;
  overflow-y: auto;
  display: none;
  z-index: 999;
  padding-left: 0px;
  margin-top: 70px;
}

#doctor_suggestions li.sugLoader img {
  width: 10%;
}
#doctor_suggestions li.sugLoader {
   text-align: center;
   margin: 50px auto;
}
#doctor_suggestions li.sugLoader:hover{ background:#ffffff; }
#doctor_suggestions li {
  padding: 10px;
  cursor: pointer;
  list-style: none;
}

#doctor_suggestions li:hover {
  background: #f2f2f2;
}
.doctor-item {
  font-weight: 500;
}
.list_in_city {
  font-weight: 400;
  font-size: 12px;
}

.noprofile img {
  width: 30% !important;
  border: none !important;
}
.noprofile {
  text-align: center;
}

.sfrow, .slrow {
  display: inline-flex;
}

 #doctor_suggestions li{padding: 5px 10px !important; font-size: 14px;}
.dr-searchbar{ margin-top: -20px;}

#page-loader {
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px auto;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #ddd;
    border-top: 4px solid #4b9d6f;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

#suggestion-loader {
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px auto;
}

.spinner2 {
    width: 30px;
    height: 30px;
    border: 4px solid #ddd;
    border-top: 4px solid #4b9d6f;
    border-radius: 50%;
    animation: spin 1.5s linear infinite;
}
li.sugLoader{ background:#ffffff; }

@keyframes spin {
    100% { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 768px) {
  .sfrow, .slrow {
    flex-direction: column;
  }

  .doctor-search-wrapper{ padding:0 20px; width:400px; }

  .sfrow select, .sfrow > input, .slrow select
    {
    border-right: none;
    border-bottom: 1px dashed;
    width: 356px;
  }
  .sfrow .btn-group, .slrow .btn-group{margin: 0px 0px 0px 0px;}

  .doctor-search-btn {
    width: 100%;
    padding: 15px;
    border-radius: 0;
  }
  .dr-searchbar{min-height: 150px; margin-top: 10px;}
  .dr-searchbar h1{text-align: center; font-size: 26px; margin-top: -10px; padding-top: 7%;}
  .dr-searchbar .breadcrumb-area {  text-align: center; margin-top: -8px;}
   #doctor_suggestions{ width:360px; margin-top:54px; }
  .adv-search-btn{ width:100%; font-size:30px; }
  .doctor-search-form select{ height:50px; }

}