/* clinical advice popups  */

#clinical-advice,
#clinical-advice-conversation {
  padding: 0;
  background: none;
  border: 0;
  overflow: hidden;
}

#clinical-advice .popup-content .form-item {
  margin-bottom: 0;
}

#clinical-advice .popup-content > p:first-child a {
  display: inline-block;
}

#clinical-advice .popup-content > p:first-child a.standard-btn {
  line-height: 40px;
  vertical-align: middle;
  margin-left: 10px;
}

#clinical-advice .popup-content,
#clinical-advice-conversation .popup-content {
  background: #fff;
  border: 2px solid #d9c6f1;
  border-top-width: 0;
  border-bottom-width: 0;
  overflow: auto;
  max-height: 60vh;
  padding: 25px;
}

#clinical-advice .popup-content > p {
  margin-bottom: 1em;
}

#clinical-advice .gradient-footer,
#clinical-advice-conversation .gradient-footer {
  height: 50px;
  background: rgb(100,41,173);
  background: radial-gradient(ellipse farthest-corner at 0% -140%, rgba(100,41,173,1) 0%, rgba(100,41,173,1) 65%, rgba(236,46,110,1) 90%);
}

#clinical-advice .gradient-wrapper,
#clinical-advice-conversation .gradient-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 935px;
  top: 0;
}

#clinical-advice .clipped-gradient {
  background: rgb(100,41,173);
  background: radial-gradient(ellipse farthest-corner at 0% -150%, rgba(100,41,173,1) 0%, rgba(100,41,173,1) 65%, rgba(236,46,110,1) 90%);
  clip-path: url(#path);
  height: 100%;
}

#clinical-advice-conversation .clipped-gradient {
  background: rgb(100,41,173);
  background: radial-gradient(ellipse farthest-corner at 0% -150%, rgba(100,41,173,1) 0%, rgba(100,41,173,1) 65%, rgba(236,46,110,1) 90%);
  clip-path: url(#path-2);
  height: 100%;
}

#clinical-advice .popup-title,
#clinical-advice-conversation .popup-title {
  position: relative;
  padding: 0 30px;
}

#clinical-advice .popup-title h3,
#clinical-advice-conversation .popup-title h3 {
  margin-bottom: 0;
  color: #fff;
  text-align: center;
}

#clinical-advice .top-section,
#clinical-advice-conversation .top-section {
  position: relative;
  overflow: hidden;
  padding: 60px 0 30px; 
}

#clinical-advice .top-section > i,
#clinical-advice-conversation .top-section > i {
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  color: #fff;
  font-size: 25px;
  z-index: 2;
}

#clinical-advice .top-section .popup-title,
#clinical-advice-conversation .top-section .popup-title {
  position: relative;
}

#clinical-advice .top-section .popup-title > i,
#clinical-advice-conversation .top-section .popup-title > i {
  position: absolute;
  right: 20px;
  top: 5px;
  float: right;
  cursor: pointer;
  color: #fff;
  font-size: 25px;
}

#clinical-advice .top-section .popup-title > i:hover,
#clinical-advice-conversation .top-section .popup-title > i:hover {
  color: #290a4e;
}

#clinical-advice form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#clinical-advice form .form-item {
  flex-basis: calc(50% - 15px);
}

#clinical-advice form .form-item.full-width,
#clinical-advice form .form-item.file-upload {
  flex-basis: 100%;
}

#clinical-advice-conversation .hidden,
#clinical-advice .hidden {
  display: none;
}

#clinical-advice-conversation .file-preview,
#clinical-advice .file-preview {
  display: flex;
  justify-content: space-between;
}

#clinical-advice-conversation .single-file,
#clinical-advice .single-file {
  flex-basis: calc(50% - 15px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0;
  padding: 10px;
  background: #f4f1f7;
}

#clinical-advice-conversation .single-file i,
#clinical-advice .single-file i {
  cursor: pointer;
  color: #8a5ec1;
}

#clinical-advice-conversation .popup-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
  min-height: 100px
} 

#clinical-advice-conversation .conversation-meta {
  margin-bottom: 15px;
}

#clinical-advice-conversation .conversation-meta p {
  margin-bottom: 1em;
}

#clinical-advice-conversation .conversation-meta p:not(.full-width) {
  display: inline-block;
  margin-right: 20px;
}

#clinical-advice-conversation strong,
#clinical-advice strong {
  font-weight: 700;
}

#clinical-advice-conversation .attachment {
  margin-right: 10px;
}

#clinical-advice-conversation .messages {
  padding: 15px;
  background: #f4f1f7;
  margin-top: 20px;
}

#clinical-advice-conversation .single-message:not(:last-child) {
  margin-bottom: 15px;
}

#clinical-advice-conversation .single-message > div:first-child {
  padding: 15px;
  background: #fff;
  margin-bottom: 10px;
}

#clinical-advice-conversation .single-message.sender > div:first-child {
  background: #e5e0eb;
}

#clinical-advice-conversation .single-message.sender > .message-meta {
  text-align: right;
}

#clinical-advice-conversation a.attachment {
  color: #6429ad;
  border-color: #6429ad;
}

#clinical-advice-conversation a.attachment:hover {
  color: #61c0bc;
  border-color: #61c0bc;
}

#clinical-advice-conversation a.attachment i {
  color: inherit;
}

#clinical-advice button[disabled],
#clinical-advice input[disabled],
#clinical-advice .popup-content form[disabled] label {
  opacity: 0.7;
  cursor: not-allowed;
}

#clinical-advice .popup-content form .modal-actions {
  margin-bottom: 30px;
  width: 100%;
  margin-top: 30px;
}

#clinical-advice form .form-item.full-width {
  margin-bottom: 10px;
}

#update-clinical-advice,
.edit-clinical-advice {
  font-size: 18px;
  background: none;
  border: none;
  color: #6429ad;
  text-transform: lowercase;
  text-decoration: none;
  border-bottom: 1px solid #6429ad;
  font-weight: 700;
  line-height: 25px;
  cursor: pointer;
}

.popup #update-clinical-advice {
  display: none;
}

.single-message textarea {
  width: 100%;
  margin-bottom: 10px;
}

.single-message textarea + .message-meta .edit-clinical-advice {
  display: none;
}

.single-message textarea + .message-meta #update-clinical-advice {
  display: block;
}

#clinical-advice button.colored-btn i,
#send-message i {
  color: white;
  margin-left: 5px;
}

#send-message[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.chose_files[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

/* clinical advice requests page */

.page-clinical-advice-requests main table {
  width: 100%;
}

.page-clinical-advice-requests table .standard-btn {
  margin-left: auto;
}

.page-clinical-advice-requests main h1 {
  margin-bottom: 50px;
}

.page-clinical-advice-requests .stuck .request-advice {
  display: none;
}

.page-clinical-advice-requests table tr.draft {
  display: none;
}

.page-clinical-advice-requests table tr td:nth-child(2) {
  max-width: 250px;
}

.page-clinical-advice-requests .checkbox-wrapper {
  margin-bottom: 25px;
}
 
/* validation */

div.advice-form-error {
  display: none;
  background-color: #ffe9ef;
  border: 2px solid #f81e5c;
  padding: 15px 10px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}