.right_sidebar_open {
  overflow: hidden;
}

.right_sidebar.animated {
  animation-duration: 0.5s;
}

.right_sidebar {
  width: 380px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999999;
  background: #FAFAFA;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.22);
  overflow-x: hidden;
  display: none;
  flex-direction: column;
}

.right_sidebar-base {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  background-color: #000;
}

.right_sidebar-base.visible {
  opacity: 0.5;
}

.sidebar_content {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex: 1 1 auto;
}

.sidebar_head {
  display: flex;
  flex-direction: column;
  padding: 25px;
  background: #FFFFFF;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid #FAFAFA;
}

.sidebar_title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #000000;
}

.right_sidebar .x_btn {
  content: url("../images/theme_v2/close_sidebar.svg");
  cursor: pointer;
  width: 34px;
  height: 34px;
  padding: 8px;
}

.right_sidebar .x_btn:hover {
  content: url("../images/theme_v2/close_sidebar_hover.svg");
  padding: 0;
}

.sidebar_body {
  width: 100%;
  height: 100%;
  background: #FAFAFA;
  padding: 10px;
  padding-bottom: 70px;
}

.sidebar_head-title-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1 1 100%;
  margin-bottom: 5px;
}

.sidebar_head-btn-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1 1 100%;
  margin-bottom: 5px;
}

@media only screen and (max-width: 540px) {
  .right_sidebar {
    width: calc(100vw - 20px);
  }
}
/* Add private note form */
.add-private-note-form .base-container {
  display: flex;
  flex-direction: column;
  padding: 0 15px 20px 15px;
}
.add-private-note-form .btn-container {
  margin-top: 150px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 5px;
}
.add-private-note-form .title-input-mode {
  margin-top: 5px;
}
.add-private-note-form .btn-container-dictate {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
}
.add-private-note-form .btn-container-dictate button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: transparent;
  border: #E55555;
  border-radius: 30px;
  border: 1px solid #DAD9D9;
}
.add-private-note-form .btn-container-dictate button:hover {
  background: #C45148;
  color: #FFF;
}
.add-private-note-form .btn-container-dictate button:hover svg path {
  stroke: #fff;
}
.add-private-note-form .btn-container-dictate .active-btn {
  background: #E55555;
  color: #FFF;
}
.add-private-note-form .btn-container-dictate .active-btn svg path {
  stroke: #fff;
}
.add-private-note-form .btn-container-dictate button:active,
.add-private-note-form .btn-container-dictate button:focus,
.add-private-note-form .btn-container-dictate button:selected {
  background: #E55555;
  color: #FFF;
}
.add-private-note-form .btn-container-dictate button:active svg path,
.add-private-note-form .btn-container-dictate button:focus svg path,
.add-private-note-form .btn-container-dictate button:selected svg path {
  stroke: #fff;
}
.add-private-note-form .title {
  color: #000;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 200% */
  text-transform: uppercase;
}
.add-private-note-form .input-message {
  min-height: 320px;
  border: 1px solid #DAD9D9;
  border-radius: 4px;
  width: 100%;
  background-color: #FFF;
  padding: 5px 15px;
}
.add-private-note-form .message-area-group label {
  text-transform: uppercase;
  color: #000;
}
.add-private-note-form .input-dropdown {
  height: 50px;
  border: 1px solid #DAD9D9;
  border-radius: 4px;
  width: 100%;
  background-color: #FFF;
  padding-left: 15px;
}
.add-private-note-form .message-form-btn-submit {
  border-radius: 40px;
  background: #E55555;
  border: #E55555;
  width: 200px;
  height: 40px;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  flex-wrap: nowrap;
}
.add-private-note-form .message-form-btn-submit:hover {
  background: #C45148;
  border: 2px solid #C45148;
}
.add-private-note-form .message-form-btn-submit:disabled {
  color: rgba(165, 140, 140, 0.7);
  border: 2px solid #C45148;
}
.add-private-note-form .message-form-btn-discard,
.add-private-note-form .message-form-btn-stop-record {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 145px;
  height: 40px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #E56055;
  border: 2px solid #E56055;
  background-color: transparent;
  border-radius: 30px;
}
.add-private-note-form .message-form-btn-discard:hover {
  color: #C45148;
  border: 2px solid #C45148;
}
.add-private-note-form #loader-note-save {
  position: absolute;
  width: 22px;
  height: 22px;
  z-index: 9999;
  background-color: transparent;
  color: #4E77A5;
}
.add-private-note-form #loader-note-save.cover-spin::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border-style: solid;
  border-top-color: rgb(125, 125, 158);
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
}
.add-private-note-form .note-title-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.add-private-note-form .private-note-status-msg {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  align-items: center;
  align-self: flex-start;
}
.add-private-note-form .private-note-status-msg .status-msg {
  align-self: flex-start;
  margin-bottom: 10px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #E56055;
}
.add-private-note-form .private-note-status-msg-container {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  align-items: center;
  gap: 10px;
}
.add-private-note-form .private-note-status-msg {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  align-items: center;
}
.add-private-note-form .private-note-status-msg-container-animation {
  margin-right: 10px;
  width: 64px;
  height: 64px;
  background-color: rgba(229, 96, 85, 0.15);
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.add-private-note-form .private-note-status-msg-container-animation-inner {
  width: 48px;
  height: 48px;
  background-color: #E56055;
  border-radius: 24px;
}
.add-private-note-form .private-note-status-msg-container-text-inner {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.add-private-note-form .private-note-status-msg-container-text-inner-item {
  width: 3px;
  background-color: #E56055;
  border-radius: 2px;
}

/* Add note form */
.add-note-form .base-container {
  display: flex;
  flex-direction: column;
  padding: 0 15px 20px 15px;
}
.add-note-form .form-container {
  margin-top: 10px;
  padding: 23px;
  border-radius: 10px;
  border: 1px solid rgba(218, 217, 217, 0.5019607843);
  background: rgba(243, 244, 246, 0.5019607843);
}
.add-note-form .btn-container {
  margin-top: 37px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.add-note-form .title {
  color: #000;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 200% */
  text-transform: uppercase;
}
.add-note-form .input-message {
  min-height: 120px;
  border: 1px solid #DAD9D9;
  border-radius: 4px;
  width: 100%;
  background-color: #FFF;
  padding: 5px 15px;
}
.add-note-form .message-area-group label {
  text-transform: uppercase;
  color: #000;
}
.add-note-form .input-dropdown {
  height: 50px;
  border: 1px solid #DAD9D9;
  border-radius: 4px;
  width: 100%;
  background-color: #FFF;
  padding-left: 15px;
}
.add-note-form .message-form-btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 145px;
  height: 40px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #E56055;
  border: 2px solid #E56055;
  background-color: transparent;
  border-radius: 30px;
}
.add-note-form .message-form-btn-submit:hover {
  color: #C45148;
  border: 2px solid #C45148;
}
.add-note-form .message-form-btn-submit:disabled {
  color: rgba(229, 96, 85, 0.7);
  border: 2px solid rgba(229, 96, 85, 0.7);
}
.add-note-form .message-form-btn-finilize {
  border-radius: 40px;
  background: #E55555;
  border: #E55555;
  width: 200px;
  height: 40px;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  flex-wrap: nowrap;
}
.add-note-form .message-form-btn-finilize:hover {
  background: #C45148;
  border: #C45148;
}
.add-note-form .message-form-btn-finilize:disabled {
  background-color: rgba(229, 96, 85, 0.7);
}
.add-note-form #loader-note-save,
.add-note-form #loader-note-finilize {
  position: absolute;
  width: 22px;
  height: 22px;
  z-index: 9999;
  background-color: transparent;
  color: #4E77A5;
}
.add-note-form #loader-note-save.cover-spin::after,
.add-note-form #loader-note-finilize.cover-spin::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border-style: solid;
  border-top-color: rgb(125, 125, 158);
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
}
.add-note-form .note-title-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.add-note-form .btn-revert-to-ai-draft {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

/*# sourceMappingURL=right_sidebar.css.map */