@font-face {
  font-family: Sf Ui Text;
  src: url('../fonts/SF-UI-Text-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Ui Text;
  src: url('../fonts/SF-UI-Text-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Ui Text;
  src: url('../fonts/SF-UI-Text-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sf Ui Text;
  src: url('../fonts/SF-UI-Text-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --white: #ccc;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.outer-wrapper {
  background-color: #233852;
  flex-direction: column;
  height: 100vh;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.toolbar-wrapper {
  z-index: 9;
  width: 100%;
  height: 60px;
  padding-top: 10px;
}

.body-wrapper {
  z-index: 2;
  align-items: flex-start;
  height: 100vh;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  overflow: hidden;
}

.column-side {
  background-color: #fff;
  border: 1px solid #5998c5;
  width: 20%;
  min-width: 0;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.column-header {
  color: #fff;
  background-color: #3a506b;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  display: flex;
  position: relative;
  right: 0;
}

.middle-wrapper {
  width: 60%;
  height: 100vh;
  margin-left: 10px;
  margin-right: 10px;
}

.div-block-2 {
  opacity: .89;
  background-image: url('../images/js-section-refresh_1js-section-refresh.png');
  background-position: 50%;
  background-size: contain;
  width: 26px;
  height: 26px;
}

.tree-wrapper {
  height: auto;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Open Sans, sans-serif;
  overflow: auto;
}

.toolbar {
  flex-direction: row;
  align-items: center;
  height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.tool-icon {
  opacity: .66;
  background-image: url('../images/js-toolbar-newscreen_1js-toolbar-newscreen.png');
  background-position: 50%;
  background-size: 30px;
  width: 36px;
  height: 36px;
  margin-right: 8px;
}

.tool-icon:hover {
  opacity: 1;
}

.tool-icon.script {
  background-image: url('../images/js-toolbar-newscript_1js-toolbar-newscript.png');
}

.tool-icon.save {
  background-image: url('../images/js-toolbar-save_1js-toolbar-save.png');
}

.tool-icon.xml {
  background-image: url('../images/js-toolbar-xml_1js-toolbar-xml.png');
}

.tool-icon.search {
  background-image: url('../images/js-toolbar-search_1js-toolbar-search.png');
  margin-left: 4px;
  margin-right: 4px;
}

.tool-icon.keyboard {
  background-image: url('../images/js-toolbar-shortcut_1js-toolbar-shortcut.png');
  background-repeat: no-repeat;
  background-size: 18px 18px;
  margin-left: 4px;
  margin-right: 4px;
}

.tool-icon.launch {
  opacity: .8;
  background-image: url('../images/js-toolbar-launch_1js-toolbar-launch.png');
  background-repeat: no-repeat;
  background-size: 22px;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
}

.tool-icon.launch:hover {
  opacity: 1;
}

.divider {
  opacity: .66;
  border-right: 1px solid #5998c5;
  width: 1px;
  height: 36px;
  margin-left: 10px;
  margin-right: 10px;
}

.divider:hover {
  opacity: 1;
}

.label-toolbar {
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  margin-left: 5px;
  display: flex;
}

.text-12 {
  color: #ffffff9c;
  letter-spacing: 0;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.text-12.blue-copy {
  color: #add2fff0;
}

.toggle {
  align-items: center;
  width: auto;
  height: 36px;
  margin-left: 10px;
  margin-right: 5px;
  display: flex;
}

.toggle-img {
  align-items: center;
  width: 36px;
  height: auto;
  display: flex;
}

.font-size-dd {
  border: 1px solid #8aa7cc;
  width: 80px;
  height: 28px;
  margin-left: 10px;
  margin-right: 10px;
}

.theme-dd {
  border: 1px solid #8aa7cc;
  width: 200px;
  height: 28px;
  margin-left: 10px;
  margin-right: 10px;
}

.file-name {
  opacity: .89;
  background-color: #ffffff30;
  border: 1px solid #ffffffb0;
  align-items: center;
  width: 160px;
  height: 25px;
  padding-left: 8px;
  font-size: 12px;
  display: flex;
  position: absolute;
  left: auto;
  right: 8px;
}

.column-header-middle {
  color: #fff;
  background-color: #3a506b;
  border-bottom: 1px solid #5998c5;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-left: 0;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  display: flex;
  position: relative;
  right: 0;
}

.tab {
  color: #fff9;
  border: 1px #000;
  border-left-color: #5998c5;
  border-right: 1px solid #5998c5;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 100%;
  display: flex;
}

.tab.selected {
  color: #3a506b;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 2px;
  font-weight: 600;
  display: flex;
}

.code-editor-wrapper {
  background-color: #233852;
  border: 1px solid #5998c5;
  height: 80%;
  min-height: 100px;
  margin-bottom: 10px;
}

.botton-panel {
  background-color: #233852;
  border: 1px solid #5998c5;
  height: 18%;
  min-height: 20px;
  margin-bottom: 10px;
}

.div-block-3 {
  background-image: url('../images/js-jsfile_1js-jsfile.png');
  background-position: 50%;
  background-size: 18px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

.tab-label {
  color: #3a506b;
  margin-right: 10px;
}

.close {
  opacity: .36;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-size: 18px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

.close:hover {
  opacity: .73;
}

.activity-indicator {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-right: 0;
  display: flex;
  position: absolute;
  right: 20px;
}

.activity-indicator:hover {
  opacity: 1;
}

.image {
  width: 20px;
}

.tooltip {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .9;
  background-color: #162a42;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 2px 3px 7px 2px #0003;
}

.text-tooltip-2 {
  color: var(--black);
  font-size: 12px;
  line-height: 16px;
  display: inline;
}

.post-submit-area {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 5px 20px 10px;
  display: flex;
}

.post-submit-area.center {
  justify-content: center;
}

.modal-top-bar {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.modal-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-block-319 {
  padding-top: 12px;
}

.button {
  text-align: center;
  cursor: pointer;
  background-color: #4187f8;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.button:hover {
  color: #fff;
  background-color: #276ee0;
}

.button.cancel {
  background-color: #97a4af;
}

.button.cancel:hover {
  background-color: #889097;
}

.button.disable {
  opacity: .53;
  color: #fff;
  font-family: Open Sans, sans-serif;
}

.button.disable:hover {
  background-color: #3898ec;
}

.modal-box {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 500px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  overflow: visible;
}

.text-22 {
  color: #233852;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.text-22.white {
  color: #ffffffdb;
}

.text-22.blue-tran {
  color: #add2fff0;
}

.text-22.blue-tran.center {
  text-align: center;
}

.close-modal {
  cursor: pointer;
  display: inline-block;
}

.modal {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.form {
  width: 100%;
}

.text-field {
  width: 400px;
  font-family: Open Sans, sans-serif;
}

.form-block {
  margin-bottom: 0;
  padding-top: 20px;
}

.input-label {
  color: #233852;
  margin-bottom: 4px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
}

.checkbox-field {
  padding-top: 10px;
}

.table-details {
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  height: 100%;
  max-height: 100vh;
  margin-left: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.column-side-wide {
  background-color: #fff;
  border: 1px solid #5998c5;
  width: 25%;
  min-width: 0;
  height: 98vh;
  position: relative;
  overflow: hidden;
}

.all-tabs-holder {
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  max-width: 100vw;
  max-height: 100vh;
  padding: 10px;
  display: flex;
  overflow: hidden;
}

.body {
  background-color: #233852;
}

.column-header2 {
  color: #fff;
  background-color: #233852;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  display: flex;
  position: relative;
  right: 0;
}

.div-block-320 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.button-2 {
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: auto;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: inline-block;
}

.button-2:hover {
  background-color: #277eca;
}

.button-2.green {
  background-color: #26a69a;
  min-width: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
}

.button-2.green:hover {
  background-color: #198177;
}

.button-2.grey {
  background-color: #90a4ae;
  min-width: 120px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button-2.grey:hover {
  background-color: #6a808b;
}

.button-2.blue {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
}

.icon-wrapper {
  border-bottom: 1px solid #5998c5;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.icon-architect {
  opacity: .66;
  background-image: url('../images/icon-aws_1icon-aws.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 38px;
  width: 48px;
  height: 48px;
  margin-right: 0;
}

.icon-architect:hover {
  opacity: 1;
}

.icon-architect.webflow {
  background-image: url('../images/icon-webflow_1icon-webflow.png');
}

.icon-architect.js {
  background-image: url('../images/icon-js-white_1icon-js-white.png');
}

.icon-architect.preview {
  background-image: url('../images/icon-preview_1icon-preview.png');
  background-size: 28px;
}

.divider2 {
  opacity: .66;
  border-right: 1px solid #5998c5;
  width: 1px;
  height: 36px;
  margin-left: 4px;
  margin-right: 4px;
}

.divider2:hover {
  opacity: 1;
}

.side-grey-div {
  color: #838181;
  background-color: #f3f3f3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  display: flex;
}

.button-bar {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e4e4e4;
  align-items: center;
  padding: 20px 20px 12px;
  display: flex;
  position: relative;
}

.div-block-322 {
  margin-right: 6px;
}

.link {
  color: #267ecb;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.link.bold {
  font-weight: 700;
  text-decoration: none;
}

.link.bold:hover {
  color: #0d4d85;
}

.link.large-bold {
  font-size: 15px;
  font-weight: 600;
}

.link.large-bold:hover {
  color: #0d4d85;
}

.open-explorer {
  opacity: 1;
  border-radius: 6px;
  align-items: center;
  margin-left: auto;
  padding: 4px 10px;
  display: flex;
}

.open-explorer:hover {
  background-color: #d5e6f8;
}

.name-section {
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
}

.column {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text-14 {
  text-align: left;
  font-family: Open Sans, sans-serif;
}

.text-14.bold {
  text-align: left;
  padding-left: 10px;
  font-weight: 700;
  text-decoration: none;
}

.text-14.bold.right {
  text-align: right;
}

.columns {
  align-items: center;
  width: 600px;
  height: 44px;
  display: flex;
}

.column-2 {
  align-items: center;
  height: 40px;
  padding-left: 0;
  display: flex;
}

.div-block-324 {
  border: 1px solid #cecece;
  width: 100%;
  height: 90%;
}

.table-section {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  margin-top: 20px;
  margin-left: 20px;
  padding-top: 0;
  line-height: 20px;
  display: flex;
  position: static;
  overflow: auto;
}

.add-field {
  justify-content: flex-end;
  align-items: flex-start;
  width: 90px;
  margin-left: auto;
  text-decoration: none;
  display: block;
  position: relative;
}

.row {
  background-color: #c3d1ef;
  border-bottom: 1px solid #99a2d1;
  border-left-width: 1px;
  border-left-color: #99a2d1;
  border-right-width: 1px;
  border-right-color: #99a2d1;
  align-items: center;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
}

.row:hover {
  background-color: #9cb0db;
}

.row.heading {
  color: #fff;
  background-color: #3954a9;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.row.heading.fk {
  width: 100%;
  height: 30px;
  padding-left: 16px;
  position: static;
}

.row.selected {
  background-color: #faf2a1;
}

.table-fields {
  flex: 1;
  align-self: flex-start;
  height: auto;
  min-height: 265px;
  margin-top: 10px;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  overflow: auto;
}

.cell {
  border-right: 1px #d6d6d6;
  align-self: auto;
  align-items: center;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  min-height: 40px;
  padding: 4px 0 4px 10px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.cell.field-name {
  width: auto;
  min-width: 300px;
  max-width: 300px;
  font-family: Open Sans, sans-serif;
}

.cell.type {
  width: auto;
  min-width: 180px;
  max-width: 180px;
}

.cell.short {
  justify-content: center;
  width: auto;
  min-width: 85px;
  max-width: 85px;
}

.cell.short.drag {
  cursor: move;
  background-image: url('../images/211736_drag_icon.svg');
  background-position: 0 0;
  background-size: auto;
}

.cell.input {
  width: auto;
  min-width: 400px;
  max-width: 400px;
}

.img-delete {
  opacity: .8;
}

.img-delete:hover {
  opacity: 1;
}

.div-block-325 {
  background-color: #fff;
  border: 1px solid gray;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

.div-block-325.checked {
  background-color: #fff0;
  background-image: url('../images/checked_1.png');
  background-position: 0 0;
  background-size: cover;
}

.column-search-explorer {
  background-color: #ffffff1a;
  border: 1px #5998c5;
  flex-direction: column;
  width: 420px;
  min-width: 200px;
  height: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.select-field {
  background-color: #f3f3f3;
}

.search-section-div {
  border-bottom-style: none;
  border-bottom-color: #dee1ff47;
  padding: 4px 18px;
  display: block;
}

.search-section-div.sub {
  background-color: #080e2233;
  border-bottom-style: none;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.button-small {
  color: #fff;
  letter-spacing: .5px;
  background-color: #0000;
  border: 1px solid #ffffff85;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 6px 20px 0;
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  display: inline-block;
}

.button-small:hover {
  background-color: #4280eb;
}

.button-small.tall {
  letter-spacing: 0;
  cursor: pointer;
  width: 150px;
  height: 30px;
  margin-right: 10px;
  padding-top: 0;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.button-small.execute {
  cursor: pointer;
  align-items: center;
  width: 110px;
  height: 30px;
  padding-top: 0;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 11px;
  line-height: 11px;
  display: flex;
}

.button-small.executing {
  cursor: progress;
  align-items: center;
  width: 100px;
  height: 30px;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  line-height: 11px;
  display: block;
}

.button-small.executing:hover {
  background-color: #0000;
}

.button-small.execute {
  cursor: pointer;
  align-items: center;
  height: 30px;
  padding-top: 0;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 11px;
  line-height: 11px;
  display: flex;
}

.button-small.execute:hover {
  background-color: #7cb342;
}

.button-small.tall {
  letter-spacing: 0;
  cursor: pointer;
  height: 30px;
  margin-right: 10px;
  padding-top: 0;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.remove {
  color: #fff9;
  text-align: right;
  margin-top: -8px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
}

.form-2 {
  padding-top: 0;
  overflow: visible;
}

.input-label-small {
  color: #fff9;
  text-align: left;
  margin-bottom: 3px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
}

.text-field-2 {
  background-color: #00000038;
  border: 1px #000;
  margin-bottom: 15px;
}

.text-field-2::placeholder {
  color: #ffffff80;
}

.label {
  color: #fffc;
  text-align: left;
  letter-spacing: .3px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.label.sub {
  font-size: 12px;
  line-height: 16px;
}

.label.big {
  font-size: 18px;
  font-weight: 300;
}

.label.as {
  margin-right: 8px;
}

.label.as.from {
  padding-left: 6px;
  font-size: 14px;
}

.label.alias.from {
  font-size: 14px;
}

.label.on {
  margin-left: 10px;
}

.search-button-div {
  background-color: #233852;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 70px;
  padding: 20px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.reset {
  color: #fff9;
  text-align: right;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
}

.search-button {
  color: #fff;
  letter-spacing: .5px;
  background-color: #4187f8;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 34px;
  margin-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.search-button:hover {
  background-color: #276ee0;
}

.form-block-2 {
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  position: relative;
  overflow: visible;
}

.top-bar {
  z-index: 2;
  background-color: #375274;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: visible;
}

.section-header {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.form-items-wrapper {
  height: auto;
  max-height: 91vh;
  padding-top: 10px;
  padding-bottom: 15px;
  display: none;
  position: relative;
  overflow: auto;
}

.body-wrapper-explorer {
  align-items: flex-start;
  height: 100vh;
  padding: 10px 10px 0;
  display: flex;
  overflow: visible;
}

.query-button {
  color: #fff;
  letter-spacing: .5px;
  background-color: #5191ff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 34px;
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 3px;
  font-family: Oswald, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.query-button:hover {
  background-color: #4280eb;
}

.content-row {
  color: #fffc;
  background-color: #c3d1ef;
  border-bottom: 1px solid #99a2d1;
  align-items: center;
  height: 36px;
  padding-left: 6px;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
}

.content-row.selected {
  background-color: #faf2a1;
}

.content-row._2 {
  display: flex;
  position: relative;
}

.content-row.hover {
  background-color: #a9bde8;
}

.block {
  border: 1px solid #000;
  min-width: 600px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 0;
  position: static;
  overflow: visible;
}

.block.hidden {
  min-height: 200px;
}

.header-row {
  color: #fff;
  object-fit: fill;
  border-bottom: 1px solid #3f53a3;
  min-height: 32px;
  padding: 6px 0;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  overflow: visible;
}

.html-embed {
  margin-top: 10px;
  margin-left: 25px;
  overflow: auto;
}

.old-explorer-cell {
  border-bottom: 1px solid var(--white);
  color: #161616;
  object-fit: fill;
  height: 36px;
  padding: 6px 10px 6px 16px;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  overflow: visible;
}

.header-cell {
  color: #fff;
  object-fit: fill;
  background-color: #3954a9;
  border-top: 1px #000;
  height: auto;
  padding: 6px 10px;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  overflow: visible;
}

.header-cell.selected {
  background-color: #243c92;
}

.div-block-331 {
  background-color: #fff;
  justify-content: flex-end;
  align-items: center;
  height: 44px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: sticky;
  top: 0;
}

.pagination-digit {
  color: #0d47a1;
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.pagination-digit:hover {
  background-color: #e6ecf8;
}

.pagination-digit.dots {
  padding-left: 0;
  padding-right: 0;
}

.pagination-digit.dots:hover {
  background-color: #fff;
}

.pagination-digit.selected {
  font-weight: 700;
}

.total {
  margin-right: 20px;
  font-family: Open Sans, sans-serif;
}

.pagination-wrapper {
  align-items: center;
  display: flex;
}

.pagination-arrow {
  color: #0d47a1;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.pagination-arrow:hover {
  background-color: #cedcff;
}

.table-row {
  background-color: #d3e7ff;
  border-top: 1px solid #fff;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 60px;
  padding-top: 14px;
  padding-bottom: 4px;
  display: flex;
  position: relative;
}

.field {
  background-color: #fff;
  border: 1px solid #cecece;
  justify-content: flex-start;
  align-items: center;
  width: 220px;
  height: 32px;
  margin-right: 10px;
  display: flex;
}

.field.short {
  width: 110px;
  padding-left: 6px;
}

.field.textarea-9.fwaf {
  height: auto;
  min-height: 30px;
}

.table-field-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 50px;
  min-height: 44px;
  margin-bottom: 10px;
  padding-right: 20px;
  display: flex;
}

.div-block-336 {
  padding-right: 10px;
}

.table-label-column {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.table-right-column {
  align-items: center;
  display: block;
}

.label-left-column {
  justify-content: flex-end;
  align-items: center;
  height: 44px;
  display: flex;
}

.icon-div {
  opacity: .68;
  justify-content: center;
  align-items: center;
  width: 52px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  margin-left: 5px;
  margin-right: 5px;
  transition: background-color .4s;
  display: flex;
}

.icon-div:hover {
  opacity: .94;
  background-color: #162a4299;
}

.edit-toolbar {
  z-index: 2;
  background-color: #375274;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 56px;
  padding-left: 10px;
  padding-right: 20px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

.divider-vertical {
  opacity: .68;
  border: 1px solid #fff3;
  justify-content: center;
  align-items: center;
  height: 36px;
  margin-left: 4px;
  margin-right: 4px;
  display: flex;
}

.command-menu {
  z-index: 3;
  background-color: #445f81;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
  box-shadow: -4px 4px 20px 9px #0000004d;
}

.title {
  justify-content: space-between;
  align-items: center;
  height: 45px;
  padding-left: 15px;
  display: flex;
}

.title.unselectable {
  cursor: move;
}

.title._2 {
  justify-content: flex-start;
  display: flex;
}

.command-input {
  color: #ffffffcf;
  background-color: #00000038;
  height: 62px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.commands-list {
  overflow: auto;
}

.command-item {
  opacity: .76;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding-left: 20px;
  padding-right: 14px;
  display: flex;
}

.command-item:hover {
  background-color: #ffffff2e;
}

.command-item.selected {
  opacity: 1;
  background-color: #ffffff2e;
  display: flex;
}

.unmatched-text {
  color: #fffc;
  text-align: left;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.key {
  color: #ffffffb3;
  text-align: center;
  background-color: #111446;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  height: 24px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.key.hidden {
  padding-left: 4px;
  padding-right: 4px;
}

.shortcut-key-holder {
  justify-content: flex-end;
  align-items: center;
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
}

.commands-options {
  z-index: 3;
  background-color: #1c3d97;
  width: 560px;
  height: 420px;
  margin: 13% auto auto;
  display: none;
  position: fixed;
  inset: 43% 0% 0%;
  overflow: hidden;
  box-shadow: -3px 5px 20px 9px #0000004d;
}

.div-block-387 {
  opacity: .5;
  margin-right: 14px;
}

.fcheader {
  z-index: 9999;
  background-color: #00000026;
  justify-content: center;
  align-self: stretch;
  height: 90px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.fcheader.dash {
  color: #00528c;
  background-color: #4c99f8;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 60px;
}

.twmbranding {
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.inputfield {
  color: #312b3de3;
  width: 580px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  display: block;
}

.inputfield.short {
  width: 380px;
  display: block;
}

.submitbutton {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton:hover {
  background-color: #1679cf;
}

.submitbutton.login {
  width: 300px;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 13px;
  font-family: Open Sans, sans-serif;
}

.div-block-388 {
  background-color: #ffffffe0;
  width: 460px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 40px 40px;
  display: block;
}

.h3 {
  color: #312b3de3;
  text-align: center;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
}

.labelsmall {
  color: #000000b3;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.labelsmall.left {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.form-3 {
  padding-bottom: 8px;
}

.form-block-3 {
  margin-top: 25px;
}

.modal-container {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  display: block;
  position: fixed;
}

.tooltip-2 {
  z-index: 996;
  background-color: #fffbd4;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.command-menu-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.matched-text {
  cursor: default;
  font-weight: 400;
}

.command-label {
  color: #fffc;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.table-chooser-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.table-display-name {
  color: #fffc;
  text-align: left;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.text-block-57 {
  text-align: center;
  padding-bottom: 8px;
}

.badge {
  color: #fff;
  text-align: center;
  background-color: #ff5252;
  border: 1px solid #ffffff80;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
  display: block;
  position: absolute;
  inset: -7px -3px auto auto;
}

.sort-arrow-3 {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
  position: relative;
  top: 5px;
}

.arrow {
  opacity: .6;
}

.header-label {
  font-weight: 400;
}

.header-cell-content {
  background-color: #3954a9;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  display: flex;
  position: relative;
}

.header-cell-content.selected {
  background-color: #243c92;
}

.div-block-457 {
  width: 300px;
  min-height: 100px;
}

.sort-arrow {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.div-block-462 {
  background-image: url('../images/face.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
  width: 210px;
  height: 200px;
}

.div-block-463 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.div-block-462-copy {
  color: var(--white);
  max-width: 500px;
  font-size: 22px;
  line-height: 27px;
}

.no-input-block {
  opacity: .46;
  width: 100%;
  padding-top: 100px;
}

.select-statement-view {
  flex: 1;
  overflow: hidden;
}

.label-copy {
  color: #fffc;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.search-section-div-copy {
  border-bottom: 1px solid #dee1ff47;
  padding: 12px 18px 4px;
  display: block;
}

.result-holder {
  flex: 1;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.css-and-template.hidden {
  display: block;
  overflow: auto;
}

.left-panel-copy {
  justify-content: space-between;
  margin-bottom: 0;
  padding: 10px 10px 0;
  display: flex;
}

.data-updating {
  background-color: #061f47;
  border-radius: 16px;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 10px;
  padding: 2px 10px;
  display: flex;
}

.date-range-3 {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 300px;
  margin-left: 10px;
  margin-right: 0;
  padding-left: 20px;
  display: flex;
}

.text-block-38 {
  color: #1b4fd2;
}

.data-status-indicator {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 6px;
  padding-right: 10px;
  display: flex;
}

.sort-menu-options {
  z-index: 99;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 200px;
  min-width: 0;
  height: auto;
  min-height: 36px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 13px;
  display: block;
  position: absolute;
  inset: 35px 0 auto;
}

.pn-13 {
  color: #161616;
  text-transform: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  display: block;
}

.column-4 {
  color: #161616;
  border-right: 1px #d6d6d6;
  flex-wrap: nowrap;
  flex: 0 auto;
  align-self: auto;
  align-items: center;
  width: 340px;
  min-width: 90px;
  max-width: none;
  min-height: 40px;
  padding: 5px;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  position: relative;
  overflow: visible;
}

.column-4.expected {
  color: #161616;
  justify-content: flex-end;
  width: 74px;
  min-width: 74px;
  font-weight: 600;
}

.column-4.expected.header {
  justify-content: flex-end;
}

.column-4.expected.header:hover {
  background-color: #0d3aaa;
}

.column-4.expected.high {
  color: #43a047;
  font-weight: 600;
}

.date-tagger-holder {
  background-color: #f3f3f3;
  border: 1px solid #dbdbdb;
  justify-content: center;
  align-items: center;
  width: 140px;
  min-height: 36px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 4px;
  display: block;
}

.link-block-2 {
  color: #1b4fd2;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  border-left: 1px solid #1e88e5;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 33px;
  padding-top: 2px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.link-block-2:hover {
  background-color: #95deff;
}

.link-block-2.selected {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #1b4fd2;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.sort {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  margin-left: 40px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  right: 0;
}

.table-column-headings-2 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 0;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
  position: static;
  top: 120px;
  overflow: hidden;
}

.dd-option {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}

.dd-option:hover {
  background-color: #e0ebf1;
}

.time-frame-options-2 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
}

.pn-14 {
  color: #161616;
  text-transform: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  display: block;
}

.pn-14.white {
  color: #fff;
}

.sort-dropdown {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  width: 200px;
  min-width: 0;
  height: 36px;
  margin-left: 8px;
  padding-left: 10px;
  padding-right: 0;
  font-size: 13px;
  display: none;
  position: relative;
}

.pn-12 {
  color: #161616;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.pn-12.white {
  color: #fff;
  letter-spacing: .8px;
  letter-spacing: .8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
}

.pn-12.white.semi {
  font-weight: 600;
}

.pn-12.white.right {
  text-align: right;
  font-size: 12px;
  line-height: 13px;
}

.div-block-312 {
  background-image: url('../images/arrow_down_2x_1arrow_down_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
}

.time-frame-selector {
  background-color: #fff;
  border: 1px solid #1b4fd2;
  align-items: center;
  height: 35px;
  display: flex;
  position: relative;
  left: 0;
}

.sticky-4 {
  z-index: 1;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 0;
}

.sticky-4.quarter {
  z-index: 5;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  display: flex;
  left: 0;
  right: 0;
}

.sticky-4.quarter.hidden {
  background-image: none;
}

.select-field-3 {
  margin-bottom: 0;
  margin-left: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.row-2 {
  background-color: #fff;
  border-bottom: 1px #d6d6d6;
  align-items: stretch;
  width: auto;
  min-width: 0;
  height: auto;
  padding-left: 10px;
  padding-right: 0;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.row-2:hover {
  opacity: 1;
  background-color: #f1e68b;
}

.row-2.heading {
  background-color: #1b4fd2;
  width: auto;
  min-width: 0;
  display: flex;
}

.row-2.grand-total {
  background-color: #fcf4b175;
  align-items: stretch;
}

.row-2.state {
  border: 1px #000;
  border-top-color: #637da8a3;
  border-bottom: 1px solid #637da8a3;
}

.column-5 {
  color: #161616;
  border-right: 1px #d6d6d6;
  flex-wrap: nowrap;
  flex: 0 auto;
  align-self: auto;
  align-items: center;
  width: 340px;
  min-width: 90px;
  max-width: none;
  min-height: 40px;
  padding: 5px;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  overflow: hidden;
}

.column-5.avg-tx {
  background-color: #61caae66;
  justify-content: flex-end;
  align-items: center;
  width: 75px;
  min-width: 0;
  padding: 5px 6px 5px 4px;
  font-weight: 400;
  display: flex;
}

.column-5.avg-tx.heading {
  background-color: #0000;
  display: block;
}

.column-5.avg-tx.heading:hover {
  background-color: #0000;
}

.column-5.days {
  background-color: #61caae66;
  justify-content: flex-end;
  width: 75px;
  min-width: 0;
  padding: 5px 6px 5px 4px;
  display: flex;
}

.column-5.days.heading {
  background-color: #0000;
  display: block;
}

.column-5.wide {
  border-right-style: none;
  justify-content: flex-end;
  width: 60px;
  min-width: 46px;
  max-width: none;
  padding: 5px 6px 5px 4px;
}

.column-5.org {
  width: 128px;
  padding-left: 4px;
  padding-right: 4px;
}

.table-wrapper {
  background-color: #0000;
  border: 1px #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 0;
  height: auto;
  margin-bottom: 14px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 0;
  display: flex;
  position: static;
  top: 120px;
  overflow: hidden;
}

.table-wrapper.month {
  align-items: flex-start;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pn-18 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.pn-18.semi {
  font-weight: 600;
  line-height: 24px;
}

.pn-15 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}

.pn-15.semi {
  font-weight: 600;
}

.table-3 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 0;
  height: auto;
  margin-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
  position: static;
  top: 120px;
  overflow: visible;
}

.chart-thumb {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: 32px;
  position: relative;
}

.table-scroller {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.twm-spinner {
  margin-top: 60px;
}

.no-input-block-copy {
  padding-top: 220px;
}

.loading-indicator-view {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 0;
  padding-bottom: 140px;
  font-size: 42px;
  display: block;
  position: relative;
  overflow: hidden;
}

.title-2 {
  align-items: baseline;
  margin-top: 6px;
  display: flex;
}

.quote-title {
  color: #00528c;
  font-size: 18px;
  font-weight: 500;
}

.quote-text {
  color: #00528c;
  text-shadow: 2px 2px 9px #ffffffd1;
  max-width: 600px;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
}

.quote-name {
  color: #00528c;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
}

.quote-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.quote-text-wrapper.no-opacity.hidden {
  display: none;
}

.quote-text-wrapper.no-opacity {
  opacity: 0;
}

.by-line-2 {
  margin-top: 40px;
}

.load-more {
  text-align: center;
  width: 100%;
  height: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-block-59 {
  color: #fff;
  font-size: 26px;
  line-height: 40px;
}

.image-72 {
  border-radius: 14px;
}

.search-section-div-copy {
  border-bottom-style: none;
  border-bottom-color: #dee1ff47;
  padding: 10px 18px 10px 40px;
  display: block;
}

.search-section-div-copy.sub {
  background-color: #080e2233;
  border-bottom-style: none;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.where-menu-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: block;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.field-chooser-component-holder {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.div-block-465 {
  flex: 1;
  min-height: 50px;
}

.field-chooser-holder {
  justify-content: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.field-chooser-holder.sub {
  background-color: #080e2233;
  border-bottom-style: none;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.chip-label {
  color: #233852;
  letter-spacing: -.5px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.chip-label.paren {
  font-size: 20px;
}

.chip-label.sm {
  font-size: 13px;
  font-weight: 600;
}

.chip-label.light {
  color: var(--white);
}

.autocomplete-input-5 {
  float: none;
  clear: none;
  color: #333;
  background-color: #fff;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 600;
  display: block;
  position: relative;
}

.result-row-3 {
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-3:hover, .result-row-3.selected {
  background-color: #e7eeff;
}

.results-wrapper-3 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.ac-label {
  white-space: pre-wrap;
  flex-wrap: wrap;
  max-width: 100%;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.ac-label.selected-tab {
  color: #ffffffe6;
}

.ac-label.suffix {
  padding-left: 6px;
}

.tag-content {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.search-wrapper-2 {
  position: relative;
}

.results-scroller-2 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 300px;
  position: absolute;
  overflow: auto;
}

.result-icon {
  opacity: .5;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon.loading {
  opacity: 1;
  background-image: url('../images/Double-Ring-2.2s-124px_1Double Ring-2.2s-124px.gif');
  background-size: 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
}

.result-icon.no-results {
  background-image: url('../images/fastcloud.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon.count {
  background-image: url('../images/icon-reps.png');
}

.result-icon.image {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/icon-image_1icon-image.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon.yesno {
  background-image: url('../images/icon-yesno_1icon-yesno.png');
  background-size: 16px;
}

.result-icon.testimonial {
  background-image: url('../images/icon-testimonial_1icon-testimonial.png');
  background-size: 18px;
}

.result-icon.operator {
  background-image: url('../images/operator.png');
  background-size: 20px;
}

.result-icon.datetime {
  background-image: url('../images/icon-date_1icon-date.png');
  background-size: 18px;
}

.result-icon.time {
  background-image: url('../images/icon-time_1icon-time.png');
  background-size: 16px;
}

.result-icon.fieldname {
  background-image: url('../images/field_1field.png');
  background-size: 18px;
  border-style: none;
}

.result-icon.miles {
  background-image: url('../images/region_1region.png');
  background-size: 16px;
}

.result-icon.bm {
  background-image: url('../images/icon-measure_1icon-measure.png');
  background-size: 20px;
}

.result-icon.all {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/globe_1globe.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon.loading-icon {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon.program {
  background-image: url('../images/programs_1programs.png');
  background-size: 22px;
}

.result-icon.tag {
  background-color: #0000;
  background-size: 20px;
}

.result-icon.no-results-copy {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon.query {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/query.png');
  background-size: 20px;
  background-attachment: scroll;
}

.result-icon.function {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/function.png');
  background-size: 20px;
  background-attachment: scroll;
}

.result-icon.number {
  background-image: url('../images/numbers.png');
}

.result-icon.value {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/quote.png');
  background-size: 20px;
  background-attachment: scroll;
}

.result-icon.keyword {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/key.png');
  background-size: 16px;
  background-attachment: scroll;
}

.result-icon.white-icon {
  opacity: .82;
  background-image: url('../images/remove_1.png');
  background-size: 12px;
}

.result-icon.table {
  opacity: .72;
  background-color: #0000;
  background-image: url('../images/table-white.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon.table.timeout {
  opacity: .67;
  background-image: url('../images/warning_1.png');
}

.result-icon.database {
  opacity: .72;
  background-color: #0000;
  background-image: url('../images/db.png');
  background-size: 16px;
  background-attachment: scroll;
}

.result-icon.alias {
  background-image: none;
  padding-left: 3px;
  font-weight: 700;
}

.result-icon.comment {
  opacity: .64;
  background-image: none;
  position: relative;
}

.result-icon.calendar {
  background-image: url('../images/calendly-icon.png');
}

.result-icon.mini-calendar {
  opacity: .84;
  background-image: url('../images/icon-date_1icon-date.png');
}

.result-icon.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.results-holder-2 {
  z-index: 21231231;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-2.hjkl, .results-holder-2.kljh {
  display: none;
}

.matched {
  color: #000000db;
  cursor: default;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched {
  color: #000000db;
  white-space: nowrap;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.unmatched.fa {
  padding-right: 6px;
}

.dd-result-icon {
  opacity: .6;
  background-image: url('../images/numbers.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 19px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.dd-result-icon.all-regions {
  background-color: #0000;
  background-image: url('../images/field_1field.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.dd-result-icon.patient {
  background-image: url('../images/patient_1patient.png');
  background-size: 16px;
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.dd-result-icon.region {
  background-color: #0000;
  background-image: url('../images/region_1region.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.dd-result-icon.all {
  background-image: url('../images/usa_1usa.png');
  background-size: 21px;
}

.dd-result-icon.clinic {
  background-image: url('../images/clinic_1clinic.png');
}

.remove-3 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-3:hover {
  opacity: 1;
}

.ac-default-label {
  color: #001433bf;
  width: 246px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 0;
  font-size: 15px;
  font-weight: 400;
  display: block;
  position: relative;
  top: 0;
}

.tag {
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  padding: 5px 5px 5px 6px;
  display: flex;
}

.tag.multi {
  opacity: .92;
  background-color: #cddaf8;
  border: 2px solid #394a62;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  display: inline-block;
  position: relative;
}

.tag.multi:hover {
  filter: saturate(200%);
}

.tag.multi.operator {
  background-color: #ffcc80;
}

.tag.multi.operator.opening-fx {
  z-index: 1;
  padding-right: 10px;
}

.tag.multi.value {
  background-color: #69eee2;
}

.tag.multi.field, .tag.multi.field.faw {
  background-color: #d6bfff;
}

.tag.multi.all {
  background-color: #16d0ac;
  border-style: none;
  border-color: #0cb191;
}

.tag.multi.selected {
  opacity: 1;
  filter: saturate(200%);
  border-color: #fff;
}

.tag.multi.table {
  background-color: #8fcbff;
}

.tag.multi.field {
  opacity: 1;
  background-color: #00528ca3;
  border-style: none;
}

.tag.multi.field:hover {
  filter: none;
  background-color: #00528ccc;
}

.tag.multi.record-type, .tag.multi.record-type.faw {
  background-color: #d6bfff;
}

.tag.clear {
  color: #fff;
  background-color: #0000;
  border: 2px solid #0000;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-bottom: 4px;
  padding: 0 0 0 5px;
  transition: all .3s;
  display: inline-block;
  position: relative;
}

.tag.clear:hover {
  background-color: #698dda;
}

.tag.clear.hovered {
  opacity: 1;
  background-color: #698dda;
  margin-right: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.tag.clear.hovered:hover {
  background-color: #698ddab3;
}

.tag.clear.pink {
  padding-left: 0;
  padding-right: 3px;
}

.tag.clear.pink:hover, .tag.clear.pink.hovered {
  background-color: #f06292;
}

.tag.clear.pink.hovered:hover {
  background-color: #f06292b3;
}

.tag.clear.pink.return {
  display: block;
}

.tag.clear.blue {
  padding-right: 3px;
}

.tag.clear.blue:hover, .tag.clear.blue.hovered {
  background-color: #2196f3;
}

.tag.clear.blue.hovered:hover {
  background-color: #2196f3b3;
}

.tag.clear.green {
  padding-left: 0;
}

.tag.clear.green:hover {
  background-color: #12b7c06e;
}

.tag.clear.green.selected {
  background-color: #12b7c0;
}

.tag.clear.green.selected:hover {
  background-color: #12b7c0b3;
}

.tag.clear.orange {
  margin-top: 2px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 3px;
}

.tag.clear.orange:hover {
  background-color: #e59102;
}

.tag.clear.orange.hovered {
  background-color: #e59102;
  padding-left: 2px;
  padding-right: 5px;
}

.tag.clear.orange.hovered:hover {
  background-color: #ffa000b3;
}

.tag.clear.orange.expr {
  padding-left: 20px;
}

.tag.clear.selected {
  border-style: dotted;
  border-color: #fff;
}

.tag.compact {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 0 3px 0 4px;
  display: none;
  position: relative;
}

.tag.multiple {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  display: inline-block;
  position: relative;
}

.tag.dark-blue {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 34px;
  min-height: 34px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  display: inline-block;
  position: relative;
}

.tag.multi {
  opacity: .92;
  background-color: #2196f3;
  border-style: none;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  display: inline-block;
  position: relative;
}

.tag.multi:hover {
  filter: saturate(200%);
  background-color: #0189f5;
}

.tag.record-type {
  background-color: #2196f3;
  width: auto;
  padding-left: 9px;
  display: inline-block;
}

.tag.record-type:hover {
  background-color: #0189f5;
}

.remove-5 {
  opacity: .6;
  background-color: #00000030;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-5:hover {
  opacity: 1;
}

.div-block-466 {
  width: 240px;
}

.simple-auto-complete-component {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.preview-area {
  border-bottom-style: none;
  border-bottom-color: #dee1ff47;
  padding: 10px 18px;
  display: block;
}

.preview-area.sub {
  background-color: #080e2233;
  border-bottom-style: none;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.command-input-copy {
  color: #ffffffcf;
  background-color: #00000038;
  height: 62px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.where-component-holder {
  color: #ffffffcf;
  background-color: #00000038;
  height: 62px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.autocomplete-input-6 {
  float: none;
  clear: none;
  color: #333;
  background-color: #111446;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 460px;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.ac-default-label-2 {
  color: #ffffffcf;
  width: 120px;
  height: 36px;
  max-height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: -4px;
  overflow: hidden;
}

.ac-default-label-2:focus {
  width: 200px;
}

.ac-default-label-2.sm {
  padding-bottom: 10px;
  font-size: 15px;
  line-height: 18px;
  top: 0;
}

.command-component {
  z-index: 3;
  background-color: #1c3d97;
  border: 1px solid #668cfd;
  border-radius: 8px;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.little-lable {
  color: #fffc;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
}

.little-lable.sub {
  font-size: 12px;
  line-height: 16px;
}

.little-lable.big {
  font-size: 18px;
  font-weight: 300;
}

.search-button-div-copy {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 70px;
  padding: 20px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.edit-field-modal {
  z-index: 998;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.command-menu-copy {
  z-index: 3;
  background-color: #1c3d97;
  border: 1px solid #668cfd;
  border-radius: 8px;
  min-width: 500px;
  margin-left: auto;
  margin-right: auto;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
  box-shadow: -4px 4px 20px #0000004d;
}

.collection-edit-content {
  color: #ffffffcf;
  background-color: #00000038;
  max-height: 70vh;
  padding: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  overflow: auto;
}

.simple-cell-contents {
  cursor: pointer;
  display: flex;
  position: static;
}

.div-block-468 {
  background-image: url('../images/remove_1.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-469 {
  cursor: pointer;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}

.submit-save-button-3 {
  text-align: center;
  white-space: nowrap;
  background-color: #4187f8;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  height: 46px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-3:hover {
  color: #fff;
  background-color: #276ee0;
}

.submit-save-button-3.cancel {
  color: #ffffffb3;
  background-color: #0006;
  margin-left: 7px;
  margin-right: 14px;
}

.submit-save-button-3.cancel:hover {
  color: #ffffffe6;
  background-color: #00000096;
}

.plan-button-holder {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 340px;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 15px;
  display: flex;
}

.plan-button-holder.new {
  justify-content: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
}

.plan-button-holder.right-aligned {
  justify-content: flex-end;
  width: 100%;
  margin-left: 0;
  padding: 20px 20px 20px 10px;
}

.div-block-470 {
  padding-bottom: 10px;
  display: flex;
}

.plan-button-holder-copy.new {
  justify-content: flex-end;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.whisper {
  z-index: 996;
  background-color: #cbd1eb;
  border: 1px solid #181414;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  min-width: 80px;
  min-height: 24px;
  max-height: none;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  transition: top .5s;
  display: flex;
  position: fixed;
  inset: -200px 0% auto;
  box-shadow: 3px 4px 7px 2px #0000008a;
}

.whisper.show {
  flex-direction: column;
  width: 660px;
  top: 0;
}

.view-all-link-2 {
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 10px;
  display: block;
}

.small-text-2 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-size: 12px;
  line-height: 18px;
}

.small-text-2.view-all {
  text-transform: none;
}

.sf-15-med {
  color: #000000db;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.sf-15-med.white {
  color: #ffffffdb;
  font-weight: 500;
}

.template-holder {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.dd-result-icon-copy {
  opacity: .6;
  background-image: url('../images/region_1region.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 8px;
}

.dd-result-icon-copy.all-regions {
  background-color: #0000;
  background-image: url('../images/usa_1usa.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.dd-result-icon-copy.patient {
  background-image: url('../images/patient_1patient.png');
  background-size: 16px;
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.dd-result-icon-copy.region {
  background-color: #0000;
  background-image: url('../images/region_1region.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.dd-result-icon-copy.all {
  opacity: 0;
  background-image: url('../images/usa_1usa.png');
  background-size: 21px;
  width: 6px;
  min-width: 6px;
}

.dd-result-icon-copy.clinic {
  background-image: url('../images/clinic_1clinic.png');
}

.text-span {
  color: #ffffffd4;
  background-color: #0000;
}

.input-text {
  color: #fffc;
  font-weight: 400;
}

.form-block-4 {
  background-color: #00000038;
  padding: 20px;
}

.text-input {
  color: #ffffffd4;
  background-color: #0000;
  border: 1px solid #5b7ee9;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.lightning {
  background-image: url('../images/lightning_1lightning.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-right: 5px;
}

.text-12-white {
  color: #fff;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 21px;
}

.text-12-white.label {
  color: #fffc;
}

.spinner-execute {
  background-image: url('../images/Double-Ring-1.7s-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 5px;
}

.result-icon-table {
  opacity: .6;
  background-image: url('../images/table_1table.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 8px;
}

.result-icon-table.all-regions {
  background-color: #0000;
  background-image: url('../images/usa_1usa.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-table.patient {
  background-image: url('../images/patient_1patient.png');
  background-size: 16px;
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.result-icon-table.region {
  background-color: #0000;
  background-image: url('../images/region_1region.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-table.all {
  background-image: url('../images/usa_1usa.png');
  background-size: 21px;
}

.result-icon-table.clinic {
  background-image: url('../images/clinic_1clinic.png');
}

.result-icon-field {
  opacity: .6;
  background-image: url('../images/field_1field.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-field.all-regions {
  background-color: #0000;
  background-image: url('../images/usa_1usa.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-field.patient {
  background-image: url('../images/patient_1patient.png');
  background-size: 16px;
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.result-icon-field.region {
  background-color: #0000;
  background-image: url('../images/region_1region.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-field.all {
  background-image: url('../images/usa_1usa.png');
  background-size: 21px;
}

.result-icon-field.clinic {
  background-image: url('../images/clinic_1clinic.png');
}

.text-field-3 {
  color: #fff;
  background-color: #00000038;
  border: 1px #000;
  font-family: Open Sans, sans-serif;
}

.command-menu-left {
  z-index: 3;
  background-color: #445f81;
  margin-top: 15px;
  padding-right: 10px;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.autocomplete-input {
  float: none;
  clear: none;
  color: #333;
  background-color: #00000038;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  margin-bottom: -10px;
  padding-bottom: 0;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.preview-area-left {
  border-bottom-style: none;
  border-bottom-color: #dee1ff47;
  padding: 8px 0 0;
  display: block;
}

.preview-area-left.sub {
  background-color: #080e2233;
  border-bottom-style: none;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.preview-area-left.query {
  padding-left: 0;
}

.result-icon-operator {
  opacity: .6;
  background-image: url('../images/operator.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 21px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-operator.all-regions {
  background-color: #0000;
  background-image: url('../images/usa_1usa.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-operator.patient {
  background-image: url('../images/patient_1patient.png');
  background-size: 16px;
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.result-icon-operator.region {
  background-color: #0000;
  background-image: url('../images/region_1region.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-operator.all {
  background-image: url('../images/usa_1usa.png');
  background-size: 21px;
}

.result-icon-operator.clinic {
  background-image: url('../images/clinic_1clinic.png');
}

.result-icon-value {
  opacity: .6;
  background-image: url('../images/numbers.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 19px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-value.all-regions {
  background-color: #0000;
  background-image: url('../images/usa_1usa.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-value.patient {
  background-image: url('../images/patient_1patient.png');
  background-size: 16px;
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.result-icon-value.region {
  background-color: #0000;
  background-image: url('../images/region_1region.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-value.all {
  background-image: url('../images/usa_1usa.png');
  background-size: 21px;
}

.result-icon-value.clinic {
  background-image: url('../images/clinic_1clinic.png');
}

.result-icon-globe {
  opacity: .6;
  background-image: url('../images/globe_1globe.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 19px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-globe.all-regions {
  background-color: #0000;
  background-image: url('../images/usa_1usa.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-globe.patient {
  background-image: url('../images/patient_1patient.png');
  background-size: 16px;
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.result-icon-globe.region {
  background-color: #0000;
  background-image: url('../images/region_1region.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-globe.all {
  background-image: url('../images/usa_1usa.png');
  background-size: 21px;
}

.result-icon-globe.clinic {
  background-image: url('../images/clinic_1clinic.png');
}

.query-container {
  background-color: #fff;
  flex-direction: column;
  flex: none;
  width: 100%;
  height: 200px;
  display: flex;
  position: static;
  bottom: 0;
}

.div-block-471 {
  background-color: #233852cc;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.image-73 {
  width: 20px;
}

.clipboard-icon {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.clipboard-icon:hover {
  opacity: 1;
  background-color: #233852;
}

.query-text {
  min-height: 90px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
}

.result-row {
  align-items: center;
  height: auto;
  min-height: 30px;
  padding: 6px 10px 6px 8px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row:hover {
  background-color: #d8e6fc;
}

.text-15 {
  color: #000000db;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.results-wrapper {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-top-style: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: absolute;
  box-shadow: 3px 3px 13px 1px #0003;
}

.div-block-472 {
  position: relative;
}

.text-15-copy {
  color: #000000db;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.text-result {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.result-row-4 {
  align-items: center;
  height: auto;
  min-height: 38px;
  padding: 6px 8px;
  font-size: 16px;
  display: flex;
}

.result-row-4:hover {
  background-color: #f3f5f8;
}

.result-row-4.selected {
  background-color: #d8e6fc;
}

.result-row-4.selected-tab {
  background-color: #172766;
}

.result-row-4.selected-tab.selected {
  background-color: #224cadb5;
}

.matched-2 {
  color: #000000db;
  white-space: pre-wrap;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.results-holder-3 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.results-scroller-3 {
  z-index: 1000000;
  border: 1px solid #cfcfcf;
  width: 350px;
  min-width: 350px;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-3.custom-scroller.vertical-custom-scroller {
  display: block;
}

.top-tab-bar {
  background-color: #9cafeb;
  border-bottom: 1px #ffffff47;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 100vw;
  height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.db-tab {
  opacity: .78;
  cursor: pointer;
  background-color: #1c3d97;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex: none;
  align-items: center;
  width: auto;
  min-width: 30px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  padding-left: 8px;
  padding-right: 2px;
  display: flex;
}

.db-tab:hover {
  opacity: .93;
}

.db-tab.current {
  opacity: 1;
  background-color: #172766;
  align-items: center;
  padding-right: 4px;
  display: flex;
}

.db-tab.current.hidden {
  max-width: none;
}

.db-tab.hidden {
  flex: none;
}

.db-tab.hidden-copy {
  flex: 1;
}

.db-tab-label-holder {
  color: #ffffffe6;
  -webkit-text-stroke-color: #c2c2c2;
  object-fit: fill;
  flex: none;
  align-items: center;
  height: 30px;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  display: flex;
  overflow: hidden;
}

.tab-close {
  opacity: .75;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  width: 18px;
  height: 18px;
  margin-left: 6px;
}

.tab-close:hover {
  opacity: 1;
}

.tab-container {
  align-items: center;
  display: flex;
  position: relative;
}

.text-block-60 {
  color: #ffffffe6;
  white-space: nowrap;
  cursor: text;
  min-width: 20px;
  line-height: 15px;
}

.add-tab {
  z-index: 999;
  opacity: .88;
  cursor: pointer;
  background-color: #1c3d97;
  background-image: url('../images/icon-add_1icon-add.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 24px;
  margin-bottom: 6px;
  margin-left: 6px;
  margin-right: 4px;
  display: flex;
  position: absolute;
  top: 10px;
  left: 0;
}

.add-tab:hover {
  opacity: 1;
}

.image-74 {
  background-color: #fff;
  border-radius: 8px;
}

.select-db-menu {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.db-list {
  z-index: 3;
  background-color: #547092;
  width: 95%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px 40px;
  position: relative;
  overflow: visible;
  box-shadow: -4px 4px 20px 9px #0000004d;
}

.db-block {
  float: left;
  color: #fff;
  cursor: pointer;
  object-position: 0% 0%;
  background-color: #1c3d97;
  width: 18%;
  min-width: 140px;
  height: 120px;
  margin-top: 16px;
  margin-right: 16px;
  padding: 20px;
  font-family: Open Sans, sans-serif;
  display: inline-block;
}

.db-block:hover {
  background-color: #0e2a77;
}

.text-block-61 {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  line-height: 28px;
}

.div-block-474 {
  opacity: .6;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 46px;
  height: 46px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-474:hover {
  opacity: 1;
}

.close-db-menu {
  opacity: .54;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 56px;
  height: 44px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-db-menu:hover {
  opacity: .9;
}

.results-holder-4 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-4.test {
  display: none;
}

.where-ac-holder {
  min-height: 30px;
  display: block;
  position: relative;
}

.div-block-475, .div-block-476 {
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-477 {
  background-color: #1c3d97;
  width: 100%;
  max-height: 60vh;
  overflow: auto;
}

.sf-15-med-copy {
  color: #000000db;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 18px;
}

.sql-text-editor {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  flex: 1;
  overflow: auto;
}

.progress-indicator-3 {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.loader-3 {
  text-align: center;
  background-color: #363636;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-around;
  width: auto;
  min-width: 100px;
  max-width: 220px;
  height: 160px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 14px 14px;
  display: flex;
  position: absolute;
  inset: 40% 0% 0%;
  overflow: visible;
}

.spinner {
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.nz-15 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}

.nz-15.bold {
  font-weight: 700;
}

.nz-15.bold.center {
  color: #fff;
  text-align: center;
  text-align: center;
  font-size: 18px;
  display: block;
}

.no-dbs-display, .db-list-copy {
  z-index: 3;
  background-color: #172766;
  width: 95%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px 40px;
  position: relative;
  overflow: visible;
  box-shadow: -4px 4px 20px 9px #0000004d;
}

.select-db-fullscreen-bg {
  z-index: 998;
  background-color: #172766;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-left: 100px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.intro-5 {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-color: #ebf0f3;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  display: none;
  position: fixed;
  overflow: hidden;
}

.query-tab-content-holder {
  border-bottom: 1px solid #a3c8f5;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: auto;
}

.query-tab-content-holder.hidden {
  display: flex;
}

.body-2 {
  background-color: #4c99f8;
}

.fc-icon {
  z-index: 999;
  cursor: pointer;
  background-image: url('../images/fc-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 34px;
  margin-bottom: 2px;
  margin-left: 6px;
  margin-right: 4px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.fc-icon:hover {
  opacity: .88;
  background-color: #ffffff59;
  background-image: url('../images/logout.png');
  background-size: 20px;
}

.select-table-fields-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.field-row {
  opacity: .76;
  justify-content: flex-start;
  align-items: center;
  height: 42px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.field-row:hover {
  background-color: #ffffff1f;
}

.field-row.selected {
  opacity: 1;
  background-color: #ffffff2e;
  display: flex;
}

.checkbox {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #ffffff9c;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: 3px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox.hidden {
  padding-left: 4px;
  padding-right: 4px;
}

.checkbox.selected {
  background-color: #233852;
  background-image: url('../images/check_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-color: #233852;
}

.title-customize-table {
  border-bottom: 1px solid #ffffff80;
  align-items: center;
  height: 46px;
  padding-left: 20px;
  display: flex;
}

.all-tabs-holder-2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  max-width: 100vw;
  max-height: 100vh;
  padding: 10px;
  display: flex;
  overflow: hidden;
}

.long-text-edit-component-holder {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: block;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.command-component-copy {
  z-index: 3;
  background-color: #445f81;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.record-type-component-holder {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.autocomplete-input-5-copy {
  float: none;
  clear: none;
  color: #333;
  background-color: #fff;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 40px;
  font-size: 16px;
  font-weight: 600;
  display: block;
  position: relative;
}

.text-field-4 {
  width: 500px;
  height: 48px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
}

.div-block-466-copy {
  margin-left: 10px;
}

.add-field-modal {
  z-index: 998;
  background-color: #0006;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.collection-edit-content-copy {
  color: #ffffffcf;
  background-color: #00000038;
  padding: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.text-field-5 {
  margin-top: 6px;
}

.select-field-4 {
  padding-top: 6px;
}

.select-field-4:focus {
  outline-offset: 0px;
  border-style: solid;
  border-color: #6669ec;
  outline: 3px solid #444ce2;
}

.tab-loader {
  opacity: .48;
  background-image: url('../images/Rolling-1s-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 22px;
  height: 22px;
  margin-right: 4px;
}

.hotkeys {
  z-index: 999;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  padding: 8px;
  display: block;
  position: absolute;
  inset: 0%;
  box-shadow: 1px 1px 3px #00000078;
}

.key-button {
  opacity: .9;
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3);
  border: 1px solid #d8d8d8;
  justify-content: space-between;
  align-items: center;
  width: 140px;
  height: 32px;
  margin-bottom: 2px;
  padding-left: 12px;
  padding-right: 8px;
  display: flex;
}

.key-button:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d);
  border-color: #adadad;
}

.key-button:focus {
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.key-button.off {
  opacity: .5;
}

.sf-13 {
  color: #313131;
  font-size: 13px;
  line-height: 15px;
}

.shortcut {
  opacity: .8;
}

.sf-15 {
  color: #312b3de3;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-15.social {
  color: #aaa;
  font-size: 15px;
  font-weight: 600;
}

.sf-15.social:hover {
  color: #7c7c7c;
}

.sf-15.blue {
  opacity: .88;
  color: #0078ce;
  transition: opacity .2s;
}

.sf-15.blue:hover {
  opacity: 1;
}

.sf-15.white {
  color: #ffffffc9;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-weight: 400;
}

.sf-15.grey {
  color: #8a8a8a;
  font-size: 14px;
}

.cell-right-click {
  z-index: 996;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 6px 8px 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% 0 0;
  box-shadow: 2px 3px 7px 2px #0003;
}

.cell-right-click:hover {
  opacity: .92;
}

.div-block-479 {
  background-image: url('../images/clip.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.a-join-holder {
  z-index: 3;
  margin-top: 0;
  padding-right: 16px;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.on-heading {
  align-items: center;
  height: 22px;
  padding-bottom: 2px;
  padding-left: 20px;
  display: flex;
}

.on-heading.unselectable {
  cursor: move;
}

.preview-area-left-copy {
  border-bottom-style: none;
  border-bottom-color: #dee1ff47;
  padding: 8px 0 0;
  display: block;
}

.preview-area-left-copy.sub {
  background-color: #080e2233;
  border-bottom-style: none;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.close-section {
  opacity: .7;
  cursor: pointer;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-left: auto;
  margin-right: 6px;
  display: flex;
}

.close-section:hover {
  opacity: 1;
}

.result-icon-field-copy {
  opacity: .6;
  background-image: url('../images/field_1field.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-field-copy.all-regions {
  background-color: #0000;
  background-image: url('../images/usa_1usa.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-field-copy.patient {
  background-image: url('../images/patient_1patient.png');
  background-size: 16px;
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.result-icon-field-copy.region {
  background-color: #0000;
  background-image: url('../images/region_1region.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.result-icon-field-copy.all {
  background-image: url('../images/usa_1usa.png');
  background-size: 21px;
}

.result-icon-field-copy.clinic {
  background-image: url('../images/clinic_1clinic.png');
}

.text-block-64 {
  color: #111446;
  display: inline-block;
  position: relative;
}

.text-block-64:hover {
  background-color: #3b93ff;
}

.cell-options {
  background-color: #3b93ff;
  justify-content: space-between;
  align-items: center;
  height: 18px;
  display: flex;
  position: absolute;
  inset: -11px auto auto 6px;
}

.text-11 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  line-height: 11px;
}

.text-11.blue {
  color: #add2fff0;
}

.text-11.chip-label-white-sm-2-colhk {
  color: #fff;
}

.text-11.white {
  color: #fff;
  font-weight: 600;
}

.text-11.red-semi {
  color: #ed4444;
  font-weight: 600;
}

.text-11.white-trans {
  color: #ffffffb3;
  letter-spacing: .5px;
  letter-spacing: .6px;
  letter-spacing: .6px;
  letter-spacing: .6px;
  padding-top: 16px;
  padding-bottom: 6px;
  padding-left: 0;
  line-height: 14px;
}

.cell-setting-icon {
  background-image: url('../images/settings.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-left: 1px solid #ffffff8f;
  width: 20px;
  height: 18px;
  margin-left: 6px;
}

.cell-setting-icon:hover {
  opacity: .76;
}

.cell-copy {
  padding-left: 6px;
}

.cell-copy:hover {
  opacity: .76;
}

.header-label-2 {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.content-row-3 {
  background-color: #c3d1ef;
  border-bottom: 1px solid #99a2d1;
  align-items: center;
  height: 60px;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.content-row-3:hover {
  background-color: #9cb0db;
}

.content-row-3.selected {
  background-color: #276ee0;
}

.row-select-cell {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  width: 34px;
  min-width: 34px;
  height: 100%;
  min-height: 30px;
  display: block;
}

.row-select-cell:hover {
  background-image: url('../images/check-hover.png');
}

.row-select-cell.selected {
  background-image: url('../images/checked_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  display: block;
}

.row-select-cell.header {
  background-color: #0000;
  background-image: none;
  align-items: stretch;
  height: auto;
  min-height: 42px;
}

.header-cell-content-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  display: flex;
  position: relative;
}

.header-row-2 {
  color: #fff;
  object-fit: fill;
  background-color: #3954a9;
  border-bottom: 1px solid #3f53a3;
  min-height: 32px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  display: flex;
  position: relative;
  overflow: visible;
}

.explorer-cell-2 {
  color: #111446;
  object-fit: fill;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  display: flex;
  overflow: visible;
}

.block-2 {
  min-width: 600px;
  padding-top: 0;
  position: static;
  overflow: visible;
}

.block-2.hidden {
  min-height: 200px;
}

.header-cell-2 {
  color: #fff;
  object-fit: fill;
  background-color: #243c92;
  border-top: 1px #000;
  height: auto;
  padding: 6px 10px;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  overflow: visible;
}

.header-cell-2:hover {
  background-color: #243c92;
}

.tooltip-3 {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .9;
  background-color: #162a42;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 2px 3px 7px 2px #0003;
}

.tool-label {
  color: #fff;
  cursor: pointer;
  padding-left: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 13px;
}

.tool-label.label {
  margin-right: 5px;
}

.icon-div-2 {
  opacity: .72;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 48px;
  height: 36px;
  margin-left: 3px;
  margin-right: 3px;
  transition: background-color .4s;
  display: flex;
}

.icon-div-2:hover {
  opacity: 1;
  background-color: #111446e6;
}

.icon-div-2.save {
  cursor: pointer;
}

.icon-div-2.delete {
  display: flex;
}

.icon-div-2.add-new {
  cursor: pointer;
  justify-content: flex-start;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.icon-div-2.jklghjk {
  cursor: pointer;
  justify-content: flex-start;
  width: auto;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.icon-div-2.disabled {
  opacity: .36;
}

.icon-div-2.disabled:hover {
  background-color: #0000;
}

.icon-div-2.excel, .icon-div-2.csv {
  cursor: pointer;
}

.icon-div-2.stop {
  opacity: .8;
  background-image: url('../images/stop.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.icon-div-2.stop:hover {
  opacity: 1;
}

.icon-div-2.stop.disabled {
  opacity: .38;
}

.icon-div-2.activity {
  opacity: 1;
  background-image: url('../images/Spin-1.4s-204px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.icon-div-2.activity:hover {
  background-color: #0000;
}

.icon-div-2.activity.disabled {
  opacity: .5;
  background-image: url('../images/Spin-still.png');
  background-repeat: no-repeat;
  background-size: 32px;
}

.edit-toolbar-2 {
  z-index: 2;
  background-color: #172766;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
  overflow: visible;
}

.edit-toolbar-2.hidden {
  z-index: 1000;
  flex: none;
  justify-content: space-between;
  padding-right: 6px;
  position: relative;
}

.table-row-2 {
  background-color: #d3e7ff;
  border-top: 1px solid #fff;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  display: flex;
}

.table-wrapper-2 {
  background-color: #d3e7ff;
  max-width: 70vw;
  max-height: 73vh;
  padding-top: 0;
  padding-bottom: 20px;
  position: static;
  overflow: auto;
}

.table-field-wrapper-2 {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 50px;
  min-height: 44px;
  padding-right: 5px;
  display: flex;
}

.left-column {
  justify-content: flex-end;
  align-items: center;
  min-width: 200px;
  min-height: 32px;
  margin-right: 20px;
  padding-left: 10px;
  display: flex;
}

.modal-content-container {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  min-height: 200px;
  padding: 3px 0 0;
  display: inline-block;
  position: relative;
  top: 80px;
  left: 450px;
  box-shadow: 0 -4px 14px 4px #000, 3px 3px 14px 4px #0003;
}

.nested-label {
  width: 120px;
  padding-right: 10px;
}

.link-holder {
  padding-top: 6px;
}

.right-column {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-height: 32px;
  display: flex;
}

.modal-record {
  z-index: 999;
  cursor: pointer;
  padding-top: 20px;
  display: block;
  position: fixed;
  inset: 0;
}

.table-field-wrapper-2-copy {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 50px;
  min-height: 44px;
  padding-right: 5px;
  display: flex;
}

.date-field {
  background-color: #fff;
  border: 1px solid #cecece;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  height: 32px;
  margin-right: 10px;
  padding-left: 6px;
  display: flex;
}

.date-field.short {
  width: 80px;
}

.row-open {
  cursor: pointer;
  background-image: url('../images/open_1open.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 26px;
  height: 100%;
  min-height: 30px;
  margin-left: 6px;
}

.row-open:hover {
  opacity: 1;
}

.row-open.w {
  background-image: url('../images/open_2.png');
}

.row-select-cell-copy {
  cursor: pointer;
  background-color: #aacdf8;
  border-right: 1px solid #fff;
  width: 26px;
  min-width: 26px;
  height: 100%;
  min-height: 30px;
}

.row-select-cell-copy:hover {
  opacity: .3;
  background-color: #6ea2e0;
  background-image: url('../images/icon-check3x_1icon-check@3x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
}

.row-select-cell-copy.selected {
  background-color: #6ea2e0;
  background-image: url('../images/icon-check3x_1icon-check@3x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
}

.row-select-cell-copy.header {
  background-color: #0000;
  align-items: stretch;
  height: auto;
  min-height: 42px;
}

.row-select-cell-copy.header:hover {
  background-image: none;
}

.div-block-480 {
  display: flex;
  position: relative;
}

.record-type-table-label {
  border-bottom-style: none;
  border-bottom-color: var(--white);
  color: #161616;
  cursor: pointer;
  object-fit: fill;
  padding: 6px 4px 6px 0;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  overflow: visible;
}

.div-block-470-copy {
  background-color: #f6f6f6;
  display: flex;
}

.plan-button-holder-copy {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 340px;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 15px;
  display: flex;
}

.plan-button-holder-copy.new {
  justify-content: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.plan-button-holder-copy-copy.new-copy {
  justify-content: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.modal-record-copy {
  z-index: 999;
  cursor: pointer;
  padding-top: 20px;
  display: block;
  position: fixed;
  inset: 0;
}

.modal-record-2 {
  z-index: 999;
  cursor: pointer;
  background-color: #0000;
  padding-top: 20px;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-record-2.close-modal {
  background-color: #00000059;
  width: 0;
  height: 0;
  display: none;
}

.table-row-3 {
  border-top: 1px solid #ffffff24;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  display: flex;
}

.close-modal-2 {
  opacity: .7;
  cursor: pointer;
  display: inline-block;
}

.close-modal-2:hover {
  opacity: .9;
}

.close-modal-2.close-modal {
  width: 22px;
  margin-right: 6px;
}

.close-modal-2.close-modal-copy {
  width: 22px;
  margin-right: 6px;
  position: static;
}

.link-2 {
  color: #42a6fd;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.link-2:hover {
  text-decoration: underline;
}

.submit-section {
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 5px 20px 10px;
  display: flex;
}

.submit-section.center {
  background-color: #1c3d98;
  justify-content: center;
  padding-top: 10px;
  position: relative;
}

.table-wrapper-3 {
  background-color: #445f81;
  max-width: 70vw;
  max-height: 73vh;
  padding-top: 0;
  padding-bottom: 20px;
  position: static;
  overflow: auto;
}

.record-modal {
  background-color: #163076;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  min-width: 200px;
  max-width: 98vw;
  height: 90%;
  min-height: 50px;
  max-height: 100vh;
  padding: 3px 0 0;
  display: none;
  position: fixed;
  top: 50px;
  left: 450px;
  overflow: hidden;
  box-shadow: 0 0 12px 7px #00000080;
}

.modal-top-bar-2 {
  cursor: move;
  background-color: #1c3d98;
  justify-content: space-between;
  align-items: center;
  padding: 6px 2px 6px 4px;
  display: flex;
  position: static;
}

.record-field-label {
  color: #ffffffbf;
  text-align: right;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.white-label {
  color: #fffc;
  text-align: left;
  font-family: Open Sans, sans-serif;
}

.div-block-481 {
  display: flex;
}

.cell-copy-copy {
  padding-left: 6px;
  padding-right: 6px;
}

.text-block-66 {
  color: #111446;
  text-align: left;
  font-size: 14px;
  line-height: 30px;
}

.text-block-66.ellipsis {
  max-width: 500px;
}

.text-block-66.ellipsis.null {
  color: #7e7fa6;
}

.div-block-484 {
  padding-right: 6px;
  position: relative;
}

.text-block-67 {
  padding-left: 6px;
  line-height: 30px;
}

.cell-options-copy {
  background-color: #3b93ff;
  justify-content: space-between;
  align-items: center;
  height: 18px;
  display: flex;
  position: absolute;
  inset: -12px auto auto 6px;
}

.cell-copy-2 {
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
}

.cell-copy-2:hover {
  opacity: .76;
}

.bit-1 {
  background-color: #000;
  width: 4px;
  height: 18px;
}

.bit-toggle {
  background-color: #76ff03;
  border: 1px solid #76ff03;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 32px;
  display: flex;
}

.bit-toggle.off {
  background-color: #ffffff40;
  border-style: none;
}

.bit-toggle.off:hover {
  background-color: #76ff0380;
}

.bit-toggle-wrapper {
  border: 1px solid #fff6;
  align-items: center;
  width: 80px;
  height: 32px;
  display: flex;
}

.bit-0 {
  border: 3px solid #000;
  border-radius: 20px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.tile-hover-icon-block {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin-right: 5px;
  display: flex;
}

.command-menu-left-2 {
  z-index: 3;
  margin-bottom: 0;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 8px;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.command-menu-left-2.hidden {
  margin-bottom: 0;
}

.command-menu-left-2.limit {
  margin-bottom: 6px;
}

.all-tabs-holder-3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  max-width: 100vw;
  max-height: 100vh;
  padding-top: 2px;
  padding-bottom: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-wrapper {
  background-color: #172766;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.right-column-tab {
  color: #ffffffa6;
  text-align: center;
  cursor: pointer;
  border-bottom: 4px solid #0000;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 40px;
  padding-top: 4px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  display: flex;
}

.right-column-tab:hover {
  background-color: #2a449a;
}

.right-column-tab.selected {
  opacity: 1;
  color: #ffffffe6;
  background-color: #172766;
}

.sort-option-button {
  color: #fffc;
  cursor: pointer;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 54px;
  height: 30px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  display: flex;
}

.sort-option-button:hover {
  background-color: #111446;
}

.sort-option-button.selected {
  color: #fff;
  background-color: #4187f8;
  border-color: #ffffff87;
  font-weight: 600;
}

.icon-rename {
  opacity: .6;
  transition: opacity .3s;
}

.icon-rename:hover {
  opacity: 1;
}

.drag-bar {
  cursor: ew-resize;
  background-color: #111446;
  border-left: 1px solid #3a60d4;
  border-right: 1px solid #3a60d5;
  align-self: stretch;
  width: 8px;
  min-width: 8px;
}

.drag-bar:hover {
  background-color: #1c3d97;
}

.drag-bar.unselectable {
  flex: none;
}

.drag-bar.horizontal {
  cursor: ns-resize;
  cursor: ns-resize;
  border-style: solid none;
  border-top-width: 1px;
  border-top-color: #3a60d4;
  border-bottom-width: 1px;
  border-bottom-color: #3a60d4;
  border-left-color: #3a60d4;
  width: 100%;
  height: 8px;
  min-height: 8px;
}

.sql-text-editor-tool-bar {
  background-color: #172766;
  border-bottom: 1px solid #3a60d4;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  padding-left: 10px;
  padding-right: 5px;
  display: flex;
}

.query-history-list-container {
  background-color: #0003;
  flex: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.explorer-cell-3 {
  color: #111446;
  object-fit: fill;
  border-bottom: 1px solid #3f53a3;
  height: 36px;
  padding: 6px 10px 6px 16px;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  overflow: visible;
}

.query-item {
  cursor: pointer;
  background-color: #0000;
  width: 100%;
  padding: 12px 6px 12px 10px;
  position: relative;
  overflow: hidden;
}

.query-item:hover {
  background-color: #111446;
}

.left-panel-copy-2 {
  justify-content: space-between;
  margin-bottom: 0;
  padding: 10px;
  display: block;
}

.xs-text-label {
  color: #fff9;
  letter-spacing: .2px;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.xs-text-label.db {
  margin-top: 3px;
  margin-bottom: 0;
}

.table-details-2 {
  background-color: #111446;
  flex-direction: column;
  flex: 1;
  min-width: 100px;
  height: 100%;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-483 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.query-column {
  background-color: #172766;
  flex-direction: column;
  flex: none;
  width: 330px;
  min-width: 200px;
  height: 100vh;
  max-height: 100vh;
  display: flex;
}

.query-sort-options {
  background-color: #172766;
  border-bottom: 1px solid #3a60d4;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 10px;
  display: block;
}

.query-list {
  background-color: #172766;
  flex: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.small-text {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.small-text.white {
  color: #fffc;
  line-height: 15px;
}

.small-text.white.afea {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}

.small-text.red {
  color: #ff9696;
  line-height: 18px;
}

.small-text.red.ab {
  z-index: 11;
  position: absolute;
  inset: auto 0% 52px 2%;
}

.query-list-wrapper {
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
  overflow: auto;
}

.query-list-wrapper.hidden {
  display: none;
  overflow: hidden;
}

.outer-wrapper3 {
  display: flex;
  overflow: hidden;
}

.outer-wrapper3.unselectable {
  height: 100vh;
}

.item-overlay {
  opacity: 0;
  background-image: linear-gradient(266deg, #111446, #0000 64%);
  border: 1px #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 10px;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.item-overlay:hover {
  opacity: 1;
}

.right-tab-wrapper {
  background-color: #97b0ce;
  flex-direction: row;
  align-items: flex-start;
  height: 40px;
  display: flex;
}

.right-tab-wrapper.unselectable {
  align-items: center;
}

.icon-trash {
  opacity: .6;
  transition: opacity .3s;
}

.icon-trash:hover {
  opacity: 1;
}

.column-search-explorer-2 {
  border: 1px #5998c5;
  flex-direction: column;
  flex: none;
  width: 400px;
  min-width: 224px;
  height: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.table-wrapper-4 {
  flex: 1;
  padding-top: 0;
  padding-bottom: 20px;
  position: static;
  overflow: auto;
}

.command-menu-2 {
  z-index: 3;
  background-color: #1c3d97;
  border: 1px solid #668cfd;
  border-radius: 8px;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
  box-shadow: -4px 4px 20px 9px #0000004d;
}

.label-14-white {
  color: #fffc;
  text-align: left;
  font-family: Open Sans, sans-serif;
}

.div-block-486 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
}

.nav-tab-content-holder {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.save-query-modal {
  z-index: 998;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.field-copy {
  background-color: #fff;
  border: 1px solid #cecece;
  justify-content: flex-start;
  align-items: center;
  width: 320px;
  height: 32px;
  margin-right: 10px;
  display: flex;
}

.command-menu-copy-2 {
  z-index: 3;
  background-color: #1c3d97;
  border: 1px solid #668cfd;
  border-radius: 8px;
  min-width: 350px;
  margin-left: auto;
  margin-right: auto;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
  box-shadow: -4px 4px 20px 9px #0000004d;
}

.collection-edit-content-2 {
  color: #ffffffcf;
  background-color: #00000038;
  padding: 40px 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.plan-button-holder-copy-copy {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 340px;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 15px;
  display: flex;
}

.plan-button-holder-copy-copy.new {
  justify-content: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.text-field-4-copy {
  width: 120px;
  height: 48px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
}

.filter-by-field-name-input {
  border-bottom-style: none;
  border-bottom-color: #dee1ff47;
  justify-content: flex-start;
  padding-top: 4px;
  display: flex;
  position: relative;
}

.filter-by-field-name-input.sub {
  background-color: #080e2233;
  border-bottom-style: none;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.text-field-6 {
  font-family: Open Sans, sans-serif;
}

.text-field-template {
  width: 500px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.query-name-input-holder {
  background-color: #fff;
  border: 1px solid #cecece;
  justify-content: flex-start;
  align-items: center;
  width: 320px;
  height: 32px;
  display: flex;
}

.query-item-copy {
  width: 100%;
  padding: 10px 6px 10px 10px;
  position: relative;
  overflow: hidden;
}

.left-panel-progress-indicator {
  flex-direction: column;
  flex: 0 auto;
  height: 100%;
  padding-top: 100px;
  display: none;
  overflow: auto;
}

.small-text-copy {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.small-text-copy.white {
  color: #fffc;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 15px;
}

.div-block-487 {
  padding-left: 6px;
}

.copy-tooltip {
  cursor: pointer;
  background-color: #3b93ff;
  border-radius: 2px;
  justify-content: space-between;
  align-items: center;
  height: 18px;
  display: none;
  position: fixed;
  inset: 533px auto auto 309px;
}

.cell-copy-copy {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
}

.cell-copy-copy:hover {
  opacity: .76;
}

.text-11-copy {
  color: #fff;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 11px;
  line-height: 11px;
}

.cell-copy-copy-copy {
  padding: 4px 6px;
}

.cell-copy-copy-copy:hover {
  opacity: .76;
}

.little-lable-copy {
  color: #fffc;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
}

.little-lable-copy.sub {
  font-size: 12px;
  line-height: 16px;
}

.little-lable-copy.big {
  font-size: 18px;
  font-weight: 300;
}

.div-block-466-copy-copy {
  margin-left: 20px;
  padding-top: 20px;
}

.tf-toggle-wrapper {
  border: 1px solid #fff6;
  align-items: center;
  width: 140px;
  height: 32px;
  display: flex;
}

.tf-toggle {
  color: #1b1b1b;
  cursor: pointer;
  background-color: #76ff03;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 32px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.tf-toggle.false {
  color: #fff;
  background-color: #f15656;
  border: 1px solid #fff6;
}

.tf-toggle.false:hover {
  background-color: #fd5858;
}

.tf-toggle.false.off {
  opacity: .6;
}

.tf-toggle.false.off:hover {
  opacity: .9;
}

.tf-toggle.true {
  color: #161616;
}

.tf-toggle.true.off {
  opacity: .5;
  color: #1b1b1bcc;
}

.tf-toggle.true.off:hover {
  opacity: .9;
}

.icon-div-2-copy {
  opacity: .68;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 52px;
  min-width: 48px;
  height: 36px;
  margin-left: 4px;
  margin-right: 4px;
  transition: background-color .4s;
  display: flex;
}

.icon-div-2-copy:hover {
  opacity: .94;
  background-color: #162a4299;
}

.icon-div-2-copy.save {
  cursor: pointer;
}

.icon-div-2-copy.delete {
  display: flex;
}

.icon-div-2-copy.add-new {
  cursor: pointer;
  justify-content: flex-start;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-466-copy-copy-copy {
  margin-left: 20px;
  padding-top: 0;
  line-height: 14px;
}

.table-row-3-copy {
  background-color: #172766;
  border-top: 1px solid #ffffff24;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
  display: block;
}

.table-row-3-copy.feawf {
  display: block;
}

.link-holder-copy {
  padding-top: 6px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.table-list {
  flex: 1;
  overflow: scroll;
}

.table-item {
  cursor: pointer;
  background-color: #0000;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-left: 4px;
  padding-right: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.table-item:hover {
  background-color: #0000003d;
}

.table-item.child {
  padding-left: 22px;
}

.table-list-wrapper {
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: none;
  overflow: auto;
}

.table-list-wrapper.hidden {
  flex: 1;
  justify-content: space-between;
  min-height: 400px;
  display: block;
  overflow: hidden;
}

.folder-arrow {
  opacity: .72;
  align-items: center;
  padding: 4px;
  display: flex;
}

.table-db-icon {
  opacity: .72;
  justify-content: center;
  align-items: center;
  width: 20px;
  margin-right: 6px;
  display: flex;
}

.table-search-wrapper {
  position: relative;
}

.table-search {
  background-color: #172766;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 6px;
  display: block;
}

.table-search.hidden {
  display: block;
}

.div-block-488 {
  flex: 1;
  padding-top: 40px;
}

.query-list-wrapper-copy, .history-list-wrapper {
  flex-direction: column;
  flex: 0 auto;
  height: 100%;
  display: flex;
  overflow: auto;
}

.history-list-wrapper.hidden {
  display: none;
}

.table-info-cell {
  color: #fffc;
  text-align: left;
  flex: 1;
  margin-right: 6px;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  overflow: hidden;
}

.table-info-cell.value {
  padding-left: 10px;
  font-weight: 400;
}

.div-block-489 {
  color: #fffc;
  padding: 10px 6px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 15px;
  display: flex;
}

.left-bottom-section {
  background-color: #2b415d;
  flex-direction: column;
  height: 300px;
  padding-bottom: 10px;
  display: flex;
}

.table-info-row {
  background-color: #111446;
  align-items: flex-start;
  width: 100%;
  padding: 10px 4px 10px 6px;
  display: flex;
}

.table-info-row.light {
  background-color: #2b53884f;
}

.table-info-wrapper {
  background-color: #111446;
  border-bottom: 1px solid #3a60d4;
  flex: 1;
  align-items: flex-start;
  height: 400px;
  overflow: auto;
}

.div-block-490 {
  color: #fffc;
  background-color: #172766;
  border-bottom: 1px solid #3a60d4;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.div-block-491 {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.a-tab-wrapper {
  background-color: #3954a9;
  flex-direction: row;
  align-items: flex-start;
  height: 40px;
  display: flex;
}

.a-tab-wrapper.unselectable {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 44px;
}

.table-details-section {
  background-color: #172766;
  flex-direction: column;
  flex: none;
  height: 300px;
  max-height: 85vh;
  padding-bottom: 10px;
  display: flex;
}

.field-data-type-cell {
  color: #fffc;
  text-align: left;
  flex: none;
  width: 100px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  overflow: hidden;
}

.field-data-type-cell.value {
  padding-left: 10px;
  font-weight: 400;
}

.complex-tag {
  position: relative;
}

.complex-tag.selected {
  border: 2px dotted var(--white);
}

.arg-ac-holder {
  flex: 1;
  position: relative;
}

.div-block-492 {
  display: flex;
}

.arg-holder {
  margin-left: 20px;
  display: flex;
  position: relative;
}

.where-ac-holder-copy-copy {
  position: relative;
}

.results-holder-4-copy-copy {
  z-index: 1;
  width: 100%;
  display: none;
  position: relative;
  overflow: visible;
}

.fx-name-ac-holder {
  display: none;
  position: relative;
}

.autocomplete-input-copy {
  float: none;
  clear: none;
  color: #333;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.chip-label {
  font-weight: 600;
}

.autocomplete-input-copy-copy {
  float: none;
  clear: none;
  color: #333;
  text-align: right;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 6px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-4-copy {
  align-items: center;
  height: auto;
  min-height: 38px;
  padding: 6px 8px 6px 12px;
  font-size: 16px;
  display: flex;
}

.result-row-4-copy:hover, .result-row-4-copy.selected {
  background-color: #d8e6fc;
}

.div-block-493, .sql-tag-error {
  background-image: url('../images/error-icon-24.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
}

.results-holder-4-copy {
  z-index: 10000;
  display: none;
  position: relative;
  overflow: visible;
}

.div-block-494 {
  cursor: pointer;
  display: flex;
}

.chip-label-copy {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.results-holder-4-copy-copy {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.int-field-template {
  text-align: right;
  width: 160px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.div-block-495 {
  cursor: grab;
  background-color: #ffffff82;
  width: 15px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.results-frame {
  background-color: #111446;
  width: 100%;
  display: flex;
}

.frozen-results {
  border-style: none;
  border-color: #000;
}

.scrollable-results {
  background-color: #111446;
  flex: 1;
  overflow: visible;
}

.load-more-copy {
  text-align: center;
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.div-block-496 {
  width: 6px;
}

.freeze-dragger {
  cursor: ew-resize;
  background-color: #020303;
  border-left: 1px solid #3a60d4;
  border-right: 1px solid #3a60d4;
  align-self: stretch;
  min-width: 6px;
}

.freeze-dragger.unselectable {
  background-color: #507aad85;
  border-style: solid;
  border-width: 1px;
  min-width: 6px;
}

.freeze-dragger.unselectable.dragging {
  background-color: #111446;
}

.freeze-dragger.horizontal {
  cursor: ns-resize;
  border-style: solid none;
  border-top-width: 1px;
  border-top-color: #a3c8f5;
  border-bottom-width: 1px;
  border-bottom-color: #a3c8f5;
  width: 100%;
  height: 8px;
}

.div-block-497 {
  height: 100px;
  display: flex;
}

.drag-bar-copy-copy {
  cursor: ew-resize;
  background-color: #233852;
  border-left: 1px solid #a3c8f5;
  border-right: 1px solid #a3c8f5;
  align-self: stretch;
  width: 8px;
  min-width: 8px;
}

.drag-bar-copy-copy.unselectable {
  background-color: #507aad;
}

.drag-bar-copy-copy.horizontal {
  cursor: ns-resize;
  border-style: solid none;
  border-top-width: 1px;
  border-top-color: #a3c8f5;
  border-bottom-width: 1px;
  border-bottom-color: #a3c8f5;
  width: 100%;
  height: 8px;
}

.command-menu-left-2-copy {
  z-index: 3;
  background-color: #172766;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.text-menu-option-4 {
  color: #00528c;
  font-size: 12px;
  line-height: 18px;
}

.text-menu-option-4.big {
  font-size: 14px;
  line-height: 18px;
}

.right-click-menu-options {
  z-index: 40;
  background-color: #2e48a6;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 35px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  box-shadow: 1px 1px 3px #00000078;
}

.text-menu-option {
  color: var(--white);
  font-size: 12px;
  line-height: 20px;
}

.text-menu-option.big {
  font-size: 16px;
  line-height: 18px;
}

.text-menu-option.subhead {
  color: #7e7e7e;
  line-height: 16px;
}

.text-menu-option.big {
  font-size: 14px;
}

.text-menu-option.right-click {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  display: block;
}

.option-menu-div-2 {
  color: #fff;
  cursor: pointer;
  flex: 1;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.option-menu-div-2:hover {
  background-color: #1b2762;
}

.option-menu-div-2:active {
  text-transform: lowercase;
}

.option-menu-div-2.tall {
  color: #0000;
  background-color: #e9e9e9;
  height: 50px;
}

.option-menu-div-2.tall:hover {
  background-color: #f6f6f6;
}

.option-menu-div-2.tall {
  color: #0000;
  height: 50px;
  padding-left: 14px;
}

.option-menu-div-2.big {
  color: #0000;
  cursor: pointer;
  height: 40px;
  padding: 6px 15px;
}

.option-menu-div-2.big:hover {
  background-color: #e9e9e9;
}

.icon-program-options {
  width: 30px;
  padding-right: 9px;
}

.icon-program-options.send {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.text-menu-option-2 {
  color: #00528c;
  font-size: 12px;
  line-height: 15px;
}

.text-menu-option-2.big {
  font-size: 14px;
  line-height: 18px;
}

.divider-2 {
  border: 1px #000;
  border-bottom: 1px solid #262c463d;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-bottom: 0;
}

.div-block-244 {
  letter-spacing: .3px;
  padding: 4px 10px;
  font-weight: 500;
}

.icon-program-menu {
  width: 30px;
  padding-right: 9px;
}

.bold-text {
  font-weight: 800;
}

.text-block-60-copy {
  white-space: nowrap;
  cursor: pointer;
  padding-left: 2px;
  padding-right: 2px;
  line-height: 15px;
}

.delete-record {
  opacity: .76;
  cursor: pointer;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 4px;
  min-width: 40px;
  height: 40px;
  position: absolute;
  inset: 20px 20px auto auto;
}

.delete-record:hover {
  opacity: .9;
  background-color: #00000038;
}

.text-15-2 {
  color: #ffffffe6;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.filter-option {
  opacity: .76;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.filter-option:hover {
  background-color: #ffffff2e;
}

.filter-option.selected {
  opacity: 1;
  background-image: url('../images/check_3check.png');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 14px;
  display: flex;
}

.join-menu {
  z-index: 3;
  background-color: #1c3d97;
  border-radius: 8px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  inset: 200px auto auto 220px;
  overflow: visible;
  box-shadow: 4px 4px 11px 1px #00000082;
}

.join-option-wrapper {
  overflow: auto;
}

.join-type-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0% 0 0 0%;
}

.filter-autocomplete {
  border-bottom: 1px solid #ffffff26;
  justify-content: space-between;
  align-items: center;
  min-height: 46px;
  padding: 10px;
}

.div-block-506 {
  border-radius: 8px;
}

.join-edit {
  opacity: .8;
  cursor: pointer;
  background-color: #3485fd;
  background-image: url('../images/edit2_1edit2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #ffffff7a;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 12px;
  margin-right: 40px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.join-edit:hover {
  opacity: 1;
}

.join-edit.hidden {
  margin-right: 0;
}

.div-block-494-copy {
  cursor: pointer;
  display: flex;
}

.text-block-60-copy {
  white-space: nowrap;
  cursor: pointer;
  line-height: 15px;
}

.text-block-60-copy-copy {
  color: #ffffffa3;
  white-space: nowrap;
  cursor: pointer;
  padding-right: 2px;
  font-family: Sf Ui Text, Arial, sans-serif;
  line-height: 15px;
}

.text-block-60-coadf {
  white-space: nowrap;
  cursor: pointer;
  line-height: 15px;
}

.query-item-copy {
  cursor: pointer;
  background-color: #111446;
  width: 100%;
  padding: 100px 6px 100px 10px;
  position: relative;
  overflow: hidden;
}

.query-item-copy:hover {
  background-color: #111446c4;
}

.div-block-486-copy {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
}

.simple-right-click {
  z-index: 996;
  opacity: .8;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 6px 8px 8px;
  font-family: Open Sans, sans-serif;
  display: block;
  position: fixed;
  inset: 0% 0 0;
  box-shadow: 2px 3px 7px 2px #0003;
}

.simple-right-click:hover {
  opacity: .92;
}

.add-tab-button {
  z-index: 100;
  background-color: #9cafeb;
  width: 42px;
  height: 40px;
  position: static;
  top: 0;
  left: 0;
}

.chip-label-copy-2 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.ac-default-label-5 {
  color: #ffffff7a;
  height: 32px;
  margin: 0;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: 0;
  overflow: hidden;
}

.ac-default-label-5:focus {
  width: 200px;
}

.ac-default-label-5.sql-ac-input {
  color: #ffffff7a;
}

.remove-6 {
  opacity: .6;
  background-color: #00000030;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  display: block;
}

.remove-6:hover {
  opacity: 1;
}

.title-4 {
  justify-content: space-between;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 4px;
  padding-left: 20px;
  display: flex;
}

.chip-label-2 {
  color: #fffc;
  letter-spacing: -.5px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.chip-label-2.as {
  padding-left: 6px;
  padding-right: 6px;
}

.autocomplete-input-copy-copy-2 {
  float: none;
  clear: none;
  color: #333;
  text-align: right;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 16px;
  display: flex;
  position: relative;
}

.remove-7 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 8px;
  display: block;
  position: absolute;
  inset: 7px -6px 0% auto;
}

.remove-7:hover {
  opacity: 1;
}

.tag-content-2 {
  justify-content: center;
  align-items: center;
  min-width: 26px;
  height: 28px;
  min-height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.on-heading-3 {
  align-items: center;
  height: 28px;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 20px;
  display: flex;
}

.title-6 {
  justify-content: space-between;
  align-items: center;
  height: 40px;
  min-height: 32px;
  padding-top: 4px;
  padding-left: 22px;
  display: flex;
  position: relative;
}

.title-6.alias {
  height: 20px;
  min-height: 20px;
  padding-top: 0;
}

.div-block-508 {
  padding: 0;
}

.query-tab-bottom-section {
  background-color: #111446;
  flex-direction: column;
  flex: none;
  width: 100%;
  height: 200px;
  display: flex;
  position: static;
  bottom: 0;
}

.program-options-copy {
  z-index: 40;
  background-color: #2e48a6;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  height: auto;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  box-shadow: 1px 1px 3px #00000078;
}

.checkbox-12 {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-12:hover {
  background-color: #dfdfdf;
}

.checkbox-12.checked {
  background-color: #2196f3;
  background-image: url('../images/check_3check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-color: #2196f3;
}

.checkbox-12.selected {
  background-color: #2196f3;
  background-image: url('../images/check_4check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-color: #2196f3;
}

.matched-3 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.result-icon-2 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-2.user {
  background-color: #0000;
  background-image: url('../images/patient_1patient.png');
  background-size: 20px;
}

.result-icon-2.loading {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon-2.no-results-white {
  filter: invert();
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.result-icon-2.loading {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon-2.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.result-icon-2.yesno {
  background-image: url('../images/icon-yesno_1icon-yesno.png');
  background-size: 16px;
}

.result-icon-2.program {
  background-image: url('../images/programs_1programs.png');
  background-size: 22px;
}

.result-icon-2.miles {
  background-image: url('../images/region_1region.png');
  background-size: 16px;
}

.result-icon-2.text {
  background-image: url('../images/text_1text.png');
  background-size: 18px;
}

.result-icon-2.testimony {
  background-image: url('../images/icon-testimonial_1icon-testimonial.png');
  background-size: 20px;
}

.result-icon-2.calendly {
  background-image: url('../images/calendly-icon.png');
  background-position: 0%;
  background-size: 22px;
}

.result-icon-2.image {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/icon-image_1icon-image.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon-2.time {
  background-image: url('../images/icon-time_1icon-time.png');
  background-size: 16px;
}

.result-icon-2.img {
  background-image: url('../images/icon-img-dark_1icon-img-dark.png');
  background-size: 22px;
}

.result-icon-2.weight {
  background-image: url('../images/icon-weight_1icon-weight.png');
  background-size: 16px;
}

.result-icon-2.vid {
  background-color: #0000;
  background-image: url('../images/icon-video_2icon-video.png');
  background-size: 20px;
}

.result-icon-2.audio {
  background-image: url('../images/icon-audio_1icon-audio.png');
  background-size: 18px;
}

.result-icon-2.count {
  background-image: url('../images/icon-reps.png');
}

.result-icon-2.bm {
  background-image: url('../images/icon-measure_1icon-measure.png');
  background-size: 20px;
}

.result-icon-2.tag {
  background-color: #0000;
  background-size: 20px;
}

.result-icon-2.tag.empty {
  width: 0;
  min-width: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.result-icon-2.group {
  background-color: #0000;
  background-image: url('../images/group.png');
  background-size: 20px;
}

.result-icon-2.appt {
  background-image: url('../images/icon-date_1icon-date.png');
  background-size: 18px;
}

.result-icon-2.vid {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/icon-video_1icon-video.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon-2.empty {
  background-image: none;
  width: 2px;
  min-width: 0;
}

.result-icon-2.search {
  background-image: url('../images/search_1search.png');
  background-position: 0 0;
  background-size: cover;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.result-row-5 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-5:hover {
  background-color: #d8e6fc;
}

.result-row-5.checked {
  background-color: #ebecee;
}

.result-row-5.selected {
  background-color: #d8e6fc;
}

.unmatched-2 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.unmatched-2.navy {
  color: #00528c;
}

.dark-bg-test {
  background-color: #3954a9;
  border-top: 1px #000;
  border-bottom: 1px solid #3f53a3;
  border-right-width: 1px;
  border-right-color: #000;
  align-items: center;
  height: 36px;
  padding-left: 6px;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
}

.dark-bg-test.selected {
  background-color: #a3c8f5;
}

.dark-bg-test._2 {
  display: flex;
  position: relative;
}

.dark-bg-test.hover {
  background-color: #bbd5f5;
}

.grip-line-holder {
  cursor: move;
  justify-content: center;
  align-items: center;
  width: 20px;
  max-width: 20px;
  height: 14px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grip {
  border-top: 1px solid #98bbe7;
  border-bottom: 1px solid #98bbe7;
  width: 100%;
  height: 5px;
}

.div-block-509 {
  align-items: center;
  display: flex;
}

.sql-editor-dd {
  cursor: pointer;
  background-color: #2b415d;
  border: 1px solid #7a96bb;
  border-radius: 4px;
  align-items: center;
  min-width: 60px;
  height: 24px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 8px;
  padding-right: 6px;
  display: flex;
}

.menu-arrow {
  opacity: .8;
  width: 8px;
  margin-left: 8px;
}

.query-icon {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 30px;
  margin-left: 4px;
  margin-right: 4px;
  display: flex;
  position: relative;
}

.query-icon:hover {
  opacity: 1;
  background-color: #233852;
}

.query-button-wrapper {
  align-items: center;
  display: flex;
}

.last-executed-dot {
  background-color: #05ff11;
  border: 2px solid #172766;
  border-radius: 16px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: auto;
  bottom: 3px;
  right: 4px;
}

.right-panel-button-bar {
  background-color: #375274;
  border-bottom: 1px solid #a3c8f5;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.div-block-510 {
  flex: 1;
  overflow: hidden;
}

.tab-filter-section {
  background-color: #3d597e;
  border-left: 3px solid #97b0ce;
  flex: none;
  width: 100px;
}

.query-tab-scroller {
  width: 100%;
  position: relative;
  overflow: auto;
}

.results-scroller-3-copy {
  z-index: 200000;
  border: 1px solid #cfcfcf;
  width: 300px;
  min-width: 300px;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-holderasdf {
  z-index: 10000;
  border-top: 9px solid #5998c5;
  border-bottom: 9px solid #5998c5;
  border-left: 9px solid #5998c5;
  display: block;
  position: relative;
  top: auto;
  right: auto;
  overflow: visible;
}

.results-scrolasdfsopy-copy {
  z-index: 200000;
  background-color: #cfcfcf;
  min-width: 330px;
  max-width: 330px;
  max-height: 80vh;
  display: block;
  position: absolute;
  inset: auto;
  overflow: hidden;
}

.results-wrapper-3-copy {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.results-wrapper-3jjlkopy-copy {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 3px 3px 13px 1px #0003;
}

.tab-template-ac-holder {
  min-height: 700px;
}

.div-block-513 {
  background-color: #3d597e;
}

.ac-defaulafewt-label-5-copy {
  color: #ffffffbd;
  height: 32px;
  margin: 0;
  padding-top: 10px;
  padding-left: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: 0;
  overflow: hidden;
}

.ac-defaulafewt-label-5-copy:focus {
  width: 200px;
}

.action-icon {
  opacity: .78;
  cursor: pointer;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 30px;
  margin-left: 4px;
  margin-right: 4px;
  display: flex;
  position: relative;
}

.action-icon:hover {
  opacity: 1;
  background-color: #111446;
  border-top-color: #fce701;
  border-left-color: #fce701;
  border-right-color: #fce701;
}

.action-icon._2 {
  opacity: .85;
}

.action-icon._2:hover {
  opacity: 1;
  background-image: url('../images/lightning_4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  border-color: #fce701;
}

.form-block-6 {
  margin-bottom: 0;
  margin-left: 10px;
}

.form-5 {
  align-items: center;
  display: flex;
}

.div-block-514 {
  align-items: center;
  margin-left: 8px;
  margin-right: 5px;
  display: flex;
}

.menu-label-wrapper {
  margin-right: 6px;
}

.text-field-7 {
  color: #fffc;
  background-color: #111446;
  border: 1px solid #7a96bbb3;
  border-radius: 4px;
  width: 64px;
  height: 28px;
  margin-bottom: 0;
  padding: 0 2px 0 5px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.text-field-7::placeholder {
  color: #fffc;
}

.select-field-6 {
  color: #fffc;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  height: 34px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
}

.result-row-2 {
  cursor: pointer;
  align-items: center;
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.result-row-2:hover {
  background-color: #0000004a;
}

.unmatched-3 {
  color: #fffc;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.results-holder-6 {
  z-index: 101;
  display: none;
  position: relative;
  overflow: visible;
}

.results-wrapper-4 {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.results-scroller-5 {
  background-color: #2b415d;
  border: 1px solid #7a96bb;
  width: 100%;
  max-height: 80vh;
  margin-top: -1px;
  display: block;
  position: absolute;
  overflow: auto;
}

.search-wrapper-4 {
  display: block;
  position: relative;
}

.matched-4 {
  color: #fffc;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.chip-label-6 {
  color: #fffc;
  white-space: nowrap;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.ac-input {
  cursor: pointer;
  background-color: #111446;
  border: 1px solid #7a96bbb3;
  border-radius: 4px;
  align-items: center;
  min-width: 40px;
  height: 28px;
  padding-left: 8px;
  padding-right: 6px;
  display: flex;
}

.ac-label-2 {
  display: flex;
}

.whnmlere-ac-holder-copy {
  background-color: #445f81;
  position: relative;
}

.clear-x-button {
  opacity: .6;
  background-color: #00000030;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.clear-x-button:hover {
  opacity: 1;
}

.clear-x-button.hidden {
  cursor: pointer;
  inset: -20px 0 0% auto;
}

.div-block-515 {
  flex-direction: row;
  align-items: center;
  width: 30px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-516 {
  display: flex;
  position: relative;
}

.div-block-517 {
  flex: 0 auto;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-518 {
  display: flex;
}

.div-block-519 {
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.clear-x-button-copy {
  opacity: .6;
  background-color: #00000030;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  display: block;
  position: absolute;
  inset: auto 0% auto auto;
}

.clear-x-button-copy:hover {
  opacity: 1;
}

.clear-x-button-copy.hidden {
  cursor: pointer;
}

.close-section-copy {
  opacity: .7;
  cursor: pointer;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: absolute;
  inset: 0 0 0% auto;
}

.close-section-copy.hidden {
  z-index: 1000;
  display: block;
}

.div-block-520 {
  width: 4px;
  min-width: 4px;
}

.remove-7-copy {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 8px;
  display: block;
  position: absolute;
  inset: 6px -3px 0% auto;
}

.remove-7-copy:hover {
  opacity: 1;
}

.results-holderdsf {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holderdsf.test {
  display: none;
}

.keyword-search-input {
  color: #fffc;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  height: 36px;
  margin-bottom: 0;
  font-size: 15px;
  position: relative;
}

.keyword-search-input::placeholder {
  color: #8093b3;
}

.clear-keyword-icon {
  opacity: .4;
  cursor: pointer;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  position: absolute;
  inset: 12px 6px auto auto;
}

.clear-keyword-icon:hover {
  opacity: .6;
}

.div-block-521 {
  position: relative;
}

.ac-labelfawfa {
  color: #ffffffe6;
  white-space: nowrap;
  display: flex;
}

.div-block-522 {
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.gkgjkhgkjg {
  color: #fff;
  background-color: #243c92;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 4px 0 10px;
  display: flex;
  position: relative;
}

.gkgjkhgkjg:hover {
  background-color: #1b2762;
}

.gkgjkhgkjg.tall {
  color: #0000;
  background-color: #e9e9e9;
  height: 50px;
}

.gkgjkhgkjg.tall:hover {
  background-color: #f6f6f6;
}

.gkgjkhgkjg.tall {
  color: #0000;
  height: 50px;
  padding-left: 14px;
}

.gkgjkhgkjg.big {
  color: #0000;
  cursor: pointer;
  height: auto;
  padding: 8px 10px 8px 20px;
}

.last-run-info-holder.hidden {
  background-color: #fff;
  display: none;
}

.action-table-row {
  min-height: 22px;
  display: flex;
}

.action-table-row:hover {
  background-color: #ecf8ff;
}

.action-table-row.header {
  background-color: #eee;
}

.action-cell {
  border-right: 1px solid #fff;
  align-items: center;
  width: 28px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.action-cell.long {
  width: 33%;
}

.action-cell.time {
  align-items: center;
  width: 12%;
}

.text-12-black {
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.div-block-523 {
  background-color: #507aad;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.text-12-white-2 {
  color: #fff;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.div-block-524 {
  background-color: #182766;
  padding-left: 6px;
  display: flex;
}

.text-span-2 {
  font-weight: 700;
}

.field-options-ac-holder {
  position: relative;
}

.results-holder-4-hkhklh {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.hljhklhl {
  align-items: center;
  height: 28px;
  min-height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.tooltip-4 {
  z-index: 996;
  opacity: .9;
  background-color: #262c46;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  max-width: 240px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.tooltip-link {
  display: block;
}

.link-12 {
  color: #76caff;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
  display: inline;
}

.link-12:hover {
  color: #b4e2ff;
}

.changed-tab-tooltip {
  z-index: 996;
  opacity: .9;
  background-color: #2e48a6;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  max-width: 240px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.div-block-525 {
  flex: 1;
  justify-content: space-between;
  padding-right: 10px;
  display: flex;
}

.union-holder {
  background-color: #172766;
  border-color: #ffffff87;
  min-height: 30px;
  padding-top: 8px;
  display: block;
  position: relative;
}

.fghjfjjl {
  border-bottom-style: none;
  border-bottom-color: #dee1ff47;
  padding-bottom: 6px;
  padding-left: 16px;
  padding-right: 0;
  display: block;
}

.fghjfjjl.sub {
  background-color: #080e2233;
  border-bottom-style: none;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.union-ac-holder {
  background-color: #445f81;
  min-height: 30px;
  display: block;
  position: relative;
}

.select-holder {
  border: 1px solid #3a60d4;
  position: relative;
}

.select-holder.hidden {
  position: relative;
}

.div-block-526 {
  min-height: 300px;
}

.right-panel-select-holder {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: auto;
}

.div-block-528 {
  min-height: 300px;
}

.error-block {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 40px;
  display: flex;
}

.hljhlkj {
  color: #ff0808;
  max-width: 500px;
  font-size: 28px;
  line-height: 27px;
}

.error-description {
  background-color: #ffd3d3;
  border: 1px solid #ff8383;
  margin-top: 40px;
  padding: 14px 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 26px;
}

.text-32-semibold {
  color: #233852;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

.text-32-semibold.red {
  color: #ff6767;
}

.image-75 {
  margin: 30px auto 0;
}

.wb-content {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.intro-6 {
  z-index: 1000;
  text-align: center;
  cursor: auto;
  background-color: #ebf0f3;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  transition: all 2s;
  display: none;
  position: static;
  overflow: hidden;
}

.fc-icon-2 {
  z-index: 999;
  opacity: 1;
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/fc.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-left: 6px;
  margin-right: 6px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.fc-icon-2:hover {
  background-color: #172766;
  background-image: url('../images/nav.png');
  background-size: 20px;
}

.menu-tile-2 {
  cursor: pointer;
  align-items: center;
  height: 68px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-tile-2:hover {
  background-color: #0d3068;
}

.fc-menu-button-wrapper {
  z-index: 999;
  display: block;
  position: absolute;
  inset: 3px auto auto 0%;
}

.menu-item-wrapper {
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 68px;
  padding-left: 8px;
  padding-right: 10px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-item-wrapper:hover {
  background-color: #172766;
}

.main-area-cover {
  background-color: #0009;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.iframe-holder {
  background-color: #fff;
  flex: 1;
  display: none;
}

.div-block-853 {
  overflow: hidden;
}

.img-static {
  width: 24px;
}

.img-static._26 {
  width: 26px;
}

.nav-label {
  color: #ffffffdb;
  letter-spacing: .2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}

.quote-text-2 {
  color: #00528c;
  text-shadow: 2px 2px 9px #ffffffd1;
  max-width: 600px;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
}

.workbench-nav-button {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 260px;
  height: 40px;
  text-decoration: none;
  display: flex;
}

.button-logout-4 {
  color: #fffc;
  background-color: #0000;
  border: 1px solid #fffc;
  padding: 7px 14px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  transition: background-color .2s;
}

.button-logout-4:hover {
  background-color: #172766;
}

.div-block-843 {
  padding-top: 100px;
}

.nav-item-wrapper {
  text-align: left;
  border-top: 1px solid #315e82;
  border-bottom: 1px solid #315e82;
}

.icon-img-holder-2 {
  opacity: .86;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 30px;
  min-height: 30px;
  margin-right: 12px;
  display: flex;
}

.workbench-wrapper {
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  display: flex;
  overflow: hidden;
}

.sign-out-wrapper-2 {
  text-align: left;
  border-top: 1px solid #ffffff36;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 12px;
}

.main-frame-area {
  flex-direction: column;
  flex: 1;
  height: 100%;
  transition: all 2s;
  display: flex;
  position: relative;
}

.div-block-842 {
  filter: saturate(200%);
  background-image: url('../images/Double-Ring-1.5s-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  display: inline-block;
}

.div-block-846 {
  flex: 1;
  width: 100%;
  transition: all .2s;
  position: relative;
  left: 0;
}

.quote-title-2 {
  color: #00528c;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.quote-name-2 {
  color: #00528c;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
}

.label-header-name {
  color: #ffffffed;
  margin-left: 8px;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
}

.nav-panel {
  text-align: center;
  background-color: #1c3d97;
  width: 300px;
  height: 100%;
  transition: all 2s;
  display: block;
  position: relative;
  left: 0;
}

.nav-panel.hide {
  display: block;
}

.div-block-844 {
  flex: 1;
  display: block;
}

.intro-6-copy {
  z-index: 1000;
  text-align: center;
  cursor: auto;
  background-color: #ebf0f3;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  transition: all 2s;
  display: block;
  position: static;
  overflow: hidden;
}

.div-block-854 {
  background-color: #3954a9;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.right-panel-tab-bar {
  background-color: #3954a9;
  align-items: center;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.panel-tab-3 {
  opacity: .88;
  color: #ffffffa6;
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border-bottom: 4px solid #0000;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 40px;
  padding-top: 4px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  display: flex;
}

.panel-tab-3:hover {
  background-color: #2a449a;
}

.panel-tab-3.right {
  width: 50%;
}

.panel-tab-3.selected {
  opacity: 1;
  color: #ffffffe6;
  background-color: #172766;
}

.results-scroller-9 {
  z-index: 1000000;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 300px;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-holder-share-tag {
  z-index: 10000;
  display: none;
  position: relative;
  overflow: visible;
}

.module-sharing {
  z-index: 3;
  border-bottom: 1px solid #ffffff40;
  padding: 10px 10px 40px;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.title-sharing-tagging {
  align-items: center;
  height: 40px;
  min-height: 32px;
  padding-top: 4px;
  padding-left: 8px;
  display: flex;
}

.autocomplete-input-7 {
  float: none;
  clear: none;
  color: #333;
  background-color: #111446;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 4px 6px 0;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.sharing-tagging-ac {
  margin-top: 10px;
  position: relative;
}

.sharing-tagging-wrapper, .right-side-content {
  flex: 1;
  display: none;
  overflow: auto;
}

.intro-7 {
  z-index: 1000;
  text-align: center;
  cursor: auto;
  background-color: #ebf0f3;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  transition: all 2s;
  display: block;
  position: static;
  overflow: hidden;
}

.module-content-holder {
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: block;
}

.iframe-holder-2 {
  background-color: #fff;
  flex: 1;
  height: 100%;
  display: none;
}

.side-bar-loading-indicator {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  margin-top: 140px;
}

.main-frame-area-2 {
  flex-direction: row;
  flex: 1;
  transition: all 2s;
  display: flex;
  position: relative;
}

.loading-iframe-holder {
  flex: 1;
  display: block;
}

.right-side-bar-holder {
  text-align: center;
  background-color: #ddeefa;
  flex-direction: column;
  justify-content: space-between;
  width: 420px;
  height: 100%;
  margin-left: auto;
  transition: all 2s;
  display: none;
  position: relative;
  box-shadow: -1px 5px 12px 4px #0006;
}

.main-area-cover-2 {
  background-color: #0006;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.right-panel-tab-content-holder {
  background-color: #172766;
  background-image: linear-gradient(151deg, #172766 8%, #172766a8 53%, #1c3d97c4), url('../images/gradient.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex: 1;
  display: flex;
  position: relative;
  overflow: auto;
}

.divider-rightclick {
  background-color: #243c92;
  border-top: 1px solid #96b3d8;
  height: 1px;
  margin: 6px 15px;
  padding-bottom: 0;
}

.icon-div-3 {
  opacity: .68;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 52px;
  min-width: 48px;
  height: 36px;
  margin-left: 2px;
  margin-right: 2px;
  transition: background-color .4s;
  display: flex;
}

.icon-div-3:hover {
  opacity: .94;
  background-color: #162a4299;
}

.image-133 {
  transform: rotate(180deg);
}

.icon-div-4 {
  opacity: .68;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 52px;
  min-width: 48px;
  height: 36px;
  margin-left: 4px;
  margin-right: 4px;
  transition: background-color .4s;
  display: flex;
}

.icon-div-4:hover {
  opacity: .94;
  background-color: #162a4299;
}

.icon-div-4.add-new {
  cursor: pointer;
  justify-content: flex-start;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.duplicate-record {
  opacity: .76;
  cursor: pointer;
  background-image: url('../images/duplicate_1duplicate.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 4px;
  min-width: 40px;
  height: 40px;
}

.duplicate-record:hover {
  opacity: .9;
  background-color: #00000038;
}

.div-block-937 {
  justify-content: space-between;
  align-items: center;
  width: 92px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 20px auto auto;
}

.delete-record-2 {
  opacity: .76;
  cursor: pointer;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 4px;
  min-width: 40px;
  height: 40px;
}

.delete-record-2:hover {
  opacity: .9;
  background-color: #00000038;
}

.select-modifier-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0% 0 0 0%;
}

.select-modifier-results-holder {
  z-index: 10000;
  display: block;
  position: relative;
  overflow: visible;
}

.title-6-copy {
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  min-height: 32px;
  padding-top: 4px;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.complex-tag-2 {
  font-style: normal;
}

.complex-tag-2.selected {
  border: 2px dotted #fff;
}

.autocomplete-input-9 {
  float: none;
  clear: none;
  color: #333;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 2px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.autocomplete-input-9.comma-separated {
  border-style: solid;
  border-color: #3a60d4;
  display: inline-block;
  top: 0;
  left: 0;
}

.autocomplete-input-9.hlk {
  width: 100%;
  min-height: 30px;
}

.div-block-938 {
  flex: 1;
  padding-right: 8px;
  display: flex;
  overflow: hidden;
}

.download-bar {
  background-color: #3a60d4;
  border-top: 1px solid #acb7c4;
  height: 42px;
  min-height: 42px;
}

.download-bar.hidden {
  background-color: #3a60d4;
  display: block;
}

.download-inner-wrapper {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.link-block {
  color: #020202;
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  padding: 3px 14px;
  text-decoration: none;
  display: flex;
}

.link-block:hover {
  background-color: #1c3d97;
  border-color: #bebebe;
}

.image-134 {
  margin-right: 8px;
}

.text-14-2 {
  text-align: left;
  margin-left: 10px;
  font-family: Open Sans, sans-serif;
  text-decoration: none;
}

.close-download {
  opacity: .68;
  cursor: pointer;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 32px;
  min-width: 32px;
  min-height: 32px;
}

.close-download:hover {
  opacity: 1;
  background-color: #143283;
}

.remove-8 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-8:hover {
  opacity: 1;
}

.remove-8.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.keyword-search-input-2 {
  border: 1px solid #98bbe7;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  position: relative;
}

.keyword-search-input-2::placeholder {
  color: #667792;
}

.empty-img {
  background-color: #d1d1d1;
  background-image: url('../images/leads.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px;
  border-radius: 62px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-bottom: 10px;
}

.empty-img.team {
  background-image: url('../images/clients.png');
  background-size: 32px;
}

.refresh-button {
  opacity: .9;
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/refresh_1refresh.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #0092ed;
  border-radius: 4px;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 12px;
  padding-left: 0;
  transition: background-color .4s;
  position: static;
}

.refresh-button:hover {
  opacity: 1;
  background-color: #e6f1ff;
}

.block-3 {
  border: 1px solid #000;
  min-width: 600px;
  margin-top: 20px;
  padding-top: 0;
  transition: all .4s;
  position: static;
  overflow: visible;
}

.text-span-39 {
  margin-left: 9px;
}

.sf-15-med-5 {
  color: #000000db;
  text-shadow: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-5.white {
  color: #ffffffdb;
}

.text-field-8 {
  color: #262c46;
  border-width: 1px;
  border-color: #0000;
  height: 49px;
  margin-bottom: 0;
  font-size: 15px;
}

.modalclosediv-6 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.checkbox-11 {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.checkbox-11.selected {
  opacity: 1;
  background-image: url('../images/checked_1.png');
}

.checkbox-11.deselect {
  opacity: 1;
  background-image: url('../images/deselect.png');
}

.filter-chip-content-copy-2 {
  align-items: center;
  height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 17px;
  display: flex;
}

.current-selection-checkmmark {
  background-color: #0000;
  background-image: url('../images/checked_2checked.png');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  display: none;
}

.current-selection-checkmmark.checked {
  display: block;
}

.current-selection-checkmmark.hide {
  margin-left: 6px;
  display: none;
}

.multi-select-results-holder {
  border-radius: 8px;
}

.header-cell-3 {
  color: #fff;
  cursor: pointer;
  object-fit: fill;
  background-color: #eaeff3;
  border-right: 1px solid #fff;
  height: auto;
  padding: 6px 10px;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  overflow: visible;
}

.header-cell-3:hover {
  background-color: #e7e7e7;
}

.unmatched-4 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.unmatched-4.white {
  color: #ffffffdb;
}

.action-button-icon {
  opacity: .7;
  margin-right: 5px;
}

.search-wrapper-6 {
  position: relative;
}

.search-wrapper-6.library {
  flex: 1;
  margin-right: 40px;
}

.search-wrapper-6.media {
  flex: 1;
}

.customer-table-row-2 {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  transition: background-color .4s;
  display: flex;
}

.customer-table-row-2:hover {
  background-color: #f1f7fc;
}

.customer-table-row-2.selected {
  background-color: #e6f1ff;
}

.sf-111 {
  color: #444;
  font-size: 16px;
}

.sf-111.center {
  text-align: center;
}

.sf-111.a {
  color: red;
}

.sf-111.a.b {
  color: #444;
}

.sf-111.semi {
  color: #444;
  font-size: 16px;
  font-weight: 600;
}

.sf-77 {
  color: #000000db;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-77.center {
  text-align: center;
}

.modal-invite-form {
  z-index: 995;
  background-color: #0006;
  border: 0 #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.tab-filter-template.hidden {
  width: 330px;
  height: 300px;
  display: block;
  overflow: auto;
}

.grip-line-holder-2 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 14px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.filter-chip-copy {
  cursor: pointer;
  background-color: #0f6da3;
  border-radius: 4px;
  height: 30px;
  margin-bottom: 4px;
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 4px;
  display: inline-block;
  position: relative;
}

.filter-chip-copy:hover {
  background-color: #1586c7;
}

.filter-chip-copy.clear-all {
  background-color: #0000;
  height: 42px;
  margin-bottom: 0;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.filter-chip-copy.clear-all:hover {
  background-color: #e6f1ff;
}

.org-dropdown-arrow {
  opacity: .82;
  background-image: url('../images/arrow-down_3arrow-down.png');
  background-position: 50% 65%;
  background-repeat: no-repeat;
  background-size: 12px;
  min-width: 22px;
  min-height: 22px;
  margin-left: 10px;
}

.clear-keyword-icon-2 {
  opacity: .4;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-size: 24px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 4px 2px auto auto;
}

.clear-keyword-icon-2:hover {
  opacity: .6;
}

.filter-wrapper {
  align-items: center;
  display: flex;
}

.form-label-column-2 {
  align-items: center;
  width: 35%;
  padding-left: 20px;
  display: flex;
}

.empty-message-holder {
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  margin-bottom: 20px;
  padding: 60px 40px;
  display: none;
}

.table-cell-input-2 {
  background-color: #fff;
  width: 75%;
  min-height: 48px;
}

.bulk-action-inner-wrapper {
  align-items: center;
  height: 46px;
  display: flex;
}

.sf-92 {
  color: #313131;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-92.blue {
  color: #0078ce;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-996 {
  align-items: center;
  display: flex;
}

.sf-118 {
  color: #000000db;
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-118.white {
  color: #ffffffdb;
}

.sf-118.center {
  text-align: center;
}

.modal-option-filter-2 {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0;
}

.image-137 {
  margin-right: 2px;
}

.table-row-wrapper {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 14px;
}

.modal-content-domain {
  z-index: 3;
  background-color: #155279;
  border: 1px solid #00528c;
  border-bottom-color: #026bb4;
  min-width: 350px;
  max-width: 400px;
  display: block;
  position: absolute;
  inset: 80px auto auto 40px;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.h3-dark {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.h3-dark.left {
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 500;
  display: block;
}

.h3-dark.thin {
  color: #424242;
  padding-left: 14px;
  padding-right: 14px;
  font-weight: 400;
  line-height: 26px;
  display: block;
}

.ac-icon-2 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 4px;
  margin-right: 6px;
}

.ac-icon-2.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
  margin-left: 0;
}

.ac-icon-2.group {
  background-image: url('../images/group-w.png');
  background-size: 20px;
}

.header-row-3 {
  background-color: #fff;
  border-bottom: 1px #d6d6d6;
  align-items: center;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
}

.header-row-3:hover {
  background-color: #ebebeb;
}

.header-row-3.user-header-row {
  z-index: 2;
  background-color: #f1f1f1;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  padding-right: 0;
  position: sticky;
  top: 0;
}

.chip-label-7 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-7.small {
  font-size: 13px;
  line-height: 16px;
}

.invitation-item-2 {
  border-bottom: 1px solid #587c94;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -1px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-998 {
  border-bottom: 1px solid #587c94;
  padding-top: 6px;
  padding-bottom: 6px;
}

.sf-100 {
  color: #032944;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-100.dark-grey {
  color: #4d4d4d;
}

.user-form-wrapper {
  border: 0 solid #000;
  margin-top: 20px;
  margin-bottom: 30px;
}

.selected-user-action-button {
  background-color: #0000;
  align-items: center;
  min-width: 50px;
  height: 36px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.selected-user-action-button:hover {
  background-color: #00528c1c;
}

.sf-52 {
  color: #313131;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-52.semi {
  text-align: left;
  font-weight: 600;
}

.sf-52.white {
  color: #fff;
  font-family: Open Sans, sans-serif;
}

.selector-inner-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.selector-inner-wrapper:hover {
  background-color: #cde3ff;
}

.count-and-filters {
  align-items: center;
  min-height: 55px;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.submit-button-area {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.team-view-wrapper {
  border-left: 1px #e7e7e7;
  border-right: 1px #e7e7e7;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  width: 100%;
  height: 100vh;
  margin-top: 44px;
  padding: 0 40px 40px;
  display: flex;
}

.content-cell {
  border-top: 1px #000;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  align-items: center;
  min-height: 40px;
  padding: 8px 10px;
  font-family: Open Sans, sans-serif;
  transition: all .4s;
  display: flex;
}

.text-span-66 {
  font-size: 12px;
  line-height: 0;
}

.text-span-66.red {
  color: #ed4444;
}

.submit-save-button {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-save-button.outline {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #14659e;
  margin-right: 0;
}

.submit-save-button.outline:hover {
  background-color: #e6f1ff;
}

.sort-option-9 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d8e1e7;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 56px;
  height: 34px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  display: flex;
  position: relative;
}

.sort-option-9:hover {
  background-color: #d8e1e7;
}

.sort-option-9.large {
  background-color: #ecf2fd;
  border-color: #98bbe7;
  border-radius: 4px;
  justify-content: space-between;
  min-width: 110px;
  height: 40px;
  margin-right: 8px;
  padding-right: 2px;
}

.sort-option-9.large:hover {
  background-color: #cde3ff;
}

.twm-spinner-2 {
  margin-top: 40px;
}

.text-initials-4 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.div-block-995 {
  align-items: center;
  margin-right: 40px;
  padding-left: 14px;
}

.tag-content-3 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-3.small {
  align-items: center;
  height: 30px;
  min-height: 30px;
}

.modal-org-chooser {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-content-groups-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.org-select-section-copy {
  height: 40px;
  margin-top: 30px;
  display: flex;
}

.labelsmall-5 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.labelsmall-5.blue {
  color: #14659e;
  font-family: Open Sans, sans-serif;
  font-weight: 500;
}

.labelsmall-5.white {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
}

.filter-autocomplete-domain {
  text-align: left;
  background-color: #0000008a;
  border-bottom: 1px solid #026bb4;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.contacts-filter-menu {
  z-index: 3;
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 8px;
  width: 290px;
  display: block;
  position: absolute;
  inset: 140px auto auto 140px;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.text-block-68 {
  color: #494949;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
}

.div-block-967 {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.count-wrapper-2 {
  align-items: center;
  min-width: 130px;
  margin-right: 10px;
  padding-left: 5px;
  display: flex;
}

.sf-91 {
  color: #313131;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-91.semi {
  font-weight: 600;
}

.sf-91.blue {
  color: #4fc3f7;
}

.sf-91.white {
  color: #fff;
}

.sf-91.green {
  color: #b9fd4f;
}

.loading-row {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.ac-default-label-builder {
  color: #7dafd3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.ac-site-builder-2 {
  clear: left;
  color: #aaa;
  background-color: #155279cc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 4px;
  display: flex;
  position: static;
  overflow: hidden;
}

.ac-site-builder-2:hover {
  background-color: #155279;
}

.badge-2 {
  color: #fff;
  text-align: center;
  background-color: #00528c;
  border: 1px solid #ffffff80;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
  display: block;
  position: absolute;
  inset: -7px -3px auto auto;
}

.frozen-results-2 {
  border-color: #363af8 #0000007a #363af8 #363af8;
}

.sort-2 {
  background-image: url('../images/arrow-down_3arrow-down.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.sort-2.none {
  background-image: none;
}

.search-actions-section-2 {
  margin-top: 10px;
}

.image-63 {
  margin-left: 4px;
  display: none;
}

.sort-3 {
  background-image: url('../images/arrow-up_1arrow-up.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.div-block-849 {
  margin-bottom: 10px;
}

.close-modal-9 {
  cursor: pointer;
  background-color: #0000;
  width: 36px;
  height: auto;
  display: block;
}

.customer-search-add-2 {
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  display: flex;
}

.filter-option-scroller-2 {
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  max-height: 400px;
  padding-bottom: 20px;
  overflow: auto;
}

.customer-table {
  height: auto;
  display: block;
  position: relative;
  overflow: auto;
}

.customer-table.hidden {
  min-height: 200px;
  display: block;
}

.result-row-5-copy {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-5-copy:hover {
  background-color: #d8e6fc;
}

.bulk-action-bar {
  background-color: #f1f1f1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 46px;
  display: none;
  position: absolute;
  left: 50px;
}

.apply-button {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 34px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.apply-button:hover {
  color: #fff;
  background-color: #1679cf;
}

.filter-button-icon {
  opacity: .8;
  cursor: pointer;
  background-image: url('../images/arrow-down_3arrow-down.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  min-width: 20px;
  min-height: 20px;
  margin-left: 10px;
}

.profile-pic-timeline-4 {
  cursor: pointer;
  background-color: #87c2e9;
  background-image: linear-gradient(312deg, #a6e4f8, #68b0e4);
  border-radius: 50px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  position: relative;
}

.profile-pic-timeline-4.group {
  background-image: url('../images/group-w.png'), linear-gradient(312deg, #a6e4f8, #68b0e4);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 32px, auto;
}

.add-blue-button-3 {
  cursor: pointer;
  background-color: #0092ede6;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-right: 10px;
  padding-left: 8px;
  padding-right: 14px;
  transition: background-color .4s;
  display: flex;
}

.add-blue-button-3:hover {
  color: #fff;
  background-color: #0c7fc7;
}

.org-selector {
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  min-width: 290px;
  height: 100%;
  padding-left: 14px;
  padding-right: 6px;
  text-decoration: none;
  display: flex;
}

.org-selector:hover {
  background-color: #cde3ff;
}

.content-row-4 {
  transition: all .4s;
}

.content-row-4:hover {
  background-color: #f1f7fc;
}

.content-row-4.selected {
  background-color: #e6f1ff;
}

.content-row-4.hover {
  background-color: #f1f7fc;
}

.text-block-50 {
  text-align: center;
}

.name-label {
  color: #313131;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}

.name-label.bold {
  text-align: left;
  font-weight: 600;
}

.name-label.clickable {
  color: #0078ce;
  cursor: pointer;
  font-weight: 500;
}

.name-label.clickable:hover {
  color: #00b2ed;
}

.name-label.bold {
  flex: 1;
  font-weight: 600;
}

.customer-form-row-2 {
  background-color: #f1f1f1;
  border-bottom: 1px solid #ddd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  display: flex;
}

.empty-button-wrapper {
  margin-top: 20px;
  padding-left: 10px;
}

.customer-table-cell-3 {
  border-right: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  min-height: 46px;
  padding: 8px 6px 8px 10px;
  display: flex;
  position: relative;
}

.customer-table-cell-3.checkbox {
  background-image: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: auto;
  min-height: 40px;
  display: flex;
}

.customer-table-cell-3.medium {
  align-items: center;
  width: 15%;
  min-width: 160px;
  margin-top: 0;
}

.customer-table-cell-3.medium.grey {
  cursor: pointer;
  justify-content: space-between;
}

.customer-table-cell-3.medium.grey:hover {
  background-color: #e7e7e7;
}

.customer-table-cell-3.long {
  width: 34%;
  min-width: 200px;
}

.filter-option-2 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.filter-option-2:hover {
  background-color: #e0e0e038;
}

.filter-option-2.selected {
  background-color: #d8e6fc;
}

.domain-option {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 14px;
  display: flex;
}

.domain-option:hover, .domain-option.selected {
  background-color: #e0e0e01a;
}

.tooltip-5 {
  z-index: 996;
  opacity: .9;
  background-color: #262c46;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.invitation-wrapper-2 {
  background-color: #3d597e;
  border: 1px solid #c4dfd9;
  border-top-style: none;
  border-bottom-color: #3077a8;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding-top: 4px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.div-block-877 {
  height: 14px;
  min-height: 10px;
}

.div-block-876 {
  padding-right: 12px;
}

.modal-header {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.submit-button-2 {
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-2:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-2.large {
  height: 52px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
}

.submit-button-2.cancel {
  background-color: #97a4af;
}

.submit-button-2.cancel:hover {
  background-color: #889097;
}

.submit-button-2.sm {
  min-width: 120px;
  height: 40px;
}

.search-bar-wrapper-2 {
  min-height: 100px;
  display: block;
}

.lead-autocomplete-wrapper-2 {
  width: 300px;
  margin-right: 14px;
  position: relative;
}

.domain-option-scroller {
  background-color: #032944;
  max-height: 460px;
  padding-bottom: 20px;
  overflow: auto;
}

.row-select-cell-2 {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-right-style: none;
  border-right-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 100%;
  min-height: 30px;
  margin-right: 10px;
  display: block;
}

.row-select-cell-2:hover {
  background-image: url('../images/check-hover.png');
}

.row-select-cell-2.selected {
  background-image: url('../images/checked_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  display: block;
}

.apply-button-wrapper {
  border-top: 1px solid #dadada;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.apply-button-wrapper.hidden {
  display: none;
}

.textlink-2 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  text-decoration: none;
  display: inline;
}

.textlink-2:hover {
  color: #00b2ed;
}

.textlink-2.decline {
  color: #fff;
  margin-right: 20px;
}

.textlink-2.decline:hover {
  text-decoration: underline;
}

.input-label-2 {
  color: #313131;
  padding-top: 4px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.form-27 {
  padding-top: 10px;
}

.sf-98 {
  color: #313131;
  font-size: 26px;
  line-height: 32px;
  text-decoration: none;
}

.sf-98.center {
  text-align: center;
}

.sf-98.white {
  color: #fff;
}

.footer-links-5 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.outer-wrapper-2 {
  background-color: #0000;
  height: 100%;
}

.div-block-342 {
  padding-top: 10px;
  padding-bottom: 20px;
}

.inputfield-2 {
  color: #312b3de3;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  display: block;
}

.inputfield-2.short {
  width: 380px;
  display: block;
}

.inputfield-2.disabled {
  background-color: #e2e2e2;
  width: 380px;
  display: block;
}

.inputfield-2.disabled::placeholder {
  color: #312b3dcc;
}

.inputfield-2.short {
  width: 100%;
  max-width: 100%;
  font-family: Open Sans, sans-serif;
  display: block;
}

.inputfield-2.fc {
  width: 380px;
  font-family: Open Sans, sans-serif;
  display: block;
}

.inputfield-2.fc::placeholder {
  color: #312b3d66;
}

.inputfield-2.short {
  width: auto;
  max-width: 100%;
  display: block;
}

.inputfield-2.short::placeholder {
  color: #312b3d66;
}

.paragraph {
  color: #424242;
  text-align: left;
  height: auto;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.paragraph.smalltext {
  color: #262c46;
  padding-top: 0;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.paragraph.smalltext.red {
  color: #ed4444;
}

.submitbutton-6 {
  text-align: center;
  border-style: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  transition: background-color .6s;
  display: flex;
}

.submitbutton-6:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.twmheader {
  z-index: 9999;
  background-color: #00000026;
  justify-content: center;
  align-self: stretch;
  height: 90px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.twmheader.login {
  color: #00528c;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.password-reset-wrapper {
  padding: 20px 60px 40px;
  transition: opacity .575s;
}

.div-block-1059 {
  background-color: #ffffffe8;
  border-radius: 12px;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px;
  display: block;
}

.create-account-wrapper {
  background-color: #4c99f8;
  height: 100vh;
  padding: 40px 0 0;
}

.footer-3 {
  color: #777;
  text-align: center;
  margin-bottom: 40px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 13px;
}

.footer-3.white {
  color: #ffffff94;
}

.div-block-854-copy {
  z-index: 1000;
  background-color: #97b0ce;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
}

.tag-2 {
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 2px 5px 0 6px;
  display: inline-block;
}

.tag-2.multiple {
  display: inline-block;
}

.div-block-272 {
  margin-left: 10px;
}

.timeline-media-2-copy {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.item-header-mini {
  color: #312b3de3;
  text-align: left;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
  display: block;
}

.div-block-786 {
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 2px;
  padding-right: 2px;
  display: flex;
}

.search-wrapper-holder {
  flex: 1;
  padding-right: 20px;
  display: block;
}

.text-label-large-3 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  padding-bottom: 20px;
  font-size: 5em;
  font-weight: 600;
  line-height: .8em;
}

.hero-form-button-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.tag-small-3 {
  clear: left;
  cursor: move;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-3:hover {
  background-color: #00528ccc;
}

.mini-post-content-wrapper {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 0 4px;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.tag-content-4 {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  display: flex;
}

.layer-holder {
  flex: 1;
  display: block;
  position: relative;
}

.div-block-802 {
  flex: 1;
  justify-content: center;
  display: flex;
}

.modal-upload-image {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.text-span-38 {
  margin-left: 9px;
  font-weight: 500;
}

.div-block-364 {
  flex: 1;
  min-height: 25px;
}

.playback-speed-small {
  z-index: 11;
  color: #00528c;
  text-align: center;
  background-color: #ffffffdb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 24px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: -15px 6px auto auto;
}

.playback-speed-small:hover {
  background-color: #fff;
}

.action-button-10 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 46px;
  margin: 4px 3px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-10:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-10.player-form {
  text-align: center;
  background-color: #158cdf;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 13px;
  line-height: 16px;
}

.action-button-10.player-form:hover {
  background-color: #00528c;
}

.input-text-placeholder {
  color: #000000db;
  font-weight: 400;
}

.cardio-icon {
  width: 54px;
  min-width: 54px;
}

.sf-19 {
  color: #313131;
  font-size: 14px;
  line-height: 20px;
}

.post-submit-2 {
  background-color: #f6f6f6;
  border-style: solid none none;
  border-top-width: 1px;
  border-top-color: #dfdfdf;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 5px 20px 10px;
  display: flex;
}

.enter-weight-button-2 {
  opacity: 1;
  background-color: #00000080;
  border: 1px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 168px;
  height: 40px;
  min-height: 40px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 16px;
  padding-right: 16px;
  display: none;
  position: relative;
}

.enter-weight-button-2:hover {
  opacity: 1;
  background-color: #000000b3;
}

.text-component-2 {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 14px;
  padding-bottom: 14px;
  display: block;
}

.all-items-2 {
  z-index: 995;
  background-color: #fff;
  flex-direction: column;
  width: 250px;
  min-height: 160px;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 16px 20px;
  display: none;
  position: fixed;
  top: 66px;
  right: 151px;
  overflow: visible;
  box-shadow: 1px 0 30px #0009;
}

.select-audio-5 {
  text-align: right;
  margin-left: auto;
  position: relative;
  left: 0;
  right: 0;
}

.text-block-44 {
  font-weight: 500;
}

.handle-volume-2 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-2:hover {
  background-color: #fff;
}

.trainer-chooser-holder {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  height: 36px;
  margin-left: 0;
  padding: 6px 10px;
  display: flex;
}

.exercise-layer-2 {
  height: 100%;
  display: none;
}

.recipient-list-modal {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  width: 300px;
  padding: 6px 20px 24px 10px;
  position: absolute;
  top: 64px;
  left: 78px;
  box-shadow: 1px 2px 5px #0000004d;
}

.recipient-list-modal.hidden {
  z-index: 3;
  display: none;
}

.chooser-search {
  height: auto;
  padding: 6px 20px 14px;
  position: sticky;
  inset: auto 0% 0;
}

.text-label-sm-title {
  z-index: 4;
  color: #313131;
  text-align: left;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.2em;
  display: block;
}

.small-tab-label {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
}

.div-block-426 {
  padding-left: 8px;
}

.image-69 {
  opacity: .43;
  padding-top: 10px;
  padding-bottom: 10px;
}

.controls-button-holder-5 {
  z-index: 9;
  background-color: #0006;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: block;
  position: relative;
}

.workout-stats-2 {
  padding-top: 4px;
  padding-left: 54px;
}

.button-select-plan-2 {
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #1abc9c;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 100px;
  height: 46px;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.button-select-plan-2:hover {
  color: #fff;
  background-color: #0bac8c;
}

.start-button-2 {
  z-index: 6;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  inset: 0%;
}

.bottom-label-holder-3 {
  z-index: 3;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1em;
  display: block;
  position: absolute;
  inset: auto 0% 60px;
}

.bottom-label-holder-3.vertical {
  z-index: 4;
}

.drop-content {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  max-height: 100vh;
  margin-left: 25px;
  margin-right: 25px;
  padding: 14px 0;
  display: block;
  overflow: visible;
}

.share-checkbox {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #d8d8d8;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  display: flex;
}

.share-checkbox:hover {
  opacity: .5;
  background-image: url('../images/tick_1tick.png');
  background-position: 50%;
  background-size: cover;
  border-style: none;
}

.text-33 {
  color: #161616;
  font-size: 12px;
  line-height: 18px;
}

.text-33.white {
  color: #fff;
}

.indicator-content {
  align-items: center;
  display: flex;
}

.text-45 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
}

.exercise-holder {
  flex-direction: column;
  align-items: center;
  max-height: 500px;
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 40px;
  display: block;
  position: static;
  left: 10px;
  overflow: auto;
}

.chooser-search-section {
  justify-content: space-between;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 20px;
  display: flex;
}

.img-dark-overlay-2 {
  background-image: linear-gradient(to top, #0009 9%, #0003 57%, #0000 97%);
  height: 90px;
  position: absolute;
  inset: auto 0% 0%;
}

.arrow-5 {
  background-color: #fff;
  background-image: url('../images/arrow-left_1arrow-left.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 3px;
  margin-right: 3px;
  padding-bottom: 0;
  transition: background-color .4s;
  display: flex;
}

.arrow-5:hover {
  background-color: #b4daf1;
}

.arrow-5.right {
  background-image: url('../images/arrow-right_1arrow-right.png');
  background-size: 24px;
}

.rating-wrapper {
  padding-top: 4px;
}

.div-block-1060 {
  justify-content: center;
  width: 70%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.item-media-mini {
  text-align: center;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  position: relative;
}

.div-block-375 {
  height: 40px;
}

.settings-header-2 {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  min-height: 35px;
  padding: 2px 4px 2px 10px;
  display: flex;
}

.play-icon {
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.submit-button-xs {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-xs:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-xs.cancel {
  background-color: #97a4af;
}

.submit-button-xs.cancel:hover {
  background-color: #8c959c;
}

.text-block-13-copy {
  color: #bbb;
}

.loading-workout-modal {
  display: none;
}

.sf-small-label {
  color: #313131;
  font-size: 13px;
  line-height: 20px;
}

.div-block-698 {
  justify-content: center;
  width: 100%;
  display: flex;
}

.text-span-58 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.mark-done-layer-4 {
  z-index: 5;
  opacity: 0;
  background-image: linear-gradient(270deg, #f0f7fccf 9%, #fff0 20%);
  justify-content: flex-end;
  width: 100%;
  padding-left: 0;
  padding-right: 10px;
  display: block;
  position: absolute;
  inset: 0%;
}

.mark-done-layer-4:hover {
  opacity: 1;
}

.exercise-ribbon-wrapper-5 {
  z-index: 13;
  opacity: 1;
  background-color: #fff;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  height: 220px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

.text-55 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.text-55.light {
  font-weight: 300;
}

.submit-save-button-2 {
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-2:hover {
  color: #fff;
  background-color: #1679cf;
}

.post-header-4-copy {
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 30px 10px 20px;
}

.speed-level-bar {
  background-color: #000000b3;
  border-radius: 4px;
  width: 56px;
  display: none;
  position: absolute;
  inset: auto 0 34px auto;
}

.speed-level-bar.sm {
  z-index: 1001;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: absolute;
  bottom: 30px;
}

.div-block-320-copy {
  margin-left: 60px;
  padding-top: 10px;
}

.countdown-wrapper-3 {
  padding-top: 2%;
  padding-right: 1%;
}

.play-control-iicon-holder {
  justify-content: center;
  align-items: center;
  position: relative;
  transform: rotate(0);
}

.text-label-4 {
  color: #262c46;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}

.text-label-4.library {
  color: #fff;
  margin-top: 6px;
  margin-bottom: 8px;
}

.text-label-4._12 {
  font-size: 12px;
  line-height: 16px;
}

.text-label-4._12:hover {
  color: #00b2ed;
  text-decoration: underline;
}

.text-label-4._12.white {
  opacity: 1;
  color: #fff;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 14px;
}

.text-label-4._12.white:hover {
  text-decoration: none;
}

.post-right-dragger {
  z-index: 10;
  cursor: ew-resize;
  width: 20px;
  position: absolute;
  inset: 0% -10px 0% auto;
}

.bodycomp-row-2 {
  justify-content: space-between;
  align-items: center;
  padding: 7px 10px;
  display: flex;
}

.bodycomp-row-2:hover {
  background-color: #f1f9fc;
}

.sort-wrapper-3 {
  align-items: center;
  display: flex;
}

.start-play-button-3 {
  opacity: 1;
  cursor: pointer;
  background-color: #00000080;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 76px;
  min-width: 76px;
  height: 76px;
  min-height: 76px;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.start-play-button-3:hover {
  opacity: 1;
  background-color: #000000b3;
}

.wide-header-content-2-copy-2 {
  z-index: auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  display: flex;
  position: relative;
}

.wide-header-content-2-copy-2.left {
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
}

.toggle-divider {
  background-color: #3b759ed6;
  width: 1px;
  height: 46px;
}

.body-comp-input-wrapper {
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 10px;
  padding-bottom: 14px;
}

.plan-section-2 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
  overflow: visible;
}

.loading-posts-indicator {
  padding-top: 60px;
  padding-bottom: 20px;
}

.sm-toggle-switch {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 10px;
  margin-right: 8px;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.sm-toggle-switch:hover {
  opacity: 1;
}

.sm-toggle-switch.on {
  background-color: #64dd17;
}

.chat-message-unit-4 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.plan-description {
  margin-bottom: 30px;
  padding-top: 14px;
}

.sf-55-copy {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.action-button-5 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-5:hover {
  color: #fff;
  background-color: #0d72b9;
}

.div-block-267 {
  position: absolute;
}

.cal-item-wrapper {
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  flex-direction: column;
  padding: 3px 2px 5px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-289 {
  margin-top: 14px;
}

.timeline-action-bar-6 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px;
  display: flex;
  position: relative;
  bottom: 0;
}

.button-save-library-3 {
  color: #0078ce;
  text-align: center;
  background-color: #fff;
  border: 1px solid #0078ce;
  min-width: 140px;
  height: 34px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  transition: background-color .6s;
  display: block;
}

.button-save-library-3:hover {
  color: #0078ce;
  background-color: #00b2ed1a;
}

.button-save-library-3.hidden {
  cursor: pointer;
  min-width: 140px;
  display: block;
}

.action-button-8 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-8:hover {
  color: #fff;
  background-color: #0d72b9;
}

.modal-choose-user {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.div-block-810 {
  width: 260px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.image-53 {
  margin-right: 5px;
}

.volume-icon {
  opacity: .86;
  cursor: pointer;
  background-image: url('../images/baseline_volume_up_white_48dp_1baseline_volume_up_white_48dp.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 28px;
  min-width: 28px;
}

.volume-icon:hover {
  opacity: 1;
}

.text-block-45 {
  color: #313131;
  font-size: 13px;
  line-height: 16px;
}

.edit-button-holder {
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
  padding-bottom: 21px;
  display: flex;
}

.icon-play {
  width: 28px;
  display: inline-block;
}

.div-block-629 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.exercise-content-div {
  flex-direction: column;
  align-items: flex-start;
  width: 388px;
  padding-left: 12px;
  display: flex;
  position: static;
  right: 0;
}

.rte-toggle {
  border-radius: 4px;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.text-label-countdown-3 {
  color: #fff;
  text-align: right;
  text-shadow: 3px 3px 6px #000000a3;
  font-size: 6em;
  font-weight: 600;
  line-height: .8em;
}

.additional-tag-holder {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.modal-workout-detail-2 {
  z-index: 997;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.group-message-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.timeline-media-5 {
  background-color: #fff;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  display: flex;
}

.recipient-holder {
  white-space: normal;
  cursor: auto;
  position: relative;
}

.modalclosediv-5 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.modalclosediv-5.small {
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 6px;
  right: 6px;
}

.reminder-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-bottom: 0;
  padding: 0 10px 0 0;
  display: flex;
}

.image-104 {
  max-width: none;
}

.library-media-content-view-2 {
  background-color: #032944;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  max-height: 100vh;
  margin-right: 0;
  padding: 10px 0 0;
  display: flex;
  position: relative;
}

.checkbox-field-12 {
  margin-bottom: 20px;
}

.ac-default-label-small-10 {
  color: #312b3db3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.sound-icon {
  opacity: .86;
  width: 28px;
  display: none;
}

.sound-icon:hover {
  opacity: 1;
}

.sound-icon.visible {
  display: block;
}

.select-button-wrapper {
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.div-block-807 {
  flex: 1;
  justify-content: center;
  display: flex;
}

.get-ready-display-2 {
  z-index: 4;
  background-image: linear-gradient(#0009 20%, #0000);
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.chip-label-8 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.submit-button-small-7 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-7:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-7.cancel {
  background-color: #97a4af;
}

.submit-button-small-7.cancel:hover {
  background-color: #8c959c;
}

.tile-tall-3 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-3.long {
  clear: left;
  border: 1px solid #ddd;
  width: 300px;
  height: 76px;
  padding-bottom: 0;
}

.tile-tall-3.long:hover {
  background-image: none;
}

.tile-tall-3.long.blue {
  background-color: #1389c0;
}

.tile-tall-3.long.blue.selected {
  background-color: #36b4ee;
  border-width: 1px;
}

.button-icon-3 {
  margin-right: 5px;
}

.tooltip-item-wrapper {
  background-color: #fff;
}

.body-comp-options {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 5px;
  padding-right: 20px;
  display: block;
}

.sf-26 {
  font-size: 26px;
  line-height: 32px;
  text-decoration: none;
}

.sf-26.white {
  color: #fff;
}

.sf-14-regular-2 {
  color: #313131;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-835 {
  background-color: #b7dae6;
  width: 100%;
  height: 1px;
}

.sf-34 {
  font-size: 34px;
  line-height: 42px;
}

.sf-34.blue {
  color: #4fc3f7;
}

.sf-34.green {
  color: #b9fd4f;
}

.sf-34.semi {
  font-weight: 600;
}

.sf-34.semi.white {
  color: #fff;
}

.sf-34.semi.white.center {
  text-align: center;
}

.overlay-3 {
  background-color: #fff0;
  transition: background-color .6s;
  display: none;
  position: absolute;
  inset: 0%;
}

.overlay-3:hover {
  background-color: #fff6;
}

.exercise-row {
  background-color: #fff;
  border-style: none;
  border-color: #e9e9e9 #000 #000;
  align-items: flex-start;
  width: 460px;
  height: auto;
  margin: 0;
  padding: 0 8px 6px;
  transition: background-color .4s;
  display: flex;
  position: static;
  overflow: visible;
}

.exercise-row.border {
  border-top: 1px solid #cecece;
}

.library-empty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.delete-exercise {
  justify-content: flex-end;
  padding: 40px 20px 20px 10px;
  display: flex;
}

.feedback-detail {
  min-width: 200px;
  height: auto;
  margin-left: 10px;
}

.item-button-icon-3 {
  width: 16px;
  margin-right: 3px;
}

.icon-audio-3 {
  background-image: url('../images/audio_2audio.png');
  background-position: 0 0;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.volume-level-bar {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  height: 20px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar.max {
  height: 100%;
}

.audio-component-editor-6 {
  background-color: #fff;
  border-top: 1px #e6e6e6;
  border-bottom: 1px #e6e6e6;
  width: 100%;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.audio-component-editor-6:focus {
  box-shadow: 1px 1px 3px #000;
}

.distance-2 {
  align-items: center;
  display: flex;
}

.label-2 {
  color: #000000db;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
}

.label-2.white {
  color: #fff;
}

.send-time-block-2 {
  flex: 1;
}

.send-time-block-2.hidden {
  padding-left: 12px;
  display: flex;
}

.tile-contents {
  position: absolute;
  inset: 0%;
}

.search-media-library-2 {
  background-color: #eeeeee78;
  border: 1px solid #80808080;
  min-width: 840px;
  min-height: 50px;
  max-height: 80px;
  margin-bottom: 0;
  margin-left: 54px;
  margin-right: 10px;
  padding-left: 8px;
  font-size: 16px;
  line-height: 22px;
  overflow: auto;
}

.search-media-library-2:focus {
  background-color: #fff;
}

.search-media-library-2.chooser {
  width: 800px;
  min-width: 0;
  height: auto;
  min-height: 40px;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 4px;
  padding-left: 4px;
}

.set-number-no-click {
  background-color: #00528c;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: background-color .275s;
  display: flex;
}

.set-number-no-click.hidden {
  flex-wrap: wrap;
  align-content: center;
}

.library-tag {
  color: #00528c;
  background-color: #fff;
  border: 1px solid #00528c;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 30px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 4px;
  padding-top: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  display: inline-block;
}

.library-tag:hover {
  color: #fff;
  background-color: #00528ccc;
}

.library-tag.selected {
  color: #fff;
  background-color: #00528c;
}

.heart-holder-2 {
  align-items: center;
  padding-top: 2px;
  padding-right: 0;
  display: none;
}

.tag-content-5 {
  align-items: center;
  height: 34px;
  display: flex;
}

.sf-14-regular {
  color: #313131;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.loading-overlay {
  z-index: 6;
  background-color: #000000b3;
  justify-content: center;
  align-items: center;
  margin-top: 52px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-form-field {
  padding-left: 12px;
  font-size: 15px;
}

.loading-wrapper-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 120px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  top: 0;
}

.progress-bar-volume-wrapper-3 {
  z-index: 3;
  background-image: linear-gradient(to top, #0009 21%, #0000);
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 120px;
  padding-bottom: 26px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.day-of-week {
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  align-items: center;
  height: 29px;
  margin-bottom: 0;
  padding-left: 12px;
  display: flex;
}

.group-timeline-message {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  line-height: 22px;
}

.ac-default-label-small-5 {
  color: #032944;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.message-holder-3 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.audio-message-wrapper-2-copy-copy {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-2-copy-copy.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 92px;
  display: block;
}

.play-pause {
  height: auto;
  margin-left: 0;
  padding-top: 13px;
}

.image-33 {
  opacity: 1;
  margin-right: 5px;
  transition: opacity .3s;
}

.text-span-40 {
  font-weight: 400;
}

.unit-holder-2 {
  width: 34px;
  padding-left: 8px;
}

.validation-message {
  align-items: flex-end;
  padding-bottom: 2px;
  display: flex;
}

.image-122 {
  height: 100px;
}

.menu-border {
  border-bottom: 1px solid #cecbcb;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.sf-109 {
  color: #313131;
  text-align: left;
  font-size: 16px;
  display: block;
}

.sf-109.label {
  width: 100px;
}

.sf-109.semi {
  font-weight: 600;
}

.sf-109.semi.white {
  color: #fff;
}

.sf-109.semi.white.center {
  text-align: center;
  text-shadow: 0 1px 6px #000;
}

.drawing-content {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  height: 78%;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.text-12 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.text-12.blue {
  color: #00528c;
}

.text-12.white {
  color: #fff;
}

.text-12.semi {
  font-weight: 600;
}

.sf-57 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-57.center {
  text-align: center;
}

.cal-item {
  z-index: 1;
  background-color: #00b2ed;
  align-items: center;
  height: 24px;
  min-height: 24px;
  margin-top: 1px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 4px;
  display: block;
  position: static;
  overflow: hidden;
}

.cal-item.grey {
  background-color: #999;
}

.cal-item.green {
  clear: none;
  cursor: pointer;
  background-color: #66bb6a;
  min-height: 24px;
  padding-right: 4px;
  display: block;
  overflow: hidden;
}

.cal-item.nonworkout {
  background-color: #0a3a5c;
}

.cal-item.green {
  clear: none;
  background-color: #66bb6a;
  min-height: 24px;
  padding-right: 4px;
  display: block;
  overflow: hidden;
}

.cal-item.red {
  background-color: #e57373;
  padding-right: 4px;
}

.settings-header {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  padding: 4px 4px 4px 10px;
  display: flex;
}

.upload-file-2 {
  cursor: pointer;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-left: 8px;
  margin-right: 6px;
  padding: 4px 8px;
  transition: background-color .4s;
  display: flex;
}

.upload-file-2:hover {
  background-color: #e9e9e9;
}

.menu-line-weights {
  z-index: 96;
  background-color: #585858;
  border: 1px solid #a1a1a1;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 98px;
  height: auto;
  padding: 8px 0;
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.timeline-audio-holder-mini-copy {
  display: block;
  position: static;
  inset: 0%;
}

.label-refresh {
  color: #fff;
  font-size: 12px;
}

.modal-content-username-3 {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 500px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  overflow: visible;
}

.sf-55 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-55.semi {
  font-weight: 600;
}

.sf-55.semi.navy {
  color: #00528c;
  text-align: center;
}

.icon-save-2 {
  opacity: .6;
  background-image: url('../images/download-1_1download (1).png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.library-sidebar-2 {
  background-color: #eef2f5;
  border-style: none none none solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  flex: none;
  width: 310px;
  height: 100%;
  padding-bottom: 80px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: auto;
}

.app-workout-container-7 {
  background-image: url('../images/jagoda2.jpg'), linear-gradient(#494949, #494949);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 320px;
  min-height: 0;
  display: none;
  position: relative;
}

.button-content {
  align-items: center;
  height: 42px;
  display: flex;
}

.exercise-entry {
  background-color: #f2fafd;
  margin-top: 10px;
  padding: 20px;
}

.controls-button-holder-3 {
  z-index: 5;
  background-color: #00000080;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: block;
  position: relative;
}

.controls-button-holder-3.vertical {
  display: flex;
}

.text-label-medium-3 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  padding-bottom: 20px;
  font-size: 3.2em;
  font-weight: 600;
  line-height: 1em;
}

.text-label-medium-3.start {
  text-shadow: 3px 3px 6px #000000a3;
  cursor: pointer;
  padding-bottom: 0;
}

.reply-input {
  clear: none;
  background-color: #fff;
  border: 1px #cecece;
  border-radius: 18px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  min-width: 30px;
  min-height: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 14px 10px 10px;
  display: flex;
  position: static;
}

.div-block-790 {
  text-align: center;
}

.speed-option-3 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  height: 32px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-3:hover {
  color: #fff;
  background-color: #353535;
}

.library-tile-wrapper-2 {
  border-top: 1px solid #dfdfdf;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.paused-layer-vertical {
  z-index: 11;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.pause {
  display: inline-block;
}

.chat-message-unit-3 {
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

.image-124 {
  margin-right: 7px;
}

.in-library-status {
  align-items: center;
  height: 34px;
  display: flex;
}

.in-library-status.hidden {
  display: flex;
}

.streak-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.replied-indicator-bar-2 {
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  display: flex;
}

.text-21 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-21.white {
  color: #fff;
}

.text-21.light {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.text-21.grey {
  color: #818181;
}

.text-21.blue {
  color: #00528c;
  text-align: left;
  font-weight: 400;
}

.modal-top-bar-3 {
  cursor: default;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.text-label-small-4 {
  z-index: 4;
  color: #fff;
  text-align: center;
  text-shadow: 3px 3px 6px #000000a3;
  font-size: 2.1em;
  font-weight: 600;
  line-height: 2em;
  display: block;
}

.create-new-button-7 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 4px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-7:hover {
  color: #fff;
  background-color: #00b2ed;
}

.text-empty {
  color: #949494;
  text-align: center;
  padding-top: 20px;
  font-size: 20px;
  line-height: 24px;
}

.command-label-2 {
  color: #000000db;
  text-align: left;
  font-size: 16px;
}

.text-label-small-3 {
  z-index: 4;
  color: #fff;
  text-align: center;
  text-shadow: 3px 3px 6px #000000a3;
  font-size: 2.1em;
  font-weight: 600;
  line-height: 2em;
  display: block;
}

.plus-icon-3 {
  opacity: .7;
  margin-right: 0;
}

.client-input {
  color: #909090;
  background-color: #f3f3f3;
  border: 1px solid #d1d1d1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 40px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 12px;
  font-size: 16px;
  font-weight: 400;
  display: none;
}

.client-input:focus {
  border-color: #00b2ed;
}

.client-input::placeholder {
  color: #03294480;
}

.thread-example {
  width: 90%;
  min-width: 512px;
  max-width: 700px;
  position: relative;
}

.media-item-overlay-2 {
  z-index: 1;
  opacity: 0;
  background-color: #0006;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 164px;
  height: 128px;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.media-item-overlay-2:hover {
  opacity: 1;
}

.item-side-layout-3 {
  border-top: 2px #efeeee;
  border-bottom: 2px #efeeee;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 14px 10px 20px;
  display: flex;
  position: relative;
}

.icon-message-type {
  min-width: 18px;
  min-height: 18px;
  margin-right: 4px;
}

.icon-message-type.feedback {
  background-image: url('../images/feedback.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-message-type.completed {
  background-image: url('../images/check_5check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-message-type.lead {
  background-image: url('../images/star.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-message-type.request-response {
  background-image: url('../images/response.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.icon-message-type.request-declined {
  background-image: url('../images/declined_1declined.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.icon-message-type.assigned {
  background-image: url('../images/dumbbell-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-message-type.request {
  background-image: url('../images/request-blue_1request-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.text-block-39 {
  border-right: 0 solid #000;
}

.text-year {
  color: #00528c;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 8px;
  font-size: 26px;
  font-weight: 300;
  line-height: 32px;
}

.div-block-696 {
  flex-direction: row;
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.workout-progress-bar-2 {
  background-color: #ffffffbf;
  height: 8px;
  position: relative;
}

.lead-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px 30px;
  display: block;
  position: relative;
}

.image-90 {
  filter: invert();
  position: relative;
}

.sent-item-holder {
  border: 0 #000;
  min-height: 80px;
  display: block;
}

.drawing-toolbar {
  background-color: #f3f3f3;
  border-radius: 0 0 8px 8px;
  justify-content: center;
  align-items: flex-start;
  height: 18%;
  min-height: 100px;
  display: flex;
  position: static;
  inset: 0 0 84px;
}

.help-icon-3 {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: flex;
  position: relative;
  top: -3px;
}

.help-icon-3:hover {
  opacity: 1;
}

.help-icon-3.dark {
  background-color: #00000080;
  top: -2px;
}

.timeline-message {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 20px 15px;
  display: flex;
}

.sf-12 {
  font-size: 12px;
  line-height: 20px;
}

.sf-12.white {
  color: #fff;
}

.sf-12.white.label {
  color: #ffffffd6;
  text-align: center;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.modal-content-drawing {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 90%;
  min-width: 992px;
  height: 90%;
  min-height: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.timeline-compose-section-6 {
  background-color: #f5f5f5;
  flex-direction: column;
  width: 57%;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.upload-widget-heading {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 44px;
  padding-top: 0;
  padding-left: 12px;
  padding-right: 6px;
  display: flex;
}

.item-button-bar-2 {
  background-color: #0000;
  border-top: 1px solid #0000001f;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  display: flex;
  position: relative;
  bottom: 0;
}

.cropper-holder {
  flex: 1;
  width: 100%;
  margin-top: 0;
  padding: 10px 5px 10px 10px;
  transition: opacity .5s;
  overflow: auto;
}

.button-wrapper {
  align-items: center;
  margin-left: 15px;
}

.cal-arrows {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.edit-section-title-3 {
  padding-top: 0;
  padding-bottom: 12px;
  padding-left: 0;
}

.label-sender-name-2 {
  color: #313131;
  cursor: default;
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.label-sender-name-2:hover {
  color: #313131;
  text-decoration: none;
}

.remove-section-4 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-4:hover {
  opacity: .86;
}

.empty-image {
  opacity: .47;
  text-align: center;
  width: 76px;
  margin-top: 140px;
  margin-bottom: 14px;
}

.account-component {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.time-elasped {
  background-color: #2196f3;
  border-radius: 20px;
  width: 20px;
  height: 10px;
  position: absolute;
}

.time-elasped.small {
  width: 70%;
  height: 8px;
}

.time-elasped._2 {
  width: 135px;
}

.upload-button-holder-5 {
  align-items: flex-start;
  height: auto;
  margin-top: 14px;
  margin-bottom: 8px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.media-thumb-2 {
  background-image: url('../images/mara-pilates.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 52px;
  height: 40px;
}

.media-thumb-2.library {
  width: 64px;
  height: 64px;
  display: block;
}

.small-toggle-knob {
  background-color: #fff;
  border-width: 2px;
  border-color: #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  transition: all .5s;
  display: block;
  position: relative;
  left: 0;
  overflow: hidden;
  box-shadow: 1px 1px 3px #00000040;
}

.small-toggle-knob.on {
  opacity: 1;
  background-color: #fff;
  border-style: none;
  font-size: 11px;
  left: 20px;
  box-shadow: -1px 1px 5px #00000040;
}

.small-toggle-knob.off {
  box-shadow: 2px 2px 8px -1px #00000040;
}

.label-player-workout-name-2 {
  color: #313131;
  padding-right: 14px;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.view-outer-holder {
  background-color: #ebf0f3;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.load-more-3 {
  max-height: 15vh;
}

.feedback-flex-wrapper-2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.workout-thumb-4 {
  background-image: url('../images/performance.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  display: none;
}

.sf-119 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.text-42 {
  color: #161616;
  font-size: 12px;
  line-height: 16px;
}

.in-person-date {
  margin-bottom: 4px;
  padding-left: 5px;
}

.client-input-holder {
  width: 400px;
  min-width: 0;
  max-width: none;
  margin-left: 20px;
}

.text-initials-account-2 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.account-menu {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.media-item-wrapper-2 {
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-top: 4px;
  padding-right: 10px;
  position: relative;
  overflow: visible;
}

.link-15 {
  z-index: 3;
  flex: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.social-icon {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.textarea-7 {
  height: auto;
  min-height: 80px;
  font-size: 15px;
}

.textarea-7.player {
  padding-left: 8px;
  padding-right: 8px;
}

.sound-icon-2 {
  opacity: .86;
  width: 28px;
}

.sound-icon-2:hover {
  opacity: 1;
}

.bottom-gradient {
  z-index: 10;
  background-image: linear-gradient(to top, #00000094, #0000 73%);
  height: 200px;
  position: absolute;
  inset: auto 0% 0%;
}

.button-media-option-5 {
  color: #00b2ed;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  border-radius: 4px;
  width: 100%;
  height: 44px;
  margin-top: 0;
  padding: 6px 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  transition: background-color .6s;
  position: static;
}

.button-media-option-5:hover {
  background-color: #00b2ed33;
}

.sf-19-copy {
  color: #313131;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.assigned-topbar {
  background-color: #2c17e780;
  justify-content: space-between;
  align-items: center;
  height: 42px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.results-scroller-10 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.post-header-3 {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 30px 0 20px;
  display: flex;
}

.label-tile-2 {
  color: #313131;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  overflow: hidden;
}

.label-tile-2.sm {
  font-size: 12px;
}

.reload-floating-button-2 {
  z-index: 6;
  cursor: pointer;
  background-color: #008fee;
  border: 1px solid #fff;
  border-radius: 38px;
  justify-content: center;
  align-items: center;
  width: 116px;
  height: 36px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 8px 0% 0%;
  box-shadow: 2px 2px 7px 2px #00000080;
}

.reload-floating-button-2:hover {
  background-color: #006eb8;
}

.media-library-modal-2 {
  background-color: #f7f7f7;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 1300px;
  max-width: 95%;
  height: 90vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  top: 40px;
  left: 60px;
  overflow: visible;
  box-shadow: -1px -1px 8px #0000005e, 6px 6px 8px #0006;
}

.tagging-section-wrapper {
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.audio-do-over {
  margin-left: 20px;
}

.upload-img-2 {
  opacity: .63;
  width: 106px;
}

.workout-label-holder-3 {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  min-height: 56px;
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: relative;
}

.program-tile-overlay-4 {
  opacity: 0;
  background-color: #ffffff80;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.program-tile-overlay-4:hover {
  opacity: 1;
  background-color: #0000;
  background-image: linear-gradient(225deg, #fffffffa, #ffffff4d 72%);
}

.volume-level-bar-2 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-2.max {
  height: 100%;
}

.sf-15-med-3 {
  color: #313131;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-3.navy {
  color: #00528c;
}

.audio-time {
  justify-content: flex-end;
  width: 54px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.audio-time.small {
  padding-left: 0;
  font-size: 12px;
}

.audio-time.right {
  justify-content: flex-start;
}

.audio-time.left {
  margin-right: 4px;
  padding-right: 0;
}

.progress-bar-volume-wrapper-5 {
  z-index: 2;
  background-image: linear-gradient(to top, #0009 21%, #0000);
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 120px;
  padding-bottom: 26px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.empty-post-holder-2 {
  background-color: #e8eaec;
  padding-top: 100px;
  padding-bottom: 140px;
}

.empty-post-holder-2.hidden {
  background-color: #e8eaec;
}

.save-to-library-2 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  margin-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  transition: background-color .3s;
  display: flex;
}

.save-to-library-2:hover {
  background-color: #eef3f8;
}

.div-block-611 {
  min-width: 150px;
  display: flex;
}

.div-block-1061 {
  background-color: #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
}

.player-leadgen-modal {
  z-index: 99;
  background-color: #fff;
  border-radius: 12px 12px 0 0;
  width: 400px;
  min-height: 240px;
  padding: 20px 20px 0;
  display: none;
  position: absolute;
  inset: auto 10px 0% auto;
  overflow: visible;
  box-shadow: 4px 4px 9px #0003;
}

.line-weight {
  align-items: center;
  height: 24px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 18px;
  transition: background-color .3s;
  display: flex;
}

.line-weight:hover {
  background-color: #39393a;
}

.form-17 {
  padding-top: 6px;
}

.preview-countdown-wrapper-2 {
  padding-top: 2%;
  padding-right: 1%;
  position: relative;
}

.item-button-bar {
  background-color: #0000;
  border-top: 1px solid #0000001f;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  display: flex;
  position: relative;
  bottom: 0;
}

.item-button-bar.side {
  background-color: #fff;
  border-top-style: none;
  justify-content: center;
  padding: 10px 20px 14px;
}

.item-hover-icon {
  box-shadow: none;
  background-color: #032944;
  border: 1px solid #ffffffd4;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-top: 8px;
  margin-right: 8px;
  padding: 4px;
  display: flex;
}

.modal-upload-options {
  z-index: 102;
  border-radius: 6px;
  flex-direction: row;
  flex: 0 auto;
  align-items: center;
  width: 206px;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: absolute;
  inset: 100px auto auto 75px;
  box-shadow: -1px 3px 8px 1px #0000004d;
}

.div-block-259 {
  width: 54px;
}

.overlay-cover {
  z-index: 5;
  background-color: #0000004d;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: background-color .6s;
  display: block;
  position: absolute;
  inset: 0%;
}

.audio-bottom-controls-4 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.unmatched-text-2 {
  color: #000000db;
  text-align: left;
  cursor: default;
  font-size: 16px;
}

.create-new-button-5 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-5:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.results-wrapper-5 {
  z-index: 4;
  border: 0 solid #cfcfcf;
  width: 100%;
  display: block;
  position: absolute;
  box-shadow: 3px 3px 13px 1px #0003;
}

.toolbar-color-swatch {
  background-color: #000;
  border: 1px solid #fff;
  width: 22px;
  height: 22px;
  margin-left: 2px;
  margin-right: 2px;
  display: inline-block;
}

.toolbar-color-swatch.yellow {
  background-color: #ff0;
}

.toolbar-color-swatch.red {
  background-color: red;
}

.toolbar-color-swatch.white {
  background-color: #fff;
}

.toolbar-color-swatch.blue {
  background-color: #00f;
}

.toolbar-color-swatch.cyan {
  background-color: #0ff;
}

.toolbar-color-swatch.pink {
  background-color: #f0f;
}

.toolbar-color-swatch.grey {
  background-color: #b3b3b3;
}

.toolbar-color-swatch.green {
  background-color: #0f0;
}

.plans-timeline-2 {
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.exercise-thumb-5 {
  background-image: url('../images/Screen-Shot-2018-12-11-at-12.35.54-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  display: none;
}

.delete-audio {
  cursor: pointer;
}

.delete-audio:hover {
  filter: saturate(71%);
}

.div-block-300 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  display: block;
}

.user-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  position: relative;
}

.div-block-329 {
  flex: 0 auto;
  display: block;
  position: static;
  inset: 40% auto 0% 180px;
}

.player-control-2 {
  z-index: 12;
  justify-content: center;
  display: flex;
  position: relative;
  inset: 0%;
}

.player-control-2.paused {
  height: 100%;
  display: flex;
}

.library-tab-bar {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 18px;
  padding-top: 4px;
  display: flex;
}

.empty-page-text-2 {
  color: #312b3d99;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 120px;
  padding-bottom: 4px;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  display: flex;
}

.workout-feedback-section {
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  padding-bottom: 10px;
  display: block;
}

.left-pane-search-2 {
  z-index: 11;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: block;
}

.left-pane-main {
  flex: 0 auto;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.more-tag-modal {
  z-index: 99;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  width: 240px;
  min-height: 80px;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 1px 3px 14px #0003;
}

.volume-bar-2 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.grey-check {
  opacity: .5;
  background-image: url('../images/icon-check-black.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 24px;
  height: 24px;
  margin-left: 0;
  margin-right: 2px;
}

.icon-edit {
  opacity: .5;
  transition: opacity .3s;
}

.icon-edit:hover {
  opacity: 1;
}

.sf-87 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
}

.sf-87.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.heart-rate-display-3 {
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.item-header-copy-3 {
  color: #444;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.mark-done-icon-4 {
  cursor: pointer;
  background-color: #d0dee2;
  background-image: url('../images/check-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
  border: 1px solid #fff;
  border-radius: 6px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  transition: background-color .3s;
  position: absolute;
  inset: 12px 10px auto auto;
}

.mark-done-icon-4:hover {
  background-color: #1abc73;
}

.mark-done-icon-4.static {
  margin-left: 10px;
  position: static;
}

.div-block-461 {
  padding-top: 10px;
  padding-right: 5px;
}

.count-total {
  margin-left: auto;
}

.title-condensed {
  color: #313131;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.month-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%) minmax(60px, 16.66%);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.sf-15-med-6 {
  color: #000000db;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-800 {
  justify-content: center;
  display: flex;
}

.workout-item-play-2 {
  opacity: .7;
  align-items: center;
  display: flex;
}

.workout-item-play-2:hover {
  opacity: 1;
}

.empty-preview-message {
  color: #313131;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 22px;
  font-weight: 400;
  line-height: 50px;
}

.chooser-media-types {
  background-color: #f6f6f6;
  border-style: none;
  align-items: flex-start;
  width: auto;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 0 20px;
  display: flex;
}

.cardio-image-2 {
  width: 54px;
  min-width: 54px;
}

.line-option {
  border: 0 #fff;
  border-top: 2px solid #fff;
  width: 40px;
  margin-right: 12px;
}

.line-option._8px {
  border-width: 8px 4px;
  border-color: #fff;
  border-left-style: none;
  border-right-style: none;
}

.line-option._4px {
  border-width: 4px 0 0;
  border-color: #fff;
  border-left-style: none;
  border-right-style: none;
}

.line-option._6px {
  border-width: 6px 0 0;
  border-color: #fff;
  border-left-style: none;
  border-right-style: none;
}

.exercise-rest-phase-layer-vertical {
  height: 100%;
  display: none;
}

.plan-name-price {
  border-bottom: 1px solid #3898ec6e;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.tool {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin-right: 4px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.tool:hover, .tool:focus {
  background-color: #39393a;
}

.tool.pen {
  background-image: url('../images/icon-freehand.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
}

.tool.text {
  background-image: url('../images/icon-text.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
}

.tool.arrow {
  background-color: #fff0;
  background-image: url('../images/icon-line-arrow.png');
  background-position: 50%;
  background-size: 36px;
}

.tool.line-weight {
  background-image: url('../images/icon-thickness.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
  width: 46px;
  height: 46px;
}

.tool.undo {
  background-image: url('../images/icon-undo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 38px;
  width: 46px;
  height: 46px;
  margin-right: 4px;
}

.tool.crop {
  background-image: url('../images/icon-crop.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
  background-attachment: scroll;
}

.tool.redo {
  background-image: url('../images/icon-redo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 38px;
  width: 46px;
  height: 46px;
  margin-right: 4px;
}

.tool.rotate {
  background-image: url('../images/icon-rotate_1icon-rotate.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.tool.rotate.hidden {
  display: none;
}

.tool.line {
  background-image: url('../images/icon-line.png');
  background-position: 50%;
  background-size: 36px;
}

.tool.erase {
  background-image: url('../images/icon-eraser.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
}

.left-pane-inner-wrapper-2 {
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.timeline-audio-holder-mini-2 {
  display: block;
  position: absolute;
  inset: 0%;
}

.message-title-type {
  white-space: nowrap;
  align-items: flex-start;
  display: flex;
}

.upload-tiems-wrapper {
  max-height: 560px;
  padding-bottom: 22px;
  display: block;
  overflow: auto;
}

.checkbox-field-13 {
  margin-bottom: 8px;
}

.audio-bottom-controls-2 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.modal-content-leads-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 240px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.player-play-pause-button-2 {
  opacity: 1;
  cursor: pointer;
  background-color: #00000080;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.player-play-pause-button-2:hover {
  opacity: 1;
  background-color: #000000b3;
}

.text-field-9 {
  padding-left: 12px;
  font-size: 15px;
}

.photo-cropper-2 {
  background-color: #0006;
  width: 100vw;
  height: 100vh;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.message-inner-wrapper {
  align-items: flex-start;
  height: 76px;
  padding: 8px 10px 10px 24px;
  display: flex;
  position: relative;
}

.ribbon-content-2 {
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-bottom: 5px;
  display: flex;
  overflow: auto;
}

.completed-date {
  align-items: center;
  display: flex;
}

.volume-bar {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: none;
  position: absolute;
  inset: auto 14px 34px auto;
}

.heading-holder-3 {
  background-color: #fff;
  border-bottom: 1px #e0e0e0;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
  display: block;
}

.heading-holder-3.hidden {
  display: block;
}

.ribbon-exercise-detail-2 {
  justify-content: center;
  min-height: 20px;
  max-height: 25%;
  padding: 5% 0 0;
}

.ribbon-exercise-detail-2.time {
  height: 15%;
  position: absolute;
  inset: auto 0% 5px;
}

.lead-gen-toggle-wrapper {
  border-radius: 4px;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.image-79 {
  margin-left: 3px;
  display: none;
}

.icon-request-2 {
  background-image: url('../images/request_1request.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.play-pause-2 {
  flex-direction: column;
  height: auto;
  margin-left: 0;
  display: flex;
}

.sf-14-name {
  color: #313131;
  padding-top: 0;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-15-semi {
  color: #313131;
  text-shadow: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.workout-duration-label {
  color: #313131;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.tile-tall-5 {
  text-align: center;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  max-height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-5:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-5.content-block {
  background-color: #eee;
}

.tile-tall-5.selected {
  background-color: #b7e8f8;
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-5.hidden {
  display: inline-block;
}

.declined-icon {
  background-image: url('../images/declined_2declined.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 34px;
  height: 34px;
  margin-right: 4px;
}

.text-54 {
  color: #00528c;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.weight-input-div {
  justify-content: center;
  align-items: center;
  height: 50%;
  min-height: 76px;
  margin-top: 10px;
  padding-bottom: 14px;
  display: flex;
}

.tile-thumb-2 {
  background-image: url('../images/IMG_1424.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 75%;
  position: relative;
}

.tile-thumb-2.tall {
  background-image: url('../images/thumb2.png');
  height: 75%;
  max-height: 75%;
  display: block;
  position: relative;
  overflow: hidden;
}

.tile-thumb-2.tall.audio {
  background-size: cover;
}

.text-label-countdown-4 {
  color: #fff;
  text-align: right;
  text-shadow: 3px 3px 6px #000000a3;
  font-size: 6em;
  font-weight: 600;
  line-height: .8em;
}

.text-label-countdown-4.small {
  text-align: right;
  font-size: 5em;
}

.submit-button-small-5 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-5:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-5.disable {
  opacity: .53;
  color: #fff;
}

.submit-button-small-5.disable:hover {
  background-color: #3898ec;
}

.submit-button-small-5.cancel {
  background-color: #97a4af;
}

.submit-button-small-5.cancel:hover {
  background-color: #889097;
}

.compose-button-holder-2 {
  justify-content: space-between;
  align-items: flex-start;
  height: 72px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 15px;
  display: flex;
}

.progress-time {
  width: 60px;
  font-size: 16px;
  display: block;
  position: absolute;
  inset: auto 0% 12px;
}

.edit-block-item {
  display: block;
}

.buttonlabel-2 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.buttonlabel-2.white {
  color: #ffffffb3;
  text-align: center;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
  font-size: 14px;
  line-height: 16px;
}

.arrow-down {
  cursor: pointer;
  margin-left: 6px;
  margin-right: 6px;
}

.username-content-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.autocomplete-input-2-program-3 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.autocomplete-input-2-program-3.light {
  background-color: #fff;
  border-style: solid;
  border-color: #b0dcfc;
}

.div-block-809 {
  background-color: #032944;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #b4b4b4;
  border-radius: 32px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: -8px -8px auto auto;
}

.time-bar {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.social-icon-bar-2 {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.old-preview-wrapper-3-copy {
  background-color: #e8eaec;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 20px;
  display: none;
  position: relative;
  overflow: auto;
}

.condensed-body-text {
  color: #696969;
  white-space: nowrap;
  height: 20px;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  overflow: visible;
}

.distance-pace-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.upload-button-div-2 {
  clear: left;
  width: 130px;
  height: auto;
  margin-bottom: 6px;
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  position: static;
  top: 0;
}

.bodycomp-measurements-section {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 24px;
}

.title-input-div-2 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding-left: 14px;
  padding-right: 14px;
  display: block;
}

.account-menu-modal {
  z-index: 3;
  background-color: #fff;
  border-radius: 6px;
  width: 200px;
  padding: 10px 20px;
  display: block;
  position: absolute;
  inset: 54px 10px auto auto;
  box-shadow: -4px 5px 12px 4px #0003;
}

.indicator-wrapper {
  z-index: 2;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14px;
  min-width: 14px;
  min-height: 14px;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
  display: flex;
  position: absolute;
  inset: 10px auto auto 6px;
}

.hero-email-collection {
  padding-top: 20px;
  display: block;
}

.unmatched-5 {
  color: #000000db;
  cursor: default;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.item-text-mini {
  color: #313131;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 0;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 8px;
  line-height: 8px;
  display: block;
  overflow: hidden;
}

.div-block-700 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.media-chooser-header {
  justify-content: space-between;
  padding-left: 20px;
  display: flex;
}

.edit-section-title-2 {
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.time-bar-thumb {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 200px;
  height: 8px;
  margin-left: 6px;
  margin-right: 4px;
  position: relative;
}

.input-cta-button-label-2 {
  width: 340px;
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;
}

.paused-layer-2 {
  z-index: 11;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.special-request-tooltip {
  z-index: 997;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  min-height: 100px;
  padding: 12px 4px 8px;
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
  box-shadow: 2px 3px 7px 2px #0000004a;
}

.modal-top-bar-dark {
  z-index: 12;
  cursor: move;
  background-color: #032944;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  padding-top: 6px;
  padding-left: 14px;
  padding-right: 6px;
  display: flex;
  position: relative;
}

.top-display-3 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.post-element-button-5 {
  clear: left;
  cursor: pointer;
  background-color: #eee;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-bottom: 6px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .3s;
  display: inline-block;
  position: relative;
}

.post-element-button-5:hover {
  background-color: #cddeeb;
}

.timeline-message-textarea {
  background-color: #fff;
  border: 1px solid #cecece;
  border-bottom-color: #e0e0e0;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 120px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  font-size: 16px;
  overflow: auto;
}

.button-today-2 {
  background-color: #d9ebf6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 36px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 0;
  transition: background-color .4s;
  display: flex;
}

.button-today-2:hover {
  background-color: #b4daf1;
}

.search-wrapper-6-copy {
  flex: 1;
  position: relative;
}

.social-count-2 {
  align-items: center;
  margin-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.sf-110 {
  color: #000000db;
  text-shadow: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-110.white {
  color: #fff;
}

.sf-110.navy {
  color: #00528c;
}

.div-block-799 {
  opacity: 0;
  width: 100%;
  height: 60px;
  transition: all .5s;
  position: absolute;
  bottom: 45px;
  overflow: visible;
}

.div-block-799.hide {
  opacity: 0;
}

.collapse-expand-icons {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 40px;
  display: flex;
}

.feedback-emoji-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.control-buttons-3 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 400px;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-block-460 {
  align-items: flex-start;
  display: flex;
}

.ac-default-label-small-7 {
  color: #032944bd;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.controls-button-holder-4 {
  background-color: #0006;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
  position: relative;
}

.results-holder-9 {
  z-index: 101;
  display: block;
  position: relative;
  overflow: visible;
}

.category-holder {
  width: 228px;
  height: auto;
  padding: 0;
  display: block;
  overflow: auto;
}

.sort-option-10 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 50px;
  height: 30px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  line-height: 15px;
  display: flex;
}

.sort-option-10:hover {
  background-color: #d8e1e7;
}

.sort-option-10.selected {
  color: #312b3de3;
  background-color: #cad2e0;
  border-color: #fff;
}

.timeline-post-9 {
  background-color: #fff;
  flex-flow: column;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 0;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 4px 4px 11px #0000001f;
}

.timeline-post-9.empty {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  display: block;
}

.pop-up-arrow {
  background-color: #f3f3f3;
  border-style: none solid solid none;
  border-width: 1px 2px 2px 1px;
  border-bottom-color: #cacaca;
  border-left-color: #000;
  border-right-color: #cacaca;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: auto auto -14px 40px;
  transform: rotate(45deg);
}

.audio-player-controls-4 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-4:hover, .audio-player-controls-4.no-image {
  opacity: 1;
}

.delete-media-3 {
  margin-top: 14px;
}

.request-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.request-component.component {
  display: block;
}

.request-component.component.ghjkg {
  padding-bottom: 20px;
  display: block;
}

.message-item-holder {
  width: 90%;
  min-width: 512px;
  max-width: 700px;
  display: block;
  position: relative;
}

.special-request-bar {
  background-color: #dfeef8;
  align-items: center;
  height: 42px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
}

.progress-bar-holder {
  background-color: #d8f0f8;
  height: 18px;
  margin-top: 8px;
}

.audio-bottom-controls-mini {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 44px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.key-2 {
  color: #ffffffe6;
  text-align: center;
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  height: 24px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.bodycom-row {
  background-color: #f1f9fc;
  border-top: 3px solid #fff;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.image-54 {
  margin-right: 10px;
}

.web-player-modal-holder {
  width: 0%;
  height: 0%;
  display: block;
  position: absolute;
  inset: 0%;
}

.upper-right {
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  height: 36px;
  margin-top: 5px;
  margin-left: 8px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.action-button-holder-2 {
  background-color: #fff;
  border-bottom: 1px solid #b9b9b9;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.video-img-component-3 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px;
  display: block;
  position: relative;
}

.video-img-component-3:focus {
  border: 1px solid #bda3a3;
}

.revert-button {
  cursor: pointer;
  display: inline-block;
}

.workout-item-icon {
  background-image: url('../images/play-button_1play-button.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

.workout-item-icon.complete {
  background-image: url('../images/check_1check.png');
  margin-left: 0;
  margin-right: 8px;
}

.action-button-holder {
  background-color: #fff;
  border-bottom: 1px solid #b9b9b9;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.start-control-wrapper-3 {
  z-index: 6;
  background-color: #0006;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.ribbon-exercise-label-2 {
  color: #313131;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 17px;
}

.bodycomp-lead-info-section {
  background-color: #fff;
  padding-top: 4px;
  padding-bottom: 10px;
}

.bodyevolver-indicator {
  background-color: #039be5;
  align-items: center;
  height: 42px;
  padding-top: 6px;
  padding-left: 14px;
  padding-right: 10px;
  display: block;
}

.timeline-new-preview-copy-copy {
  background-color: #fff;
  width: 100%;
  height: auto;
  display: block;
  position: static;
  bottom: auto;
}

.sf-107 {
  color: #032944;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-107.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.sf-107.dark-grey {
  color: #4d4d4d;
}

.library-sharing-section {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.audio-component-editor-2 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.audio-component-editor-2:focus {
  box-shadow: 1px 1px 3px #000;
}

.tag-item-input {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.edit-media-item {
  display: block;
}

.nothing-to-load-2 {
  flex-direction: column;
  height: 50vh;
  margin-top: 35vh;
  margin-bottom: 35vh;
  padding: 20px;
  position: relative;
  bottom: auto;
}

.nothing-to-load-2.hidden {
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.tag-item-input-2 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.wide-header-content-3 {
  z-index: 25;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  display: flex;
  position: relative;
}

.wide-header-content-3.left {
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 20px;
}

.body-comp-options-copy {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 5px;
  padding-right: 20px;
  display: block;
}

.reload-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.exercise-layer-vertical {
  height: 100%;
  display: none;
}

.sharing-checkbox-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
}

.text-52 {
  color: #312b3de3;
  font-size: 32px;
  font-weight: 300;
  line-height: 38px;
}

.post-submit-3 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: auto;
  padding: 10px 20px 20px;
  display: flex;
}

.div-block-774 {
  flex-direction: row;
  flex: 1;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.volume-control {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 34px;
  margin-left: 14px;
  padding-top: 4px;
  display: flex;
  position: relative;
}

.volume-control.hide {
  display: none;
}

.item-plan-mini {
  color: #999;
  background-color: #ddeaee;
  border-radius: 4px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
}

.timeline-item-text {
  color: #ffeaea;
  align-self: auto;
  width: 206px;
  padding-left: 8px;
  overflow: visible;
}

.message-holder-5 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 28px;
  padding-right: 0;
  font-size: 16px;
  line-height: 24px;
  display: block;
  overflow: hidden;
}

.workout-container-4 {
  background-image: linear-gradient(#494949, #494949);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 240px;
  padding: 24px 32px 24px 20px;
  display: flex;
}

.div-block-1048 {
  padding: 20px;
}

.feedback-exercise-name-wrapper-2 {
  min-width: 200px;
  max-width: 380px;
  height: auto;
  margin-left: 10px;
}

.exercise-library-header {
  z-index: 24;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 20px 10px 14px;
}

.exercise-library-header.modal {
  background-color: #032944;
  border-bottom-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.skip-button-2 {
  opacity: .9;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100px;
  display: flex;
}

.skip-button-2:hover {
  opacity: 1;
}

.div-block-295 {
  margin-left: 8px;
}

.div-block-668 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.youtube-button-2 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 40px;
  margin-left: 8px;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.youtube-button-2:hover {
  color: #fff;
  background-color: #00b2ed;
}

.youtube-button-2.hidden {
  display: flex;
}

.div-block-424 {
  margin-left: 10px;
  position: relative;
}

.speed-selected {
  cursor: default;
}

.speed-selected.sm {
  font-size: 14px;
}

.empty-preview-message-2 {
  color: #979797;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.text-block-21 {
  font-size: 18px;
}

.div-block-797 {
  flex-direction: column;
  display: flex;
  overflow: auto;
}

.action-button-4 {
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-4:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-4.submit-form {
  text-align: center;
  background-color: #158cdf;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
}

.action-button-4.submit-form:hover {
  background-color: #00528c;
}

.action-button-4.tt {
  color: #00528c;
  background-color: #fff;
  border: 1px solid #00528c;
  height: 36px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 12px;
  font-weight: 500;
}

.action-button-4.tt:hover {
  color: #00b2ed;
  border-color: #00b2ed;
}

.item-name-2 {
  clear: none;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  cursor: default;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  position: absolute;
  bottom: 10px;
  left: 5px;
  right: 5px;
}

.text-label-button {
  z-index: 4;
  color: #ffffffd9;
  text-align: center;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.1em;
  display: block;
}

.div-block-912 {
  margin-left: 6px;
  padding-top: 14px;
  display: block;
}

.start-layer {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: none;
}

.nav-tab-label-2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.sf-15-med-2 {
  color: #000000db;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-2.blue {
  color: #00b2ed;
}

.chip-label-3 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.response-icon {
  background-image: url('../images/icon-response-received_1icon-response-received.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 34px;
  height: 34px;
  margin-right: 4px;
}

.textarea-8 {
  min-height: 80px;
  margin-top: 5px;
  font-size: 15px;
}

.sf-70 {
  color: #313131;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-70.semi {
  font-weight: 600;
}

.sf-70.semi-grey {
  color: #5f5f5f;
  font-weight: 600;
}

.button-send-as-msg {
  color: #0078ce;
  text-align: center;
  align-items: center;
  height: 34px;
  margin-right: 10px;
  padding-left: 4px;
  padding-right: 6px;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  transition: background-color .6s;
  display: flex;
}

.button-send-as-msg:hover {
  color: #0078ce;
  background-color: #07c1ff45;
}

.label-sf-3 {
  color: #262c46;
  font-weight: 400;
  line-height: 18px;
}

.label-sf-3._13 {
  color: #999;
  font-size: 13px;
}

.label-sf-3._13.blue {
  color: #00528c;
}

.label-sf-3._12 {
  font-size: 12px;
  line-height: 16px;
}

.label-sf-3._12.white {
  opacity: 1;
  color: #fff;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 14px;
}

.label-sf-3.duration {
  color: #00528c;
  letter-spacing: 0;
  cursor: pointer;
  justify-content: flex-end;
  width: auto;
  margin-top: 0;
  font-size: 13px;
  line-height: 16px;
  transition: color .2s;
  display: block;
  position: relative;
}

.label-sf-3.duration:hover {
  color: #00b2ed;
  text-decoration: underline;
}

.label-sf-3.red {
  color: #e53935;
}

.label-sf-3.rest {
  color: #999;
  letter-spacing: 0;
  cursor: pointer;
  justify-content: flex-end;
  font-size: 13px;
  transition: color .2s;
  display: block;
  position: relative;
}

.label-sf-3.rest:hover {
  color: #00b2ed;
}

.label-sf-3.rest.hidden {
  cursor: pointer;
}

.label-sf-3._11 {
  font-size: 11px;
  line-height: 13px;
}

.label-sf-3._11.white {
  color: #fff;
  line-height: 13px;
}

.unit-label {
  margin-left: 6px;
  padding-top: 14px;
}

.result-row-6 {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-6:hover, .result-row-6.selected {
  background-color: #d8e6fc;
}

.sf-51 {
  color: #313131;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.sf-51.white {
  color: #fff;
  line-height: 18px;
  transition: background-color .2s;
}

.sf-51.white.tran {
  color: #ffffffcf;
}

.sf-51.semi {
  opacity: 1;
  font-weight: 600;
}

.sf-51.semi.gray {
  color: #7596ac;
}

.div-block-743 {
  padding-right: 20px;
}

.message-section-3 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  min-height: 0;
  padding: 10px 14px 5px;
  display: block;
  position: static;
  bottom: auto;
}

.div-block-1062 {
  padding: 40px;
}

.div-block-596 {
  padding-right: 5px;
}

.div-block-270 {
  margin-left: 14px;
  position: relative;
  right: 0;
}

.bodycomp-form-block {
  border-top: 1px solid #c9c9c9;
  margin-top: 10px;
  padding-top: 10px;
  display: block;
}

.in-person-details-wrapper {
  padding: 15px;
}

.select-audio-8 {
  text-align: right;
  margin-left: auto;
  display: none;
  position: relative;
  left: 0;
  right: 0;
}

.back-link-2 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: block;
}

.back-link-2:hover {
  color: #00b2ed;
}

.back-link-2.small {
  font-size: 12px;
  line-height: 14px;
  position: static;
}

.back-link-2.red {
  color: #e53935;
  font-size: 12px;
  line-height: 14px;
  display: flex;
}

.back-link-2.red:hover {
  color: #f3615e;
}

.back-link-2._16 {
  font-size: 16px;
}

.close-player-modal-2 {
  filter: invert();
  cursor: pointer;
  width: 26px;
  display: inline-block;
  position: static;
}

.program-alert-content-2 {
  padding-top: 6px;
  padding-left: 14px;
}

.audio-component-8 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 14px;
  margin-bottom: 0;
  padding: 12px 16px 12px 20px;
  display: flex;
}

.audio-component-8.review {
  height: 92px;
  padding-left: 5px;
  display: flex;
}

.ac-default-label-small-6 {
  color: #312b3de3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.player-small-button {
  opacity: 1;
  background-color: #00000080;
  border: 1px solid #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40%;
  height: 40px;
  min-height: 40px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 15px;
  display: flex;
}

.player-small-button:hover {
  opacity: 1;
  color: #fff;
  background-color: #ffffff42;
}

.player-small-button.blue {
  background-color: #00528c;
  min-width: 40%;
}

.player-small-button.blue:hover {
  background-color: #126dad;
}

.drawing-tools {
  background-color: #585858;
  border-radius: 8px;
  align-items: center;
  width: 598px;
  height: 54px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  position: relative;
}

.emoji {
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.unmatched-6 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.search-field-tagger {
  background-color: #0000000f;
  border: 1px solid gray;
  min-height: 40px;
  padding-left: 6px;
  display: block;
}

.plan-tile-3 {
  clear: none;
  background-color: #fff;
  border: 1px solid #3898ec52;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 96%;
  min-width: 96%;
  min-height: 40px;
  margin-bottom: 12px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 20px 24px;
  transition: background-color .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 7px -3px #00528c59;
}

.plan-tile-3:hover {
  background-color: #fff59d80;
}

.input-url-4 {
  margin-top: 4px;
  margin-bottom: 10px;
  display: block;
}

.lead-gen-toggle-knob {
  background-color: #fff;
  border: 2px solid #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  transition: all .5s;
  display: block;
  position: relative;
  left: 0;
  overflow: hidden;
}

.lead-gen-toggle-knob.off {
  border-style: none;
  border-color: #87badf;
  box-shadow: 2px 2px 8px -1px #00000040;
}

.lead-gen-toggle-knob.on {
  opacity: 1;
  background-color: #fff;
  border-style: none;
  font-size: 11px;
  left: 26px;
  box-shadow: -1px 1px 5px #00000040;
}

.validate-icon {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.completd-topbar {
  background-color: #0006;
  justify-content: space-between;
  align-items: center;
  height: 42px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.icon-selected {
  background-color: #00528c;
  background-image: url('../images/complete_1complete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px solid #fff;
  border-radius: 28px;
  width: 28px;
  height: 28px;
  position: absolute;
  inset: 5px 5px auto auto;
}

.social-label-2 {
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.library-tag-wrapper {
  align-items: center;
  width: 740px;
  position: relative;
  overflow: hidden;
}

.library-tag-wrapper.hidden {
  display: none;
}

.sf-60 {
  color: #000000db;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-60.semi {
  font-weight: 600;
}

.audio-player-holder {
  min-width: 100px;
  min-height: 50px;
  margin-top: 15px;
}

.completed-checkmark {
  background-image: url('../images/icon-check-complete3x_1icon-check-complete@3x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 34px;
  height: 34px;
  margin-right: 6px;
}

.div-block-303 {
  flex-direction: row;
  align-items: center;
  display: flex;
  position: static;
  left: 0;
}

.post-as-2 {
  border-right: 1px solid #cfcfcf;
  align-items: center;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.post-as-2.hidden {
  border-right: 1px solid #cfcfcf;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.image-59 {
  opacity: .5;
  display: block;
}

.check-icon-2 {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.audio-play-button-2 {
  z-index: 9;
  opacity: .8;
  background-image: url('../images/play-icon_1play-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.audio-play-button-2:hover {
  opacity: 1;
}

.time-bar-2 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.media-preview-6 {
  text-align: left;
  background-color: #e4f2fd;
  justify-content: center;
  align-items: center;
  width: 400px;
  min-height: 300px;
  margin-top: 10px;
  display: flex;
}

.modal-webplayer-5 {
  background-color: #0006;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.close-modal-10 {
  opacity: .7;
  cursor: pointer;
  display: inline-block;
}

.close-modal-10:hover {
  opacity: 1;
  text-align: left;
}

.tile-item-name-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25%;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.sf-105 {
  color: #313131;
  font-size: 12px;
  line-height: 13px;
  display: flex;
}

.sf-105.hidden {
  display: none;
}

.sf-105.grey {
  color: #8f8f8f;
  font-size: 13px;
}

.library-tab-wrapper-content {
  flex: 1;
  display: block;
  position: relative;
  overflow: hidden;
}

.streak-wrapper-4 {
  background-color: #ff714a;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.ac-wrapper-editor {
  position: relative;
}

.heart-rate-wrapper-3 {
  background-color: #494949;
  width: 100%;
  height: 164px;
  padding-top: 20px;
  padding-left: 40px;
}

.item-duration-2 {
  color: #fff;
  background-color: #0009;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  inset: auto 4px 4px auto;
}

.calories {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.button-select-plan {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 100px;
  height: 46px;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.button-select-plan:hover {
  color: #fff;
  background-color: #1679cf;
}

.modal-content-upload {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 380px;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  overflow: visible;
}

.timeline-preview-4 {
  background-color: #fff;
  width: 440px;
  height: auto;
  min-height: 220px;
  margin-top: 10px;
  padding-top: 10px;
  display: block;
  position: static;
  bottom: auto;
}

.preview-wrapper-4 {
  background-color: #e8eaec;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 43%;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.command-item-2 {
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding-left: 20px;
  padding-right: 14px;
  display: flex;
}

.command-item-2:hover {
  background-color: #0078ce1a;
}

.command-item-2.selected {
  opacity: 1;
  background-color: #0078ce2e;
  display: flex;
}

.ac-default-label-small-11 {
  color: #689abd;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
}

.media-library-upload-bar {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.youtube-url-entry {
  opacity: 1;
  flex-direction: column;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.sf-120 {
  color: #000000db;
  font-size: 13px;
}

.sf-120.blue {
  color: #0078ce;
}

.library-item-wrapper-2 {
  flex: 1;
  padding-top: 12px;
  padding-left: 10px;
  transition: opacity .5s;
  overflow: auto;
}

.sf-104 {
  color: #312b3de3;
  font-size: 15px;
  line-height: 18px;
}

.all-item-holder {
  margin-top: 10px;
  padding-right: 0;
}

.site-form-field-short-3 {
  text-align: right;
  width: 90px;
  margin-bottom: 0;
  padding-left: 12px;
  font-size: 18px;
}

.site-form-field-short-3._5digits {
  width: 100px;
  margin-bottom: 0;
}

.icon-video {
  background-image: url('../images/electronics_1electronics.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.results-scroller-11 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 500px;
  display: block;
  position: absolute;
  overflow: auto;
}

.image-87 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.player-leadgen-text {
  color: #444;
  border: 1px solid #0000;
  padding-top: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-81 {
  color: #313131;
  font-size: 12px;
  line-height: 13px;
}

.sf-81.exercise-label {
  color: #8f8f8f;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
}

.player-modal-top-bar-4 {
  justify-content: space-between;
  align-items: center;
  height: 52px;
  min-height: 52px;
  padding-left: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.element-button-section-2 {
  background-color: #fff;
  border-top: 1px solid #e2e2e2;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 10px 0;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: 3px 3px 9px 3px #00000040;
}

.element-button-section-2.vertical {
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding: 8px 4px 5px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.confirmation-player {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: block;
}

.modalclosediv-7 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.item-preview-modal {
  z-index: 11;
  background-color: #fff;
  border: 1px solid #fff;
  width: 400px;
  height: 300px;
  min-height: 200px;
  display: none;
  position: static;
  inset: 0% auto auto 0%;
  box-shadow: 5px 5px 14px 4px #0003;
}

.post-header-6 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.file-info {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: block;
}

.time-label-2 {
  color: #fff;
  font-size: 18px;
  line-height: 18px;
}

.ac-default-button-link-3 {
  color: #032944;
  width: 370px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 0;
}

.div-block-274 {
  border: 1px solid #6d6d6d;
  width: 210px;
  height: 2px;
  margin-right: 6px;
  display: none;
}

.div-block-512 {
  text-align: right;
  background-color: #fff;
  width: 70px;
  height: 40px;
  margin-right: 10px;
  padding: 10px;
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
}

.tag-small-2 {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-2:hover {
  background-color: #00528ccc;
}

.social-label {
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-71 {
  color: #312b3de3;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-71.semi {
  color: #000000b3;
  font-weight: 600;
}

.recipient-display-wrapper {
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.modal-mark-all-done {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.message-detail-pane {
  z-index: 1;
  border-right: 1px solid #bfd3e2;
  flex-direction: column;
  flex: 1;
  align-items: center;
  height: 100vh;
  min-height: 200px;
  padding: 40px 40px 60px;
  display: flex;
  position: relative;
  overflow: auto;
}

.action-button-9 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-9:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-9.submit-form {
  text-align: center;
  background-color: #158cdf;
  border: 1px solid #fff;
  margin-left: 6px;
  margin-right: 6px;
  line-height: 16px;
}

.action-button-9.submit-form:hover {
  background-color: #00528c;
}

.toolbar-holder {
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.div-block-197 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.control-buttons-2 {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 400px;
  display: flex;
  position: relative;
  inset: 0%;
}

.embed {
  opacity: 1;
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 8px;
  display: block;
}

.message-search-2 {
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  align-items: center;
  height: 64px;
  padding-left: 16px;
  padding-right: 16px;
  display: none;
}

.library-loading-workouts-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
  display: flex;
}

.reaction-icon-bar-2 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-2:hover {
  background-color: #eef3f8;
}

.tile-hover-icon-block-3 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
  position: relative;
}

.compose-button {
  color: #fff;
  background-color: #008fee;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 40px;
  padding-left: 12px;
  padding-right: 6px;
  transition: background-color .4s;
  display: flex;
}

.compose-button:hover {
  color: #fff;
  background-color: #006eb8;
}

.audio-play-pause-2 {
  z-index: 9;
  opacity: .8;
  background-image: url('../images/play-icon_1play-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  margin: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.audio-play-pause-2:hover {
  opacity: 1;
}

.post-body-text {
  color: #312b3de3;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.post-body-text.tt {
  font-size: 14px;
  line-height: 20px;
}

.leadgen-player-form {
  padding-top: 12px;
  display: block;
}

.options-media-item-2 {
  z-index: 99;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 230px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  top: 37px;
  left: 40px;
  right: -6px;
  box-shadow: 1px 1px 3px #00000078;
}

.request-declined-bar {
  background-color: #dfeef8;
  align-items: center;
  height: 42px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
}

.request-declined-bar.hidden {
  background-color: #afafaf;
}

.timeline-message-textarea-2 {
  background-color: #fff;
  border: 1px solid #cecece;
  border-bottom-color: #e0e0e0;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 80px;
  max-height: 60vh;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  font-size: 16px;
  overflow: auto;
}

.timeline-action-bar-3 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 54px;
  padding: 10px 20px;
  display: flex;
  position: relative;
  bottom: 0;
}

.timeline-action-bar-3.center {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
}

.link-label-input-2 {
  margin-top: 4px;
  margin-bottom: 10px;
  display: block;
}

.shared-icon {
  color: #fff;
  background-color: #2e2e2e99;
  background-image: url('../images/group-w.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px #000;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  inset: 6px 4px auto auto;
}

.shared-icon:hover {
  background-color: #2e2e2ee6;
}

.icon-pause {
  filter: invert();
  width: 32px;
  display: inline-block;
}

.lead-gen-toggle {
  cursor: pointer;
  background-color: #64dd17;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 56px;
  margin-left: 14px;
  margin-right: 8px;
  padding: 2px;
  transition: all .5s;
  display: flex;
}

.lead-gen-toggle:hover {
  opacity: 1;
}

.lead-gen-toggle.off {
  background-color: #e0e0e0;
}

.get-ready-display-copy {
  z-index: 4;
  background-image: linear-gradient(#0009 20%, #0000);
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.apply-text {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
}

.library-search-filter-2 {
  flex: 1;
  align-items: flex-start;
  padding-right: 10px;
  display: flex;
}

.plan-tile-preview {
  clear: none;
  background-color: #fff;
  border: 1px solid #3898ec52;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-width: 0%;
  min-height: 40px;
  margin-bottom: 12px;
  padding: 20px 24px;
  transition: background-color .3s;
  display: flex;
  position: static;
  box-shadow: 2px 2px 7px -3px #00528c59;
}

.plan-tile-preview:hover {
  background-color: #fff59dcf;
}

.post-header-4 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px;
  display: flex;
}

.post-header-4.tt {
  padding: 10px 20px 6px;
  display: block;
}

.div-block-913 {
  margin-left: 14px;
  padding-top: 6px;
  overflow: hidden;
}

.play {
  display: inline-block;
}

.progress-name-bar {
  width: 280px;
  padding-right: 0;
}

.image-77 {
  opacity: .76;
}

.feedback-message-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 4px;
  padding-bottom: 6px;
  display: flex;
}

.library-sort-2 {
  background-color: #ebf0f3;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 10px 10px 20px;
  display: flex;
}

.lead-form {
  z-index: 2;
  background-color: #ffffffe6;
  border: 1px solid #e6e6e6;
  justify-content: center;
  padding: 20px 24px 10px;
}

.lead-form.player {
  border-style: none;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
}

.item-header-copy-2 {
  color: #312b3de3;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.status-color {
  background-color: #66bb6a;
  border-radius: 7px;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

.status-color.red {
  background-color: #e57373;
}

.status-color.grey {
  background-color: #999;
}

.sf-76-copy-copy {
  color: #2fbd3d;
  font-size: 13px;
  line-height: 16px;
}

.post-editor-modal-4 {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 1100px;
  max-width: 95%;
  height: 80vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 0;
  display: none;
  position: fixed;
  inset: 60px 0 auto 60px;
  overflow: visible;
  box-shadow: 7px 6px 14px #0006;
}

.play-icon-holder {
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.response-bar {
  background-color: #dfeef8;
  align-items: center;
  height: 42px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
}

.text-34 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.pace-2 {
  align-items: center;
  margin-left: 22px;
  display: flex;
}

.request-icon-2 {
  background-image: url('../images/icon-request_1icon-request.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 34px;
  height: 34px;
  margin-right: 4px;
}

.text-label-xsmall-2 {
  z-index: 4;
  color: #ffffffe6;
  text-align: center;
  flex: none;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.2em;
  display: block;
}

.text-label-xsmall-2.unit {
  padding-top: 6px;
  font-weight: 500;
}

.streak-number {
  background-color: #dd2c00;
  border: 8px solid #ff5722;
  border-radius: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 106px;
  margin-top: 12px;
  margin-bottom: 28px;
  padding-top: 8px;
  display: flex;
  position: relative;
}

.validation-holder {
  padding-top: 10px;
  padding-left: 70px;
}

.media-type-toggle-wrapper {
  margin-right: 16px;
}

.request-icon {
  background-image: url('../images/icon-request_1icon-request.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 34px;
  height: 34px;
  margin-right: 6px;
}

.workout-feedback-area {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  min-height: 0;
  padding-top: 0;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: static;
  bottom: auto;
}

.remove-section-3 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-3:hover {
  opacity: .86;
}

.item-header-2 {
  color: #312b3de3;
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}

.item-header-2.tt {
  font-size: 15px;
  line-height: 18px;
}

.compose-icon {
  opacity: .7;
  margin-right: 3px;
}

.sender-label {
  color: #313131;
  text-shadow: none;
  height: 20px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.video-display-bg-2 {
  z-index: 2;
  background-color: #386ab6;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.plans-wrapper-4 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.action-button-2 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-2:hover {
  color: #fff;
  background-color: #0d72b9;
}

.cardio-small-label {
  color: #d1d1d1;
  width: 100px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.preview-notes {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 14px;
  font-size: 15px;
  line-height: 18px;
  display: block;
  overflow: hidden;
}

.set-label-2 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-weight: 400;
  line-height: 16px;
  display: flex;
}

.username-div {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.exercise-image-3 {
  background-image: url('../images/plank.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 52px;
  height: 52px;
  margin-top: 8px;
  display: block;
}

.url-component-2 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.library-view-options {
  background-color: #ebf0f3;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px;
  display: flex;
  position: relative;
}

.video-section-4 {
  height: 100%;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.post-button-img-2 {
  width: 26px;
  min-width: 26px;
}

.library-item-wrapper-3 {
  flex: 1;
  padding-top: 12px;
  padding-left: 10px;
  transition: opacity .5s;
  display: block;
  overflow: auto;
}

.body-comp-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px 30px;
  display: block;
  position: relative;
}

.date-holder {
  background-color: #0000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: auto;
  margin-bottom: 8px;
  padding: 0 30px 0 40px;
  display: flex;
}

.handle-small {
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  position: absolute;
  inset: -4px 0 auto auto;
}

.handle-small:hover {
  background-color: #fff;
}

.start-button-wrapper-2 {
  align-items: center;
  display: block;
  position: static;
  inset: 0%;
}

.category-item-2 {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 52px;
  padding-left: 20px;
  padding-right: 15px;
  transition: background-color .3s;
  display: flex;
  position: relative;
}

.category-item-2:hover {
  background-color: #0078ce1a;
}

.category-item-2.requests {
  display: none;
}

.category-item-2.inbox-zero {
  filter: invert();
}

.category-item-2.inbox-zero.selected {
  background-color: #ffffff1a;
}

.option-button-wrapper {
  background-color: #f3f3f3;
  border-radius: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  position: relative;
}

.new-button-chooserer {
  cursor: pointer;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.new-button-chooserer:hover {
  opacity: 1;
  background-color: #ddeefa;
}

.chooser-menu-item {
  cursor: pointer;
  background-color: #f6f6f6;
  margin-bottom: 6px;
  padding: 10px 20px;
  transition: background-color .308s;
}

.chooser-menu-item:hover {
  background-color: #e9e9e9;
}

.chooser-menu-item.selected {
  background-color: #d5e7fa;
}

.tool-color-selected {
  background-color: #ff0;
  border: 2px solid #fff;
  width: 22px;
  height: 22px;
  margin-right: 0;
  display: inline-block;
}

.cal-date {
  align-items: center;
  width: auto;
  min-width: 0;
  height: 26px;
  min-height: 26px;
  margin-bottom: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  display: flex;
  position: static;
}

.div-block-618 {
  padding-top: 20px;
}

.feedback-workout-exercise-2 {
  border-top: 2px solid #efeeee;
  border-bottom: 2px #efeeee;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

.post-button-img {
  width: 24px;
  min-width: 24px;
}

.bottom-button-ar {
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  height: 80px;
  padding-top: 14px;
}

.image-112 {
  margin-right: 3px;
}

.group-workout-wrapper {
  background-color: #f1f9fc;
  background-image: linear-gradient(39deg, #0f6eb1, #ca29c0);
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.message-list {
  background-color: #fafafa;
  flex-direction: column;
  align-items: stretch;
  height: 100vh;
  max-height: 100vh;
  padding-top: 10px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: auto;
}

.modal-title {
  color: #313131;
  padding-bottom: 0;
  padding-left: 14px;
  font-size: 24px;
  line-height: 32px;
  position: relative;
  top: -6px;
}

.input-username-2 {
  width: 360px;
  margin-bottom: 0;
  margin-left: 8px;
  font-size: 15px;
  font-weight: 500;
}

.input-username-2::placeholder {
  color: #00000045;
}

.video-volume-control-2 {
  justify-content: center;
  width: 36px;
  height: 34px;
  margin-bottom: 10px;
  margin-left: auto;
  padding-top: 4px;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.sf-113 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-113:hover {
  color: #016bb6;
}

.reaction-icon-bar-3 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 33%;
  padding-top: 2px;
  padding-bottom: 2px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-3:hover {
  background-color: #eef3f8;
}

.site-form-button-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.poster {
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  display: flex;
}

.player-weight-input-3 {
  z-index: 11;
  background-color: #000;
  border: 1px solid #ffffffa1;
  border-radius: 10px;
  width: 300px;
  height: auto;
  padding: 24px 10px 20px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
}

.ac-icon {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon.audio {
  filter: invert();
  background-image: url('../images/icon-audio_1icon-audio.png');
  background-size: 16px;
}

.ac-icon.image {
  filter: invert();
  background-image: url('../images/icon-image_1icon-image.png');
  background-size: 16px;
}

.ac-icon.testimony {
  filter: invert();
  background-image: url('../images/icon-testimonial_1icon-testimonial.png');
}

.ac-icon.measurement {
  filter: invert();
  background-image: url('../images/icon-measure_1icon-measure.png');
  background-size: 20px;
}

.ac-icon.appt {
  filter: invert();
  background-image: url('../images/icon-date_1icon-date.png');
  background-size: 16px;
}

.ac-icon.video {
  filter: invert();
  background-image: url('../images/icon-video_1icon-video.png');
  background-size: 16px;
}

.ac-icon.yes-no {
  filter: invert();
  background-image: url('../images/icon-yesno_1icon-yesno.png');
  background-position: 50%;
  background-size: 16px;
}

.ac-icon.time {
  filter: invert();
  background-image: url('../images/icon-time_1icon-time.png');
  background-size: 16px;
}

.ac-icon.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.ac-icon.count {
  filter: invert();
  background-image: url('../images/icon-reps.png');
  background-size: 18px;
}

.ac-icon.text {
  opacity: 1;
  filter: invert();
  background-image: url('../images/text_1text.png');
  background-size: 16px;
}

.ac-icon.miles {
  filter: invert();
  background-image: url('../images/region_1region.png');
}

.ac-icon.weight {
  filter: invert();
  background-image: url('../images/icon-weight_1icon-weight.png');
  background-size: 16px;
}

.sf-54 {
  color: #333;
  letter-spacing: -.1px;
  font-size: 15px;
  line-height: 20px;
}

.sf-54.blue {
  color: #00b2ed;
  line-height: 17px;
}

.play-pause-button-mini-2 {
  z-index: 5;
  opacity: 1;
  background-color: #0006;
  border: 2px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: -10px;
  bottom: auto;
}

.play-pause-button-mini-2:hover {
  opacity: 1;
  background-color: #000000b3;
}

.autocomplete-input-10 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279cc;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.volume-bar-3 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  min-width: 10px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  transition: all .5s;
  display: block;
  position: static;
  inset: auto 14px 45px auto;
}

.mic-icon {
  opacity: .84;
  cursor: pointer;
  background-image: url('../images/web-mic.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
  width: 40px;
  height: 40px;
  margin-left: 4px;
  margin-right: 4px;
  transition: opacity .4s;
}

.mic-icon:hover {
  opacity: 1;
}

.speed-option {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option:hover {
  color: #fff;
  background-color: #353535;
}

.loading-spinner-2 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 46px;
  height: 10vh;
}

.results-scroller-4 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.close-icon-2 {
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  margin-top: 8px;
  margin-left: 8px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.close-icon-2:hover {
  background-color: #dbebfa;
}

.close-icon-2.right {
  margin-left: 0;
  margin-right: 8px;
  display: none;
  inset: 0% 0% auto auto;
}

.div-block-911 {
  flex: 1;
  height: 100vh;
  overflow: auto;
}

.sf-96 {
  font-size: 12px;
  line-height: 18px;
}

.sf-96.white {
  color: #fff;
}

.sf-96.grey {
  color: #6d6d6d;
}

.temp---div-block-790 {
  display: none;
}

.choose-media-holder {
  background-color: #ebebeb;
  flex: 1;
  width: 100%;
  height: 520px;
  margin-top: 0;
  padding: 10px 5px 10px 10px;
  transition: opacity .5s;
  overflow: auto;
}

.price-holder {
  align-self: center;
  padding-top: 4px;
}

.modal-close-copy {
  z-index: 10;
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  height: 20px;
  min-height: 20px;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.rest-time-holder {
  text-align: right;
  width: 100%;
}

.media-list-holder {
  transition: opacity .5s;
}

.item-name-input-2 {
  color: #1d1d1d;
  background-color: #ffffff94;
  border: 1px solid #d3d3d3;
  width: 100%;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 14px;
  padding-top: 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.item-name-input-2:hover {
  background-color: #fff;
  border: 1px solid #d3d3d3;
}

.item-name-input-2:focus {
  border: 1px solid #a7a7a7;
}

.item-name-input-2::placeholder {
  color: #27272766;
}

.completed-workout-wrapper-3 {
  cursor: pointer;
  border-style: none;
  border-top-width: 1px;
  border-top-color: #cdd5da;
  border-bottom-width: 1px;
  border-bottom-color: #cdd5da;
  width: auto;
  height: auto;
}

.div-block-910 {
  text-align: right;
  width: 36px;
}

.modal-username {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.radio-label {
  color: #312b3de3;
  font-size: 15px;
}

.icon-wrapper-2 {
  align-items: center;
  display: flex;
}

.timeline-post-preview-2 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  height: auto;
  margin-top: 0;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  bottom: auto;
}

.post-as-select {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  width: 420px;
  min-height: 420px;
  padding: 30px 40px 20px 30px;
  display: none;
  position: absolute;
  inset: auto 0% -10px 55px;
  box-shadow: 0 0 6px 3px #00000021;
}

.media-chooser-header-copy {
  justify-content: space-between;
  padding-left: 20px;
  display: flex;
}

.close-button-white {
  cursor: pointer;
  display: inline-block;
}

.close-button-white:hover {
  opacity: .87;
}

.command-input-2 {
  color: #ffffffe6;
  background-color: #ffffff87;
  border-top: 1px solid #bfd3e2;
  border-bottom: 1px solid #bfd3e2;
  height: 62px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.icon-media-option {
  width: 30px;
  padding-right: 9px;
}

.social-section-2 {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.div-block-710 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 0;
  display: flex;
}

.group-cardio-item-wrapper {
  background-color: #38353d;
  background-image: linear-gradient(#312b3dd6, #312b3dd6), url('../images/cardio-bg.png');
  background-position: 0 0, 50%;
  background-size: auto, 640px;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.save-library {
  border-right: 1px solid #cfcfcf;
  align-items: center;
  height: 46px;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.progress-bar-volume-wrapper-4 {
  z-index: 2;
  background-image: linear-gradient(to top, #0009 21%, #0000);
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 120px;
  padding-bottom: 26px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.heart-rate-header-3 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 46px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.feedback-title-2 {
  flex: none;
  align-items: center;
  height: 40px;
  padding-left: 14px;
  display: flex;
}

.modal-content-calendar {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 1100px;
  height: 700px;
  min-height: 640px;
  max-height: 0%;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  overflow: visible;
}

.div-block-196 {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 8px;
  display: flex;
}

.library-tab-bar-wrapper {
  display: block;
}

.sf-13-grey-label-3 {
  color: #8a8a8a;
  cursor: auto;
  padding-top: 0;
  font-size: 13px;
  line-height: 16px;
}

.workout-status {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 6px 0;
  display: flex;
}

.workout-status.hidden {
  display: flex;
}

.client-pic-timeline {
  background-color: #87c2e9;
  border: 1px solid #ffffff80;
  border-radius: 50px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-right: 0;
  position: relative;
}

.remove-9 {
  opacity: .72;
  background-color: #002470b3;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-9:hover {
  opacity: 1;
}

.upload-img-copy {
  width: 106px;
  margin-left: 100px;
  margin-right: 100px;
}

.div-block-330 {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  display: flex;
  position: absolute;
}

.in-person-trainer-name {
  margin-bottom: 4px;
  padding-left: 5px;
}

.play-icon-mini {
  justify-content: center;
  align-items: center;
  padding-left: 3px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.item-mini-button {
  text-transform: uppercase;
  max-width: 90%;
  margin-bottom: 6px;
  padding: 3px 6px;
  font-size: 8px;
  line-height: 7px;
}

.item-mini-button:hover {
  color: #fff;
}

.div-block-377 {
  height: 54px;
}

.selected-outline {
  z-index: 5;
  background-color: #ffffff5c;
  border: 6px solid #2196f3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 164px;
  height: 130px;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.library-content-chooser-modal {
  z-index: 995;
  background-color: #0006;
  padding-top: 20px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.sort-option-7 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 60px;
  height: 34px;
  margin-right: 10px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  line-height: 15px;
  display: flex;
}

.sort-option-7:hover {
  background-color: #d8e1e7;
}

.sort-option-7.selected {
  color: #312b3de3;
  background-color: #cad2e0;
  border-color: #fff;
}

.div-block-796 {
  flex-direction: column;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.ribbon-set-number-2 {
  z-index: 1;
  color: #fff;
  text-align: center;
  background-color: #032944;
  width: 40px;
  height: 34px;
  padding-top: 3%;
  font-size: 18px;
  font-weight: 500;
  display: block;
  position: absolute;
  inset: 0% 6px auto auto;
}

.count-icon {
  background-image: url('../images/icon-social-like-color2x_1icon-social-like-color@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 24px;
  height: 24px;
}

.count-icon.like {
  border-radius: 24px;
}

.count-icon.dislike {
  background-image: url('../images/icon-social-dislike-color2x_1icon-social-dislike-color@2x.png');
}

.count-icon.wow {
  background-image: url('../images/icon-social-wow-color2x_1icon-social-wow-color@2x.png');
  background-position: 50%;
}

.count-icon.high-five {
  background-image: url('../images/icon-social-highfive-color_1icon-social-highfive-color.png');
  background-size: 22px;
  border-radius: 24px;
}

.reverse-close-button {
  z-index: 99;
  opacity: .54;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
}

.reverse-close-button:hover {
  opacity: .86;
}

.upload-button-holder-vertical {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.rich-text-unit-2 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.content-library-modal {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 1160px;
  max-width: 95%;
  height: 80vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 0;
  display: none;
  position: fixed;
  inset: 60px 0 auto 60px;
  overflow: visible;
  box-shadow: 7px 6px 14px #0006;
}

.item-action-button {
  cursor: pointer;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.item-action-button:hover {
  background-color: #d1e5f3;
}

.item-action-button.fms {
  cursor: pointer;
}

.upload-option-2 {
  z-index: 2;
  cursor: pointer;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.upload-option-2:hover {
  background-color: #cddeeb;
}

.submit-button-area-3 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.submit-button-area-3.tran {
  background-color: #0000;
}

.media-toggle-2 {
  opacity: .74;
  background-color: #3b759e96;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.media-toggle-2:hover {
  opacity: 1;
  background-color: #3b759ed6;
}

.media-toggle-2.selected {
  opacity: 1;
  background-color: #3b759e;
  border: 1px #00528c8f;
}

.cancel-upload {
  background-color: #d1d1d1;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: 12px;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
}

.cancel-upload:hover {
  background-color: #858585;
}

.text-span-55 {
  color: #313131;
  font-size: 14px;
}

.input-component-holder-7 {
  background-color: #fff;
  flex: 0 auto;
  max-height: 600px;
  margin-bottom: 0;
  position: relative;
  overflow: auto;
}

.upload-column-2 {
  width: auto;
  margin-right: 0;
}

.ribbon-exercise-img-2 {
  background-image: linear-gradient(#386ab6, #386ab6);
  height: 60%;
  position: relative;
}

.ribbon-exercise-img-2._2 {
  background-image: url('../images/jumping.jpg');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-811 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.action-button-7 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-7:hover {
  color: #fff;
  background-color: #0d72b9;
}

.audio-player-placeholder {
  background-color: #fff;
}

.cal-nav {
  display: flex;
}

.div-block-636 {
  justify-content: space-between;
  padding-bottom: 10px;
  padding-right: 10px;
  display: flex;
}

.profile-content-title-input {
  border: 1px solid #cecece;
  height: 46px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  line-height: 26px;
  display: block;
}

.sf-13-grey-label {
  color: #727272;
  padding-top: 0;
  font-size: 13px;
  line-height: 16px;
}

.div-block-280 {
  justify-content: flex-end;
  align-items: center;
  height: 68px;
  display: flex;
}

.modal-container-2 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-library-content-chooser-3 {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 955px;
  height: 87vh;
  min-height: 260px;
  max-height: 87vh;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 0 0;
  display: flex;
  position: fixed;
  inset: 40px 0% auto;
  overflow: visible;
}

.mark-done-bulk-wrapper {
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding: 5px 10px 5px 14px;
  transition: all .3s;
  display: block;
}

.bulk-select-wrapper {
  display: none;
  position: relative;
  overflow: auto;
}

.cardio-detail {
  justify-content: flex-start;
  align-items: center;
  padding-top: 12px;
  display: flex;
}

.view-all-link-3 {
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 10px;
  display: none;
}

.request-response-bar-2 {
  background-color: #dfeef8;
  align-items: center;
  height: 42px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
}

.unopened-dot-3 {
  z-index: 2;
  color: #fff;
  background-color: #156ada;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
}

.plans-wrapper-2 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.text-label-set-rep-3 {
  color: #fff;
  text-align: left;
  text-shadow: 3px 3px 6px #000000a3;
  margin-right: 26px;
  padding-bottom: 10px;
  font-size: 2.6em;
  font-weight: 600;
  line-height: 1em;
  display: block;
}

.div-block-455-copy {
  border: 1px solid #00000042;
  min-height: 40px;
  margin-bottom: 10px;
  padding-top: 2px;
}

.arrow-up {
  cursor: pointer;
  display: block;
}

.category-pane {
  z-index: 12;
  background-color: #0000;
  border-right: 1px solid #bfd3e2;
  position: relative;
}

.player-workoutname-4 {
  align-self: center;
  align-items: flex-end;
  display: flex;
}

.month-year-holder {
  align-items: center;
  margin-left: 0;
  margin-right: 10px;
  display: flex;
}

.bottom-label-holder-2 {
  z-index: 4;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1em;
  display: block;
  position: absolute;
  inset: auto 0% 60px;
}

.modal-drawing {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.inbox-zero-label {
  z-index: 11;
  color: #ffffffe6;
  font-family: PT Sans, sans-serif;
  font-size: 20px;
  position: absolute;
  inset: auto auto 46px 270px;
}

.image-68 {
  cursor: pointer;
}

.image-68:hover {
  filter: saturate(71%);
}

.add-post-button {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-left: 8px;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.add-post-button:hover {
  color: #fff;
  background-color: #00b2ed;
}

.text-date {
  color: #161616;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  position: static;
}

.text-date.grey {
  color: #616161;
  padding-left: 0;
}

.text-date.current {
  color: #fff;
  text-align: center;
  background-color: #00528c;
  border-radius: 13px;
  width: 26px;
  height: 26px;
  margin-left: -5px;
}

.exercise-feedback-2 {
  background-color: #fb8c00;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 40px;
  padding: 4px 14px;
  display: block;
}

.exercise-feedback-2.disliked {
  background-color: #78909c;
  display: none;
}

.exercise-feedback-2.too-easy {
  background-color: #00bcd4;
  display: none;
}

.exercise-feedback-2.pain {
  background-color: #e64a19;
  display: none;
}

.exercise-feedback-2.too-hard {
  display: none;
}

.exercise-feedback-2.liked {
  background-color: #4caf50;
  display: none;
}

.audio-message-wrapper-2-copy {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-2-copy.no-image, .audio-message-wrapper-2-copy.no-image-copy {
  background-color: #114c75;
  background-image: url('../images/soundwave.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 128px;
  display: block;
}

.completed-greenbar-2 {
  background-color: #66bb6a;
  align-items: center;
  height: 42px;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
}

.bodycomp-unit-label {
  color: #313131;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 16px;
  line-height: 22px;
}

.player-leadgen-title {
  color: #313131;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.show-more {
  background-color: #fff;
  align-items: center;
  height: 24px;
  min-height: 24px;
  margin-top: 1px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 4px;
  transition: background-color .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.show-more:hover {
  background-color: #f3f1f1;
}

.post-submit-area-2 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding: 5px 20px 10px;
  display: flex;
}

.post-submit-area-2.center {
  justify-content: center;
}

.timeline-sender-4 {
  flex-direction: row;
  align-items: center;
  padding: 14px 25px 14px 14px;
  display: flex;
}

.calendar-wrapper-2 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  height: 86vh;
  min-height: 0;
  max-height: none;
  margin-left: 0;
  display: flex;
  position: static;
}

.modal-player-content-4 {
  background-color: #fff;
  flex-direction: column;
  width: 96%;
  min-width: 800px;
  height: 90vh;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inbox-zero-img-wrapper {
  z-index: 9;
  transition: opacity .4s;
  display: none;
  position: absolute;
  inset: 0% 0% 0% 0;
}

.text-26 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
}

.text-26.medium {
  font-weight: 500;
}

.text-26.medium.blue {
  color: #00528c;
}

.div-block-451 {
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.results-scroller-6 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 50vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.text-duration {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.ac-default-label-6 {
  color: #7dafd3;
  width: 230px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 10px;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.scheduled-item {
  align-items: flex-start;
  width: 260px;
  height: auto;
  margin-top: 0;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.audio-player-holder-2 {
  min-width: 100px;
  min-height: 30px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.sf-108 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-108.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.play-button-media-2 {
  background-image: url('../images/play-icon_1play-icon.png');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 46px;
  width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 30px;
  right: 0;
}

.reminder-message {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 4px;
  padding-bottom: 10px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.feedback-layer-holder-2 {
  height: 100%;
  display: none;
  position: relative;
}

.unread-badge-5 {
  z-index: 2;
  color: #fff;
  background-color: #156ada;
  border: 2px #031927;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 20px;
  height: 20px;
  margin-left: 8px;
  padding: 5px 6px 1px;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
  display: block;
  position: relative;
  inset: auto 0% 0%;
}

.unread-badge-5.hidden {
  display: none;
}

.top-header-tab-3 {
  opacity: .72;
  justify-content: center;
  align-items: stretch;
  min-width: 100px;
  height: 32px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.top-header-tab-3:hover {
  opacity: 1;
}

.top-header-tab-3.selected {
  opacity: 1;
  border-bottom: 4px solid #00b2ed;
}

.text-span-34 {
  font-size: 10px;
  line-height: 14px;
}

.lead-option {
  background-color: #fff;
  padding-top: 6px;
  padding-bottom: 12px;
  padding-right: 20px;
  display: block;
}

.div-block-376 {
  width: 40px;
}

.div-block-376:hover {
  border-width: 2px;
}

.sf-76-copy {
  color: #d61d1d;
  font-size: 13px;
  line-height: 16px;
}

.sf-76-copy.hidden {
  display: block;
}

.in-person-client-name {
  padding-left: 5px;
}

.modal-media-chooser-3 {
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.inbox-zero-img1-3 {
  z-index: 6;
  background-image: url('../images/beach.jpg');
  background-size: cover;
  transition: opacity .4s;
  display: block;
  position: absolute;
  inset: 0%;
}

.title-3 {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  padding-left: 20px;
  display: flex;
}

.img-upload-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.heart-2 {
  width: 42px;
  margin-right: 14px;
}

.handle-volume {
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: 0 -5px auto auto;
}

.handle-volume:hover {
  background-color: #fff;
}

.play-pause-button-4 {
  opacity: 1;
  background-color: #0006;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 74px;
  min-width: 74px;
  height: 74px;
  min-height: 74px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: auto;
}

.play-pause-button-4:hover {
  opacity: 1;
  background-color: #000000b3;
}

.sf-80 {
  color: #313131;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-80.semi {
  font-weight: 600;
}

.pause-icon {
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  transform: rotate(0);
}

.item-button-icon {
  width: 22px;
  padding-right: 3px;
}

.playback-speed {
  color: #00528c;
  text-align: center;
  background-color: #ffffffdb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 24px;
  margin-left: 10px;
  padding-top: 2px;
  font-size: 15px;
  font-weight: 500;
  display: block;
  position: relative;
}

.playback-speed:hover {
  background-color: #fff;
}

.plans-preview {
  background-color: #fff;
  padding: 14px 20px 10px;
}

.div-block-464 {
  height: 6px;
  position: absolute;
}

.div-block-613 {
  background-color: #dbd7d7;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  display: flex;
}

.widget-button-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  display: flex;
}

.div-block-1063 {
  justify-content: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-1063.hidden {
  padding-top: 20px;
  padding-left: 0;
}

.plan-button-div {
  justify-content: center;
  display: flex;
  position: relative;
}

.play-pause-holder {
  opacity: .7;
  margin-right: 20px;
  transition: opacity .3s;
}

.play-pause-holder:hover {
  opacity: .9;
}

.timeline-media-2 {
  text-align: center;
  align-self: auto;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}

.timeline-media-2.success {
  background-image: url('../images/confetti.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.media-toggle-bar-2 {
  cursor: pointer;
  border-width: 1px;
  border-color: #0f81d1;
  align-items: flex-start;
  height: 46px;
  display: flex;
}

.reaction-count {
  border-bottom: 2px solid #efeeee;
  align-items: flex-start;
  display: flex;
}

.reaction-count.hidden {
  display: flex;
}

.modal-content-media-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 940px;
  min-width: 800px;
  height: 90vh;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.button-wrapper-2 {
  justify-content: flex-end;
  align-items: center;
  margin-left: 15px;
  display: flex;
  position: relative;
}

.message-bar-wrapper-2 {
  display: block;
}

.img-upload-button {
  color: #00b2ed;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 230px;
  min-width: 0;
  height: 44px;
  margin-top: 0;
  margin-bottom: 14px;
  padding: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  transition: background-color .6s;
  display: flex;
  position: static;
}

.img-upload-button:hover {
  background-color: #00b2ed33;
}

.div-block-279 {
  align-self: center;
}

.paused-button-holder-2 {
  z-index: 6;
  justify-content: flex-end;
  align-items: center;
  width: 98%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  bottom: 250px;
  left: 10px;
  right: 10px;
}

.bc-row-right-side {
  align-items: center;
  display: flex;
}

.days-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  grid-template-rows: minmax(30px, 30px);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 30px;
  display: grid;
  position: static;
}

.div-block-421 {
  margin-left: auto;
  display: flex;
}

.edit-post-title-2 {
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
}

.tag-item-input-3 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.upload-item-row {
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 10px 12px 4px;
  display: flex;
}

.video-section-3 {
  height: 100%;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.ribbon-exercise-wrapper-2 {
  background-color: #fff;
  border: 4px solid #fff;
  width: 15%;
  min-width: 160px;
  max-width: 190px;
  height: 100%;
  margin-left: 4px;
  margin-right: 4px;
  transition: border-color .6s;
  position: relative;
}

.ribbon-exercise-wrapper-2:hover {
  border-color: #00b2edb8;
}

.ribbon-exercise-wrapper-2.disabled {
  opacity: .55;
}

.ribbon-exercise-wrapper-2.disabled:hover {
  border-style: solid;
  border-color: #fff;
}

.ribbon-exercise-wrapper-2.current {
  border-color: #00b2ed;
}

.div-block-1064 {
  margin-left: 12px;
}

.post-message-2 {
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 30px 20px;
  display: flex;
}

.post-message-2.side {
  padding: 0 20px 10px;
}

.autocomplete-input-area {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}

.autocomplete-input-area.light {
  background-color: #fff;
  border-style: solid;
  border-color: #b0dcfc;
  width: 100%;
  min-height: 50px;
  padding-top: 4px;
}

.div-block-798 {
  overflow: auto;
}

.bodycomp-request-input-wrapper {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 20px;
}

.cardio-workout-display {
  color: #313131;
  background-color: #222;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 10px 14px;
  font-size: 16px;
  line-height: 22px;
}

.button-ac-wrapper-editor {
  margin-bottom: 10px;
  position: relative;
}

.workout-name-div-6 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.sf-121 {
  color: #313131;
  font-size: 14px;
  line-height: 18px;
}

.sf-121.blue {
  color: #00528c;
  text-align: left;
}

.sf-121.green {
  color: #388e3c;
}

.sf-121.white {
  color: #fff;
  inset: 0% auto auto 0%;
}

.sf-121.red {
  color: #d32f2f;
}

.exercise-emoji-2 {
  background-image: url('../images/icon-feedback-toohard-on2x_1icon-feedback-toohard-on@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-right: 6px;
}

.exercise-emoji-2.liked {
  background-image: url('../images/icon-exercise-feedback-like2x_1icon-exercise-feedback-like@2x.png');
}

.exercise-emoji-2.pain {
  background-image: url('../images/icon-exercise-feedback-pain2x_1icon-exercise-feedback-pain@2x.png');
}

.exercise-emoji-2.dislike {
  background-image: url('../images/icon-exercise-feedback-dislike2x_1icon-exercise-feedback-dislike@2x.png');
}

.exercise-emoji-2.too-easy {
  background-image: url('../images/icon-exercise-feedback-tooeasy2x_1icon-exercise-feedback-tooeasy@2x.png');
}

.div-block-699 {
  border: 1px solid #fff;
  border-radius: 8px;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.rep-set-wrapper {
  display: flex;
}

.group-member-message-wrapper {
  margin-left: 20px;
}

.recipient-label {
  color: #8a8a8a;
  white-space: nowrap;
  cursor: pointer;
  padding-top: 0;
  font-size: 13px;
  line-height: 16px;
}

.timeline-reminder-section-2 {
  background-color: #f1f9fc;
  border-top: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 30px;
}

.sf-13-grey-label-date-stamp {
  color: #8a8a8a;
  text-align: right;
  min-width: 70px;
  padding-top: 0;
  font-size: 13px;
  line-height: 16px;
}

.rte-toggle-section {
  justify-content: flex-end;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 0;
  display: flex;
}

.sf-18 {
  color: #3f3f3f;
  font-size: 18px;
  line-height: 24px;
}

.sf-18.white {
  color: #fff;
}

.sf-18.white.opacity {
  color: #ffffffd6;
}

.gradient-overlay-3 {
  z-index: 2;
  background-image: linear-gradient(#0009, #0000 56%, #0000);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.modal-content-media-copy-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 1300px;
  min-width: 800px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  position: static;
  overflow: hidden;
}

.video {
  margin-bottom: 0;
}

.progress-elapse-2 {
  background-color: #2196f3;
  width: 25%;
  height: 100%;
  position: absolute;
}

.result-row-7 {
  align-items: center;
  height: auto;
  min-height: 38px;
  padding: 6px 8px;
  font-size: 16px;
  display: flex;
}

.result-row-7:hover {
  background-color: #d8e6fc;
}

.skip-backward {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.chang-link {
  color: #00b2ed;
  text-align: center;
  letter-spacing: .2px;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  transition: color .3s;
  position: static;
  inset: 0;
}

.chang-link:hover {
  color: #0a8fbb;
}

.whisper-2 {
  z-index: 996;
  background-color: #cbd1eb;
  border: 1px solid #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  max-width: 600px;
  min-height: 24px;
  max-height: none;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  transition: top .5s;
  display: flex;
  position: fixed;
  inset: -100px 0% auto;
  box-shadow: 3px 4px 7px 2px #0000008a;
}

.rep-set-warpper {
  display: flex;
}

.feedback-input-section {
  background-color: #fff;
  flex-direction: column;
  width: 50%;
  min-width: 300px;
  max-width: 500px;
  margin-top: 0;
  margin-right: 20px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-send-msg {
  opacity: .6;
  transition: opacity .3s;
}

.icon-send-msg:hover {
  opacity: 1;
}

.calendar-modal-old {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  padding-bottom: 0;
  display: none;
  position: fixed;
  inset: 0;
}

.sf-83 {
  color: #313131;
  font-size: 24px;
  line-height: 32px;
}

.sf-83.white {
  color: #fff;
  font-weight: 400;
}

.heart-blue {
  background-image: url('../images/heart-blue_1heart-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 26px;
  height: 26px;
}

.heart-blue.empty {
  opacity: .18;
  background-image: url('../images/icon-heart3x_1icon-heart@3x.png');
}

.post-bottom-right-dragger {
  cursor: nwse-resize;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto -10px -10px auto;
}

.duration {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.social-section {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.image-60 {
  display: none;
}

.div-block-450 {
  margin-bottom: 20px;
  padding-top: 20px;
}

.item-action-button-2 {
  cursor: pointer;
  align-items: center;
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.item-action-button-2:hover {
  background-color: #d1e5f3;
}

.item-action-button-2.delete:hover {
  background-color: #ffc8c8;
}

.item-action-button-2.fms {
  cursor: pointer;
}

.image-107 {
  margin-right: 8px;
}

.media-item-2 {
  clear: none;
  background-image: linear-gradient(#fff0, #0009 83%), url('../images/plank_1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 164px;
  height: 128px;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  position: relative;
}

.media-item-2:hover {
  border: 3px #00b2ed;
}

.trainer-account-pic {
  background-color: #87c2e9;
  background-image: url('../images/colin.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 50px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.trainer-account-pic.no-pic {
  background-color: #5e98be;
  background-image: none;
  border-color: #baeeff;
  justify-content: center;
  align-items: center;
}

.ac-default-label-3 {
  color: #7dafd3;
  width: 272px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 6px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.lead-info-row {
  border-top-width: 3px;
  border-top-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 10px 2px 20px;
  display: flex;
}

.audio-message-wrapper-2 {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-2.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave.png'), linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  height: 220px;
}

.menu-colors {
  z-index: 95;
  background-color: #585858;
  border: 1px solid #a1a1a1;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: auto;
  padding: 10px 10px 6px;
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.exercise-info-wrapper-3 {
  padding-top: 2%;
  padding-left: 1%;
  position: relative;
}

.timeline-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px;
  display: flex;
}

.left-pane-outer-wrapper {
  flex-direction: column;
  width: 46%;
  min-width: 528px;
  display: block;
  position: relative;
  overflow: auto;
}

.text-11 {
  color: #161616;
  margin-left: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
}

.text-11.uppercase {
  text-transform: uppercase;
  line-height: 22px;
}

.cmd-icon {
  opacity: .74;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/cmd_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #66b8f3;
  border-radius: 6px;
  width: 26px;
  height: 26px;
  transition: all .2s;
}

.cmd-icon:hover {
  opacity: 1;
  background-color: #006eb8;
  background-image: url('../images/cmd.png');
  border-color: #006eb8;
}

.condensed-sender {
  justify-content: space-between;
  align-items: center;
  height: 22px;
  margin-bottom: 2px;
  display: flex;
}

.view-original {
  padding-left: 10px;
}

.drop-zone-text {
  color: #818181;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.sf-101 {
  color: #313131;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-101.red {
  color: #d32f2f;
}

.sf-101.red.right {
  text-align: right;
  cursor: pointer;
  display: inline-block;
}

.sf-101.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.sf-101.dark-grey {
  color: #4d4d4d;
}

.sf-72 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-72.semi {
  color: #312b3de3;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-72.white {
  color: #fff;
  cursor: default;
}

.sf-72.white-11 {
  color: #fff;
  cursor: default;
  font-size: 11px;
}

.div-block-291 {
  padding-bottom: 20px;
}

.post-wrapper-3 {
  border-top: 1px solid #dfdfdf;
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  height: 700px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-small-13 {
  color: #00b2ed;
  font-size: 13px;
  line-height: 14px;
}

.link-small-13:hover {
  color: #1679cf;
  flex: 0 auto;
}

.upload-progress-widget2-2 {
  z-index: 100;
  background-color: #fff;
  border: 1px solid #fff;
  width: 320px;
  min-height: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 1px 1px 11px #0006, 0 0 6px #fff;
}

.feedback-container-3 {
  background-color: #eff2f5;
  border: 1px solid #fff;
  flex: 1;
  justify-content: center;
  width: 100%;
  padding-top: 20px;
  position: relative;
}

.library-section-wrapper {
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.item-header-copy {
  color: #312b3de3;
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.text-field-4-copy-2 {
  padding-left: 12px;
  font-size: 15px;
}

.youtube-modal {
  background-color: #fff;
  border-radius: 6px;
  width: 340px;
  min-height: 100px;
  padding-top: 4px;
  display: none;
  position: absolute;
  inset: 44px 0% auto auto;
  box-shadow: 3px 3px 10px #00000045;
}

.social-icon-2 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-2.wow {
  background-image: url('../images/icon-social-wow-outline2x_1icon-social-wow-outline@2x.png');
}

.social-icon-2.high-five {
  background-image: url('../images/icon-social-highfive-outline_1icon-social-highfive-outline.png');
  background-size: 30px;
}

.social-icon-2.dislike {
  background-image: url('../images/icon-social-dislike-outline2x_1icon-social-dislike-outline@2x.png');
}

.close-side-panel-2 {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.close-side-panel-2:hover {
  opacity: 1;
}

.calendar-top-bar-2 {
  background-color: #fff;
  border-bottom: 1px solid #cecece;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding-left: 34px;
  padding-right: 30px;
  display: flex;
  position: static;
}

.message-condensed-content {
  white-space: normal;
  width: 100%;
  margin-left: 10px;
  overflow: hidden;
}

.timeline-post-5 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  width: 512px;
  height: auto;
  min-height: 120px;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 10px;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  bottom: auto;
}

.timeline-post-5:hover {
  border-color: #00b2ed;
  box-shadow: 0 4px 12px #00528c80;
}

.timeline-post-5.preview {
  text-align: left;
  border-style: none;
  width: auto;
  margin-bottom: 0;
  padding-top: 0;
  transition-property: none;
  display: flex;
}

.timeline-post-5.preview:hover {
  box-shadow: none;
  border-style: none;
}

.timeline-post-5.preview:active {
  box-shadow: none;
}

.timeline-post-5.flex {
  border-style: none;
  width: auto;
  transition-property: none;
}

.timeline-post-5.flex:hover {
  box-shadow: none;
}

.form-component {
  background-color: #fff;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 14px 30px;
  display: block;
  position: relative;
}

.audio-component-5 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 14px;
  margin-bottom: 0;
  padding: 12px 16px 12px 20px;
  display: flex;
}

.audio-component-5.review {
  min-width: 100%;
  height: 92px;
  padding-left: 12px;
  display: flex;
}

.audio-component-6 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 16px 16px 20px;
  display: flex;
}

.social-icon-bar {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.social-icon-bar.web {
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

.command-menu-3 {
  z-index: 3;
  background-color: #ebf0f3;
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
  box-shadow: -4px 4px 20px 9px #0000004d;
}

.handle {
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -5px 0 auto auto;
}

.handle:hover {
  background-color: #fff;
}

.client-pic-reminder {
  background-color: #87c2e9;
  border: 1px solid #fff;
  border-radius: 50px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-right: 0;
  position: relative;
}

.div-block-455 {
  border: 1px solid #00000042;
  min-height: 40px;
  margin-bottom: 10px;
  padding-top: 2px;
}

.upload-progress-holder {
  margin-top: 10px;
  display: block;
}

.recipients {
  border-bottom: 1px #e9e9e9;
  align-items: flex-start;
  padding: 20px 14px;
  display: block;
}

.div-block-1039 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
  display: flex;
}

.text-span-36 {
  padding-left: 6px;
}

.sf-106 {
  color: #032944;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.message-condensed-item {
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  height: 76px;
  min-height: 76px;
  position: relative;
}

.message-condensed-item:hover {
  background-color: #f0f7fc;
}

.message-condensed-item.selected {
  background-color: #dbebf6;
}

.reminder-done-bar {
  background-color: #039be5;
  align-items: center;
  height: 42px;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
}

.div-block-812 {
  min-height: 10px;
}

.item-outer-wrapper-3 {
  background-color: #f7f7f7;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.item-button-icon-2 {
  width: 20px;
  padding-right: 3px;
}

.text-span-15 {
  color: #0000004d;
}

.file-info-3 {
  padding-top: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  display: block;
}

.replied-indicator-2 {
  z-index: 2;
  opacity: .32;
  color: #fff;
  background-image: url('../images/reply.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 14px;
  min-height: 14px;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
}

.div-block-194 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.save-button-drawing {
  color: #fff;
  background-color: #1695f0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 90px;
  margin-left: 20px;
  transition: background-color .4s;
  display: flex;
}

.save-button-drawing:hover {
  color: #fff;
  background-color: #0e82d4;
}

.input-component-holder-6 {
  background-color: #f5f5f5;
  flex: 0 auto;
  padding-bottom: 140px;
  position: relative;
  overflow: auto;
}

.media-preview-2 {
  background-color: #a7a7a7;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  margin-top: 0;
  display: flex;
  position: relative;
}

.matched-5 {
  color: #000000db;
  cursor: default;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.tool-overlay {
  z-index: 98;
  background-color: #ffffff8a;
  border-radius: 8px;
  width: 526px;
  height: 54px;
  display: none;
  position: absolute;
  right: 0;
}

.message-search-wrapper {
  width: 100%;
  position: relative;
}

.modal-close-player-2 {
  opacity: .5;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 14px;
  display: flex;
  position: static;
}

.modal-close-player-2:hover {
  opacity: .7;
}

.exercise-rest-phase-layer-2 {
  height: 100%;
  display: none;
}

.user-list {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  height: 200px;
}

.empty-state-wrapper {
  text-align: center;
  padding: 40px 20px 20px;
}

.loading-ac-tag {
  border-radius: 6px;
  justify-content: space-between;
  min-width: 40px;
  min-height: 34px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 0 5px;
  display: flex;
}

.tag-icon-chjlopy {
  opacity: .86;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
  font-size: 16px;
  line-height: 16px;
}

.chip-label-white-sm-2-colhk {
  color: #001433bf;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
}

.chip-label-copy {
  color: #233852;
  letter-spacing: -.5px;
  margin-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.chip-label-copy.paren {
  font-size: 20px;
}

.chip-label-copy.sm {
  font-size: 13px;
  font-weight: 600;
}

.div-block-339 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.sf-65 {
  color: #313131;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.sf-65.light {
  font-weight: 300;
}

.sf-65.light.center {
  text-align: center;
}

.modalclosediv {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: static;
}

.modalforgotpassword {
  z-index: 30;
  background-color: #0009;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modalcontent-5 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 40px;
  display: block;
}

.close-modal-11 {
  cursor: pointer;
  display: block;
}

.submitbutton-2 {
  text-align: center;
  border-style: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  margin-bottom: 0;
  font-size: 18px;
  transition: background-color .6s;
  display: flex;
}

.submitbutton-2:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-2.complete {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
}

.submitbutton-2.complete:hover {
  color: #fff;
}

.div-block-116 {
  display: none;
}

.submit-button-holder-4 {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 60px 0;
  display: flex;
}

.div-block-433 {
  background-color: #eee;
  width: 440px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 40px 20px;
  display: block;
}

.fc-team-header {
  z-index: 1000;
  background-color: #97b0ce;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.h2 {
  color: #312b3de3;
  text-align: center;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
}

.heading {
  color: #312b3de3;
  text-align: center;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.heading.blue {
  color: #233852;
  font-size: 22px;
  font-weight: 600;
}

.div-block-1065 {
  margin-left: 6px;
}

.text-13 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.text-13.blue {
  color: #00528c;
}

.text-13.white {
  color: #fff;
}

.text-12-copy {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.text-12-copy.blue {
  color: #00528c;
}

.text-12-copy.white {
  color: #fff;
}

.text-12-copy.semi {
  font-weight: 600;
}

.text-14 {
  font-size: 14px;
}

.text-14.blue {
  color: #0092ed;
}

.text-14.white {
  color: #ffffffb3;
  display: block;
}

.header {
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.text-span-67 {
  text-decoration: none;
}

.deselect-cell {
  cursor: pointer;
  background-color: #3954a9;
  background-image: url('../images/deselect.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-right-style: none;
  border-right-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 34px;
  min-width: 34px;
  display: block;
}

.deselect-cell.selected {
  background-image: url('../images/checked_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  display: block;
}

.deselect-cell.header {
  background-color: #0000;
  background-image: none;
  align-items: stretch;
  height: auto;
  min-height: 42px;
}

.deselect-cell.none {
  cursor: auto;
  background-image: none;
}

.deselect-cell.unchecked {
  background-image: url('../images/unchecked.png');
  min-height: 30px;
}

.simple-right-click-menu {
  z-index: 996;
  opacity: 1;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 6px 8px 8px;
  font-family: Open Sans, sans-serif;
  display: block;
  position: fixed;
  inset: 0% 0 0;
  box-shadow: 2px 3px 7px 2px #0003;
}

.simple-right-click-menu:hover {
  opacity: .92;
}

.div-block-1066 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-block-1067 {
  cursor: pointer;
  padding-right: 40px;
  display: flex;
}

.div-block-1067-copy {
  cursor: auto;
  padding-right: 40px;
  display: flex;
}

.matched-6 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.matched-6.white {
  color: #fffc;
  cursor: pointer;
}

.table-tree-option-holder {
  background-color: #172766;
  flex: 1;
  overflow: scroll;
}

.autocomplete-input-11 {
  float: none;
  clear: none;
  color: #333;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 4px 6px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.results-scroller-12 {
  border: 1px solid #cfcfcf;
  width: 300px;
  min-width: 300px;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.drag-bar-2 {
  cursor: ew-resize;
  background-color: #111446;
  border-left: 1px solid #3a60d4;
  border-right: 1px solid #3a60d4;
  align-self: stretch;
  width: 8px;
  min-width: 8px;
  display: block;
}

.drag-bar-2:hover {
  background-color: #1c3d97;
  border-left-color: #2196f3;
  border-right-color: #2196f3;
}

.drag-bar-2.horizontal {
  cursor: ns-resize;
  border-style: solid none;
  border-top-width: 1px;
  border-top-color: #3a60d4;
  border-bottom-width: 1px;
  border-bottom-color: #3a60d4;
  width: 100%;
  height: 8px;
}

.unmatched-7 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.unmatched-7.white {
  color: #fffc;
  cursor: pointer;
}

.results-holder-10 {
  z-index: 1;
  display: block;
  position: relative;
  overflow: visible;
}

.results-arrow {
  opacity: .72;
  background-image: url('../images/arrow_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 2px;
}

.results-arrow.expanded {
  background-image: url('../images/arrow-white.png');
}

.results-arrow.collapsed {
  cursor: pointer;
  background-image: url('../images/arrow-white.png');
  transform: rotate(-90deg);
}

.remove-10 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  position: relative;
}

.remove-10:hover {
  opacity: 1;
}

.table-item-2 {
  cursor: pointer;
  background-color: #0000;
  align-items: center;
  width: 100%;
  height: 36px;
  padding-left: 4px;
  padding-right: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.table-item-2:hover {
  background-color: #0000003d;
}

.table-item-2.child {
  padding-left: 38px;
}

.table-item-2.child.selected, .table-item-2.selected {
  background-color: #111446;
}

.table-tree-ac-holder {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.table-tree-results-holder {
  flex-direction: column;
  flex: 1;
  min-height: 200px;
  display: flex;
}

.table-tree-scroller {
  flex: 1;
  overflow: auto;
}

.div-block-938-copy {
  padding-right: 8px;
  display: flex;
}

.from-ac-holder {
  background-color: #445f81;
  flex: 1;
  min-height: 30px;
  display: block;
  position: relative;
}

.div-block-1068 {
  display: flex;
}

.from-table-alias-section {
  align-items: center;
  padding-right: 8px;
  display: flex;
}

.icon-expand {
  opacity: .62;
  background-color: #233852;
  background-image: url('../images/icon-add_1icon-add.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 9px;
  min-width: 14px;
  min-height: 14px;
}

.icon-expand:hover {
  opacity: .9;
}

.icon-collapse {
  opacity: .62;
  background-color: #233852;
  background-image: url('../images/minus.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 9px;
  min-width: 14px;
  min-height: 14px;
  margin-right: 8px;
  display: block;
}

.icon-collapse:hover {
  opacity: .9;
}

.close-sectionafeawf {
  opacity: .7;
  cursor: pointer;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: absolute;
  inset: 14px 10px 0% auto;
}

.close-sectionafeawf:hover {
  opacity: 1;
}

.clear-keyword-icon-3 {
  opacity: .4;
  cursor: pointer;
  background-image: url('../images/close_2close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  inset: 12px 6px auto auto;
}

.clear-keyword-icon-3:hover {
  opacity: .6;
}

.clear-keyword-icon-3.hidden {
  background-image: url('../images/close_2close.png');
}

.expand-collapse-wrapper {
  align-items: center;
  width: 20px;
  padding-top: 4px;
  padding-left: 3px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.table-list-wrapper-4 {
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
  overflow: auto;
}

.table-list-wrapper-4.hidden {
  display: block;
}

.table-tab-template {
  background-color: #273579;
  border-bottom: 1px solid #a3c8f5;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: auto;
}

.table-tab-template.hidden {
  display: none;
}

.div-block-1069 {
  justify-content: space-between;
  align-self: stretch;
  max-width: 700px;
  padding-bottom: 20px;
  padding-left: 10px;
  display: flex;
}

.row-dragger {
  cursor: move;
  background-image: url('../images/211736_drag_icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.div-block-1070 {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-1071 {
  flex: 1;
  overflow: auto;
}

.icon-div-5 {
  opacity: .72;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 48px;
  height: 36px;
  margin-left: 2px;
  margin-right: 2px;
  transition: background-color .4s;
  display: flex;
}

.icon-div-5:hover {
  opacity: 1;
  background-color: #162a4299;
}

.icon-div-5.stop {
  opacity: .8;
}

.icon-div-5.stop:hover {
  opacity: 1;
}

.icon-div-5.activity {
  background-color: #0000;
  background-image: url('../images/Disk-1s-200px-1.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.icon-div-5.activity:hover {
  opacity: .68;
}

.stop-query {
  background-color: red;
  border: 1px solid #fff;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.div-block-945 {
  background-color: #fff;
  width: 6px;
  height: 6px;
}

.div-block-1072 {
  display: flex;
}

.link-4 {
  color: #42a6fd;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}

.link-4.bold {
  color: #8dcaff;
  padding-right: 2px;
  font-weight: 700;
  line-height: 34px;
}

.link-4.bold:hover {
  color: #afd9ff;
}

.div-block-1073 {
  display: flex;
}

.text-block-69 {
  min-width: 60px;
  max-width: 170px;
}

.text-block-70 {
  color: #a0c4ff;
  padding-bottom: 5px;
  padding-left: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
}

.div-block-942 {
  z-index: 2;
  background-image: url('../images/Rolling-0.8s-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 244px;
  height: 238px;
  display: flex;
  position: relative;
}

.text-span-64 {
  font-size: 18px;
  line-height: 22px;
}

.loading-indicator-view2 {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 42px;
  display: block;
  position: relative;
  overflow: hidden;
}

.div-block-940 {
  z-index: 3;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.timer-text {
  color: #a0c4ff;
  text-align: right;
  min-width: 100px;
  font-family: Open Sans, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 44px;
}

.timer-text.sm {
  font-size: 28px;
}

.div-block-941 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.indicator-tex-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-block-946 {
  z-index: 1;
  background-color: #172766;
  border-radius: 180px;
  width: 170px;
  min-width: 170px;
  height: 170px;
  min-height: 170px;
  position: absolute;
  top: 34px;
}

.row-select-cell-column {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-right-style: none;
  border-right-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 100%;
  min-height: 30px;
  display: block;
}

.row-select-cell-column:hover {
  background-image: url('../images/check-hover.png');
}

.row-select-cell-column.selected {
  background-image: url('../images/checked_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 26px;
  min-width: 26px;
  display: block;
}

.row-select-cell-column.header {
  background-color: #0000;
  background-image: none;
  align-items: stretch;
  height: auto;
  min-height: 42px;
}

.row-select-cell-copy {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-right-style: none;
  border-right-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 34px;
  min-width: 34px;
  height: 100%;
  min-height: 30px;
  display: block;
}

.row-select-cell-copy:hover {
  background-image: url('../images/check-hover.png');
}

.row-select-cell-copy.selected {
  background-image: url('../images/checked_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  display: block;
}

.row-select-cell-copy.header {
  background-color: #0000;
  background-image: none;
  align-items: stretch;
  height: auto;
  min-height: 42px;
}

.nullable-check-cell {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-right-style: none;
  border-right-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 100%;
  min-height: 30px;
  display: block;
}

.nullable-check-cell:hover {
  background-image: url('../images/check-hover.png');
}

.nullable-check-cell.checked {
  background-image: url('../images/checked_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 26px;
  min-width: 26px;
  display: block;
}

.nullable-check-cell.header {
  background-color: #0000;
  background-image: none;
  align-items: stretch;
  height: auto;
  min-height: 42px;
}

.nullable-check-cellz {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-right-style: none;
  border-right-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 100%;
  min-height: 30px;
  display: block;
}

.nullable-check-cellz:hover {
  background-image: url('../images/check-hover.png');
}

.nullable-check-cellz.checked {
  background-image: url('../images/checked_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 26px;
  min-width: 26px;
  display: block;
}

.nullable-check-cellz.header {
  background-color: #0000;
  background-image: none;
  align-items: stretch;
  height: auto;
  min-height: 42px;
}

.quote-title-2-copy {
  color: #a0c4ff;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.div-block-1074 {
  color: #fff;
  display: flex;
}

.last-run-label.bold {
  font-weight: 600;
}

.div-block-1075 {
  display: flex;
}

.text-span-64-copy {
  padding-left: 10px;
  font-size: 18px;
  line-height: 22px;
}

.scrolling-options-holder {
  max-height: 50vh;
  overflow: auto;
}

.error-wrapper {
  background-color: #ffecec;
  border: 1px solid #eb8282;
  align-items: flex-start;
  width: 954px;
  margin-bottom: 10px;
  padding: 8px 10px;
  display: flex;
}

.error-wrapper.hidden {
  display: flex;
}

.image-138 {
  min-width: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-top: 0;
}

.error-title-text {
  margin-bottom: 4px;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
}

.error-detail-text {
  color: #333;
  font-family: Open Sans, sans-serif;
}

.table-fk {
  width: 1000px;
  margin-top: 0;
  margin-bottom: 20px;
}

.row-fk {
  background-color: #c3d1ef;
  border-bottom: 1px solid #99a2d1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 50px;
  padding: 10px;
  display: flex;
}

.div-block-481-copy {
  width: 33%;
  padding-right: 10px;
}

.ac-default-label-7 {
  color: #001433bf;
  width: 246px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: block;
  position: relative;
  top: -4px;
}

.ac-default-label-7.sm {
  width: 160px;
  height: 34px;
  font-size: 14px;
  display: inline-block;
  top: 0;
}

.label-14 {
  color: #fffc;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.editable-db-field {
  color: #111446;
  min-width: 60px;
}

.query-tab-template {
  width: 100%;
}

.results-scrolasdfsopyaafaw {
  z-index: 200000;
  background-color: #cfcfcf;
  border: 1px solid #111446;
  min-width: 330px;
  max-width: 330px;
  max-height: 80vh;
  display: block;
  position: absolute;
  inset: auto;
  overflow: auto;
}

.div-block-1076 {
  display: flex;
}

.close-section-copy-2 {
  z-index: 10000;
  opacity: .7;
  cursor: pointer;
  background-color: #1c3d97;
  background-image: url('../images/delete-thick.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border: 1px solid #fff9;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: -7px -7px 0% auto;
}

.close-section-copy-2:hover {
  opacity: 1;
}

.query-tab-template-2 {
  flex: 1;
  width: 100%;
}

.right-panel-select-holder-2 {
  flex: 1;
  display: none;
  position: relative;
  overflow: auto;
}

.title-11 {
  justify-content: space-between;
  align-items: center;
  height: 40px;
  min-height: 32px;
  padding-top: 4px;
  padding-left: 22px;
  display: flex;
  position: relative;
}

.title-11.alias {
  height: 20px;
  min-height: 20px;
  padding-top: 0;
}

.div-block-1077 {
  display: flex;
}

.left-cover {
  background-color: #0006;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: auto;
}

.right-cover {
  background-color: #0006;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}

.top-cover {
  background-color: #0006;
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}

.bottom-cover {
  background-color: #0006;
  width: 100%;
  height: 1600px;
  position: absolute;
  inset: auto 0 0 auto;
}

.select-cover-holder {
  display: none;
}

.clause-arrow {
  opacity: .4;
  cursor: pointer;
  background-image: url('../images/arrow-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 2px;
  transition: all .2s;
  transform: translate(0);
}

.clause-arrow:hover {
  opacity: 1;
}

.clause-arrow.collapsed {
  transition-duration: .2s;
  transform: rotate(-90deg);
}

.extra-icons {
  z-index: 2;
  background-color: #172766;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
  overflow: visible;
}

.extra-icons.hidden {
  z-index: 1000;
  flex: none;
  justify-content: space-between;
  padding-right: 6px;
  position: relative;
}

.labelddqd {
  color: #fffc;
  text-align: left;
  white-space: normal;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
}

.labelddqd.sub {
  font-size: 12px;
  line-height: 16px;
}

.labelddqd.big {
  font-size: 18px;
  font-weight: 300;
}

.labelddqd.as {
  margin-right: 8px;
}

.labelddqd.as.from {
  padding-left: 6px;
  font-size: 14px;
}

.labelddqd.alias.from {
  font-size: 14px;
}

.fk-cell {
  border-right: 1px #d6d6d6;
  align-self: auto;
  align-items: center;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  min-height: 50px;
  padding: 4px 10px 4px 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.fk-cell.field-name {
  width: auto;
  min-width: 200px;
  max-width: 200px;
  font-family: Open Sans, sans-serif;
}

.fk-cell.type {
  width: auto;
  min-width: 180px;
  max-width: 180px;
  font-size: 14px;
}

.fk-cell.short {
  justify-content: flex-start;
  width: auto;
  min-width: 85px;
  max-width: 85px;
}

.fk-cell.short.drag {
  cursor: move;
  background-image: url('../images/211736_drag_icon.svg');
  background-position: 0 0;
  background-size: auto;
}

.fk-cell.input {
  width: auto;
  min-width: 400px;
  max-width: 400px;
}

.results-holderhjk {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holderhjk.test {
  display: none;
}

.result-icon-error {
  opacity: .5;
  background-image: url('../images/stop.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-error.loading {
  opacity: 1;
  background-image: url('../images/Double-Ring-2.2s-124px_1Double Ring-2.2s-124px.gif');
  background-size: 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
}

.result-icon-error.no-results {
  background-image: url('../images/fastcloud.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon-error.count {
  background-image: url('../images/icon-reps.png');
}

.result-icon-error.image {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/icon-image_1icon-image.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon-error.yesno {
  background-image: url('../images/icon-yesno_1icon-yesno.png');
  background-size: 16px;
}

.result-icon-error.testimonial {
  background-image: url('../images/icon-testimonial_1icon-testimonial.png');
  background-size: 18px;
}

.result-icon-error.operator {
  background-image: url('../images/operator.png');
  background-size: 20px;
}

.result-icon-error.datetime {
  background-image: url('../images/icon-date_1icon-date.png');
  background-size: 18px;
}

.result-icon-error.time {
  background-image: url('../images/icon-time_1icon-time.png');
  background-size: 16px;
}

.result-icon-error.fieldname {
  background-image: url('../images/field_1field.png');
  background-size: 18px;
  border-style: none;
}

.result-icon-error.miles {
  background-image: url('../images/region_1region.png');
  background-size: 16px;
}

.result-icon-error.bm {
  background-image: url('../images/icon-measure_1icon-measure.png');
  background-size: 20px;
}

.result-icon-error.all {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/globe_1globe.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon-error.loading {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon-error.program {
  background-image: url('../images/programs_1programs.png');
  background-size: 22px;
}

.result-icon-error.tag {
  background-color: #0000;
  background-size: 20px;
}

.result-icon-error.no-results-copy {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon-error.query {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/query.png');
  background-size: 20px;
  background-attachment: scroll;
}

.result-icon-error.function {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/function.png');
  background-size: 20px;
  background-attachment: scroll;
}

.result-icon-error.number {
  background-image: url('../images/numbers.png');
}

.result-icon-error.value {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/quote.png');
  background-size: 20px;
  background-attachment: scroll;
}

.result-icon-error.keyword {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/key.png');
  background-size: 16px;
  background-attachment: scroll;
}

.result-icon-error.no-results {
  background-image: url('../images/globe_1globe.png');
  background-size: 22px;
}

.result-icon-error.white-icon {
  opacity: .82;
  background-image: url('../images/remove_1.png');
  background-size: 12px;
}

.result-icon-error.table {
  opacity: .72;
  background-color: #0000;
  background-image: url('../images/table-white.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon-error.database {
  opacity: .72;
  background-color: #0000;
  background-image: url('../images/db.png');
  background-size: 16px;
  background-attachment: scroll;
}

.choose-query-modal {
  z-index: 998;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.plan-button-holder-align-right {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-right: 10px;
  display: flex;
}

.plan-button-holder-align-right.new {
  justify-content: flex-end;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.query-list-in-modal {
  background-color: #0003;
  flex: 1;
  height: 560px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.choose-query-button {
  color: #fffc;
  cursor: pointer;
  background-color: #498ad8bd;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 54px;
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  display: flex;
}

.choose-query-button:hover {
  background-color: #498ad8;
}

.choose-query-button.selected {
  color: #fff;
  background-color: #4280eb;
  border-color: #ffffff87;
  font-weight: 600;
}

.expr-holder {
  display: flex;
  position: relative;
}

.matched-2-copy {
  color: #000000db;
  white-space: pre-wrap;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.chat-form-wrapper {
  width: 100%;
  margin-bottom: 0;
  padding: 20px 10px 0;
  position: absolute;
  inset: auto 0% 0%;
}

.textarea-9 {
  color: #ffffffdb;
  resize: none;
  background-color: #111446;
  border: 1px solid #3a60d4;
  min-height: 100px;
  margin-bottom: 6px;
  font-family: Open Sans, sans-serif;
}

.textarea-9::placeholder {
  color: #ffffff80;
}

.button-3 {
  cursor: pointer;
  background-color: #4187f8;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 4px;
  width: 42px;
  height: 32px;
}

.button-3:hover {
  background-color: #276ee0;
}

.button-3.disabled {
  opacity: .33;
}

.div-block-1078 {
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.chat-response {
  background-color: #04021438;
  flex: 1;
  padding: 20px 14px;
  position: relative;
}

.chatgpt-tab-wrapper.hidden {
  display: none;
}

.chat-loading {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.text-12-white-copy {
  color: #ffffffc7;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 21px;
}

.text-12-white-copy.label {
  color: #fffc;
}

.create-table-modal {
  z-index: 998;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.fwfweaf {
  border-bottom-style: none;
  border-bottom-color: #dee1ff47;
  justify-content: flex-start;
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 10px;
  display: flex;
}

.fwfweaf.sub {
  background-color: #080e2233;
  border-bottom-style: none;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.no-foreign-keys-exist {
  background-color: #c3d1ef;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.error-title-text-copy {
  color: #233852;
  margin-bottom: 4px;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
}

.field-label {
  color: #233852;
  font-family: Open Sans, sans-serif;
}

.div-block-481-copy-copy {
  width: 20%;
  padding-right: 10px;
}

.record-id-input {
  width: 140px;
  height: 48px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
}

.text-field-10 {
  background-color: #0000;
}

.ac-default-label-5-copy {
  color: #ffffff7a;
  background-color: #0000;
  width: 80px;
  height: 32px;
  margin: 0;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: 0;
  overflow: hidden;
}

.ac-default-label-5-copy:focus {
  width: 200px;
}

.ac-default-label-5-copy.sql-ac-input {
  color: #ffffff7a;
}

.form-28 {
  align-items: center;
  display: flex;
}

.limit-holder {
  background-color: #445f81;
  min-height: 25px;
  display: block;
  position: relative;
}

.form-block-27 {
  margin-bottom: 0;
}

.limit-input {
  outline-offset: 0px;
  color: #fffc;
  text-align: center;
  -webkit-text-stroke-color: #fffc;
  background-color: #0000;
  border: 0 solid #000;
  outline: 3px #ffffff7a;
  width: 60px;
  height: 32px;
  margin: 0 2px 0 0;
  padding: 0 6px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: 0;
  overflow: hidden;
}

.limit-input.sql-ac-input {
  color: #ffffff7a;
}

.close-section-copy {
  opacity: .7;
  cursor: pointer;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  justify-content: flex-start;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-left: 0;
  margin-right: 6px;
  display: block;
  position: static;
}

.close-section-copy:hover {
  opacity: 1;
}

.limit-holaawfawef {
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  min-height: 32px;
  padding-top: 4px;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.div-block-1079 {
  padding-left: 20px;
}

.text-block-71 {
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  position: absolute;
  inset: 0%;
}

.tag-3 {
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  padding: 5px 5px 5px 6px;
  display: flex;
}

.tag-3.clear {
  color: #fff;
  background-color: #0000;
  border: 2px solid #0000;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-bottom: 4px;
  padding: 0 0 0 5px;
  transition: all .3s;
  display: inline-block;
  position: relative;
}

.tag-3.clear:hover, .tag-3.clear.show-hover {
  background-color: #698dda;
}

.tag-3.multi {
  background-color: #e7eeff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  display: inline-block;
  position: relative;
}

.tag-3.multi.patient {
  background-color: #c6d4f8;
}

.tag-content-23 {
  justify-content: center;
  align-items: center;
  min-width: 26px;
  height: 28px;
  min-height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.div-block-1536 {
  cursor: pointer;
  display: flex;
  position: static;
}

.chip-label-35 {
  color: #fffc;
  letter-spacing: -.5px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.div-block-1528 {
  width: 4px;
  min-width: 4px;
}

.whsiper-error-icon {
  background-image: url('../images/warning_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.whsiper-error-icon.hidden {
  width: 26px;
  height: 26px;
}

.div-block-1538 {
  align-items: center;
  display: flex;
}

.sf-15-med-copy-copy {
  color: #000000db;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.div-block-1539 {
  max-height: 60vh;
  padding-top: 6px;
  overflow: auto;
}

.div-block-1539.hidden {
  max-height: 60vh;
  overflow: auto;
}

.div-block-1540 {
  cursor: pointer;
  background-image: url('../images/close_1close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
  position: absolute;
  inset: 4px 4px 0% auto;
}

.error-whisper {
  z-index: 996;
  background-color: #fcd0d1;
  border: 1px solid #181414;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 660px;
  min-width: 80px;
  min-height: 24px;
  max-height: none;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  transition: top .5s;
  display: flex;
  position: fixed;
  inset: -300px 0% auto;
  box-shadow: 3px 4px 7px 2px #0000008a;
}

.error-whisper.show {
  flex-direction: column;
  width: 660px;
  top: 0;
}

.whisper-3 {
  z-index: 996;
  background-color: #cbd1eb;
  border: 1px solid #181414;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  min-width: 80px;
  min-height: 24px;
  max-height: none;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  transition: top .5s;
  display: flex;
  position: fixed;
  inset: -100px 0% auto;
  box-shadow: 3px 4px 7px 2px #0000008a;
}

.field-label-2, .field-label-3 {
  font-size: 16px;
  font-weight: 400;
}

.text-span-68 {
  color: #ffffffe6;
}

.form-block-6-copy {
  margin-bottom: 0;
}

.explorer-cell {
  color: #111446;
  padding: 6px 10px;
}

.spinner-gif {
  width: 22px;
}

.awfeafwf {
  width: 250px;
  height: 48px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
}

.div-block-1541, .div-block-1542, .div-block-1543 {
  margin-right: 20px;
}

.header-select-cell {
  cursor: pointer;
  background-color: #3954a9;
  background-image: url('../images/unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  width: 34px;
  min-width: 34px;
  height: 100%;
  min-height: 42px;
  display: block;
}

.header-select-cell:hover {
  background-image: url('../images/check-hover.png');
}

.header-select-cell.selected {
  background-image: url('../images/checked_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  display: block;
}

.header-select-cell.header {
  background-color: #0000;
  background-image: none;
  align-items: stretch;
  height: auto;
  min-height: 42px;
}

.header-select-cell.dash {
  background-image: url('../images/deselect.png');
}

.page-outer-wrapper {
  padding-bottom: 0;
}

.result-row-8 {
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-8:hover, .result-row-8.selected {
  background-color: #e7eeff;
}

.select-field-8 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.textarea-2 {
  min-height: 90px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.results-scroller-13 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 60vh;
  position: absolute;
  overflow: auto;
}

.tag-content-8 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.ac-label-3 {
  display: flex;
}

.results-holder-11 {
  z-index: 1;
  display: block;
  position: relative;
  overflow: visible;
}

.chip-label-9 {
  color: #001433;
  font-size: 15px;
  font-weight: 400;
}

.autocomplete-input-8 {
  float: none;
  clear: none;
  color: #333;
  background-color: #fff;
  border: 1px #000;
  border-radius: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 4px 4px 2px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
  box-shadow: 0 0 1px 1px #0003;
}

.matched-7 {
  color: #000000db;
  cursor: default;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

.form-element-div {
  min-height: 60px;
  margin-top: 20px;
  padding-left: 32px;
}

.selected-tag {
  padding-bottom: 14px;
}

.text-field-11 {
  height: 46px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.radio-button-label {
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.text-18 {
  color: #233852;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.text-18.semi {
  font-weight: 600;
}

.text-18.absolute {
  text-align: center;
  font-weight: 600;
}

.nz-22-2-copy {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 18px;
  line-height: 28px;
  display: none;
}

.nz-22-2-copy.nz-18-2 {
  color: red;
  display: none;
}

.form-8 {
  background-color: #fff;
  padding-bottom: 100px;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.div-block-753 {
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.search-wrapper-7 {
  object-fit: fill;
  width: auto;
  min-width: 0;
  position: relative;
  overflow: visible;
}

.selected-tag-content {
  display: flex;
}

.selected-tag-content.hidden {
  display: none;
}

.results-wrapper-6 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: none;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.remove-4 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-4:hover {
  opacity: 1;
}

.result-icon-3 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-3.loading {
  opacity: 1;
  background-image: url('../images/Double-Ring-2.2s-124px_1Double Ring-2.2s-124px.gif');
  background-size: 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
}

.result-icon-3.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.unmatched-8 {
  color: #000000db;
  cursor: default;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.question-template {
  background-color: #0000;
  min-height: 80px;
  margin-top: 40px;
  margin-bottom: 60px;
}

.dd-result-icon-2 {
  opacity: .6;
  background-image: url('../images/region_1region.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 8px;
}

.dd-result-icon-2.all-regions {
  background-color: #0000;
  background-image: url('../images/usa_1usa.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.dd-result-icon-2.patient {
  background-image: url('../images/patient_1patient.png');
  background-size: 16px;
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.dd-result-icon-2.region {
  background-color: #0000;
  background-image: url('../images/region_1region.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.dd-result-icon-2.clinic {
  background-image: url('../images/clinic_1clinic.png');
}

.numeric-field {
  width: 100px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.radio-button-field-3 {
  padding-bottom: 8px;
  padding-left: 24px;
}

.text-block-72 {
  font-size: 16px;
}

.radio-button {
  width: 22px;
  height: 22px;
  margin-top: -1px;
  margin-bottom: 4px;
  margin-right: 10px;
  font-size: 18px;
}

.radio-button:hover {
  border-width: 7px;
}

.radio-button:active {
  border-color: #0071e3;
}

.radio-button.w--redirected-checked {
  border-width: 7px;
  border-color: #0071e3;
}

.ac-default-label-10 {
  color: #001433bf;
  width: 246px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 0;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.form-wrapper {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 16px;
  max-width: 800px;
}

.command-menu-left-3 {
  padding-left: 6px;
  padding-right: 0;
}

.text-14-w {
  color: #fffc;
  text-align: left;
  font-family: Open Sans, sans-serif;
}

.text-14-w.bold {
  text-align: left;
  padding-left: 10px;
  font-weight: 700;
  text-decoration: none;
}

.text-14-w.bold.right {
  text-align: right;
}

.awfwaef {
  white-space: normal;
  line-height: 14px;
}

.command-menkjklj {
  padding-left: 6px;
  padding-right: 0;
}

.expression-separator {
  color: #fffc;
  width: 12px;
  height: 20px;
  font-size: 30px;
  position: absolute;
  inset: auto -8px 0% auto;
}

.format-image {
  width: 20px;
}

.div-block-1544 {
  display: none;
}

.div-block-1545 {
  background-image: url('../images/close_1close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30px;
  height: 39px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-1545.hidden {
  inset: 0% 0% 0% auto;
}

.input-template-with-x {
  border-bottom-style: none;
  border-bottom-color: #dee1ff47;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.input-template-with-x.sub {
  background-color: #080e2233;
  border-bottom-style: none;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 10px;
}

.jlkjawef {
  margin-left: 20px;
  padding-top: 20px;
}

.link-holder-copy {
  padding-top: 6px;
}

.link-holder-copy-copy {
  padding-top: 6px;
  padding-left: 10px;
}

.div-block-1546 {
  position: relative;
}

.speed-option-4 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-4:hover {
  color: #fff;
  background-color: #353535;
}

.text-16 {
  color: #233852;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.text-16.semi {
  font-weight: 600;
}

.widget-content-holder {
  width: 100%;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  overflow: auto;
}

.action-button-11 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-11:hover {
  color: #fff;
  background-color: #0d72b9;
}

.vid-placeholder-img {
  background-color: #b5c1ca;
  background-image: url('../images/vid.png'), linear-gradient(150deg, #85b7da, #bbdef6 76%);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25%, auto;
  width: 100%;
  padding-top: 56.25%;
}

.widget-text {
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.widget-text.center {
  align-items: center;
}

.audio-bottom-controls-5 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.image-140 {
  filter: invert();
  position: relative;
}

.widget-modal {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 12px;
  width: 400px;
  min-width: 100px;
  height: 620px;
  min-height: 200px;
  display: none;
  position: fixed;
  inset: auto 40px 30px auto;
  box-shadow: 0 0 20px 3px #0000004d;
}

.sf-122 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-122.white {
  color: #fff;
  cursor: default;
}

.div-block-1080 {
  height: 6px;
  position: absolute;
}

.widget-header {
  min-height: 20px;
  padding-bottom: 10px;
}

.play-pause-button {
  opacity: 1;
  background-color: #0006;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 62px;
  min-width: 62px;
  height: 62px;
  min-height: 62px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: auto;
}

.play-pause-button:hover {
  opacity: 1;
  background-color: #000000b3;
}

.widget-move-bar {
  background-image: url('../images/211736_drag_icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 24px;
  min-height: 24px;
  position: absolute;
}

.widget-dragger-holder {
  position: static;
  inset: 0%;
}

.post-top-right-dragger {
  cursor: nesw-resize;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: -10px -10px auto auto;
}

.widget-submit-bar {
  background-color: #fff;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 78px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
  box-shadow: 1px -3px 10px 3px #0003;
}

.action-button-12 {
  text-align: center;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 130px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Open Sans, sans-serif;
  transition: background-color .4s;
  display: flex;
}

.action-button-12:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-12.checking {
  padding-left: 20px;
}

.div-block-1082 {
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 20px;
}

.widget-minimized {
  z-index: 3;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #858585;
  border-radius: 12px;
  min-width: 100px;
  height: 56px;
  display: none;
  position: fixed;
  inset: auto 20px 20px auto;
  box-shadow: 0 0 20px 3px #0000004d;
}

.min-inner-holder {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
}

.min-inner-holder:hover {
  background-color: #d2dfff;
}

.min-inner-holder.seg {
  cursor: auto;
  background-color: #172766;
}

.image-141 {
  margin-right: 6px;
}

.label-medium {
  margin-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
}

.label-medium.fwae {
  color: #fff;
  cursor: pointer;
}

.minimize-button {
  opacity: .76;
  background-image: url('../images/minimize.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 26px;
  height: 26px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.minimize-button:hover {
  opacity: 1;
}

.widget-layout {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  overflow: auto;
}

.div-block-1547 {
  width: 100%;
  height: 100%;
}

.post-left-dragger {
  cursor: ew-resize;
  width: 20px;
  position: absolute;
  inset: 0% auto 0% -10px;
}

.post-top-left-dragger {
  cursor: nwse-resize;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: -10px auto auto -10px;
}

.post-bottom-left-dragger {
  cursor: nesw-resize;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto auto -10px -10px;
}

.post-bottom-dragger {
  cursor: ns-resize;
  height: 20px;
  position: absolute;
  inset: auto 0 -10px;
}

.post-top-dragger {
  cursor: ns-resize;
  height: 12px;
  position: absolute;
  inset: -10px 0 auto;
}

.div-block-1548 {
  flex-direction: column;
  flex: 1;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.editing-config-modal {
  z-index: 3;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #858585;
  border-radius: 12px;
  min-width: 100px;
  height: 56px;
  display: none;
  position: fixed;
  inset: 20px 20px auto auto;
  box-shadow: 0 0 20px 3px #0000004d;
}

.table-tab-template-5 {
  background-color: #eee;
  border-bottom: 1px solid #a3c8f5;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  display: none;
  overflow: auto;
}

.table-tab-template-5.hidden {
  display: none;
}

.table-tab-template-5.hidden.er {
  background-color: #9cafeb;
  display: none;
}

.div-block-3009 {
  background-color: #d3e7ff;
}

.er-tab-template {
  background-color: #eee;
  border-bottom: 1px solid #a3c8f5;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  display: none;
  overflow: auto;
}

.er-tab-template.hidden {
  display: none;
}

.er-tab-template.hidden.er {
  background-color: #9cafeb;
  display: none;
}

.sectiontop {
  padding-top: 14px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.div-block-2715 {
  background-color: #11144699;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 94px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-7 {
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/icon-add_1icon-add.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border: 50px #000;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 45px;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
}

.button-7:hover {
  background-color: #00000042;
}

.button-7.minus {
  background-image: url('../images/minus.png');
}

.div-block-2653 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
}

.div-block-2653.er-loading {
  width: 60px;
  position: fixed;
  inset: 50%;
}

.indicator-tex-wrapper-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: fixed;
  top: 40%;
  bottom: 60%;
  left: auto;
}

.title-87 {
  align-items: baseline;
  margin-top: 6px;
  display: flex;
}

.quote-title-2-copy-3 {
  color: #00528c;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 800;
}

.matched-144 {
  color: #000000db;
  white-space: pre-wrap;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.results-holderasdf-3 {
  z-index: 10000;
  display: block;
  position: relative;
  top: auto;
  right: auto;
  overflow: visible;
}

.unmatched-72 {
  color: #000000db;
  white-space: nowrap;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.simple-input-modal {
  z-index: 998;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.div-block-3010 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.div-block-3011 {
  background-image: url('../images/close_2close.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.exclude-toggle-wrapper {
  background-color: #0000;
  background-image: url('../images/js-toolbar-save_1js-toolbar-save.png');
  background-position: 50%;
  background-size: auto;
  flex-direction: row;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.toggle-div-3 {
  flex: 1;
  margin-top: 0;
  margin-left: 0;
  padding-right: 10px;
  position: relative;
}

.auto-sync-toggle-2 {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 0;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.auto-sync-toggle-2:hover {
  opacity: 1;
}

.auto-sync-toggle-2.on {
  background-color: #03a9f4;
}

.bottom-tab-bar {
  border-bottom: 1px #ffffff47;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 100vw;
  padding: 0 10px 8px;
  display: flex;
  position: relative;
}

.bottom-tab-bar.hidden {
  padding-top: 0;
}

.record-minimized {
  z-index: 3;
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  min-width: 100px;
  height: 32px;
  margin-right: 2px;
  display: block;
  box-shadow: 2px 0 9px 3px #0000004d;
}

.min-inner-holder-tab {
  background-color: #1c3d97;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 6px;
  transition: background-color .4s;
  display: flex;
}

.min-inner-holder-tab:hover {
  background-color: #3254b3;
}

.label-sm {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
}

.label-sm.white {
  color: #fffc;
  line-height: 15px;
}

.close-record-tab-min {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  padding: 6px;
  display: flex;
}

.close-record-tab-min:hover {
  background-color: #143283;
}

.close-modal-12 {
  opacity: .7;
  cursor: pointer;
  display: inline-block;
}

.close-modal-12:hover {
  opacity: .9;
}

.minimize-button-record {
  opacity: .76;
  cursor: pointer;
  background-image: url('../images/minus_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border: 1px solid #ffffff4d;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.minimize-button-record:hover {
  opacity: 1;
  background-color: #143283;
}

.image-84 {
  margin: 80px auto 40px;
  transition: opacity .8s;
}

.message-holder-2 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.image-142 {
  cursor: pointer;
}

.text-block-73 {
  color: #fff;
  margin-left: 10px;
}

.div-block-3012 {
  align-items: center;
  display: flex;
}

.header-name-holder {
  padding-left: 10px;
}

.label-16-white {
  color: #fffc;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.widget-success-modal {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 12px;
  width: 400px;
  min-width: 100px;
  height: 620px;
  min-height: 200px;
  display: none;
  position: fixed;
  inset: auto 40px 30px auto;
  box-shadow: 0 0 20px 3px #0000004d;
}

.confirm-check-img {
  margin-top: 40px;
  margin-bottom: 30px;
  display: block;
}

.auto-sync-toggle {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 0;
  margin-right: 6px;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.auto-sync-toggle:hover {
  opacity: 1;
}

.auto-sync-toggle.on {
  background-color: #03a9f4;
}

.auto-sync-toggle-3 {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 0;
  margin-right: 6px;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.auto-sync-toggle-3:hover {
  opacity: 1;
}

.right-click-detail {
  font-weight: 400;
}

.text-span-69 {
  font-weight: 700;
}

.div-block-3013 {
  background-color: #243c92;
}

.right-text-menu-option {
  color: var(--white);
  font-size: 12px;
  line-height: 20px;
}

.right-text-menu-option.big {
  font-size: 16px;
  line-height: 18px;
}

.right-text-menu-option.subhead {
  color: #7e7e7e;
  line-height: 16px;
}

.right-text-menu-option.big {
  font-size: 14px;
}

.right-text-menu-option.right-click {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  display: block;
}

.button-holder2 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 380px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.labelsmall-6 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.labelsmall-6.left {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 0;
}

.submitbutton-7 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-7:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-7.complete {
  padding-top: 20px;
}

.submitbutton-7.complete:hover {
  color: #fff;
}

.div-block-3014 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 40px 20px;
  display: block;
}

.paragraph-2 {
  color: #424242;
  text-align: left;
  height: auto;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.paragraph-2.smalltext {
  color: #262c46;
  padding-top: 0;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  display: block;
}

.paragraph-2.smalltext.red {
  color: #ed4444;
}

.paragraph-2.smalltext.red.init-hidden {
  display: block;
}

.h2-dark {
  color: #424242;
  text-align: center;
  margin: 0 auto;
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
  display: block;
}

.h2-coaefwfpy {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 34px;
}

.div-block-388-copy {
  background-color: #ffffffe0;
  width: 460px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 40px;
  display: block;
}

.div-block-3015 {
  position: fixed;
  inset: 0%;
}

.submitting-button {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitting-button:hover {
  background-color: #1679cf;
}

.submitting-button.login {
  background-color: #1679cf;
  width: 300px;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 13px;
  font-family: Open Sans, sans-serif;
}

.image-185 {
  margin-right: 4px;
  display: block;
}

.div-block-3016 {
  justify-content: center;
  display: flex;
}

.text-block-74 {
  color: #fff;
}

.modal-content-upgrade {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 620px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  overflow: visible;
}

.sf-378 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-378.semi {
  font-weight: 600;
}

.text-wrapper-center {
  text-align: left;
  padding: 20px;
}

.sf-393 {
  color: #444;
  font-size: 16px;
  line-height: 18px;
}

.div-block-1833 {
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
}

.import-button {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.import-button:hover {
  color: #fff;
  background-color: #1679cf;
}

.webflow-zip-import-modal {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: block;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.modal-top-bar-7 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 8px;
  display: flex;
  position: static;
}

.import-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-1831 {
  width: 100%;
}

.close-modal-13 {
  cursor: pointer;
  display: inline-block;
}

.excel-import-modal {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.sf-393-copy {
  color: #817070;
  border: 1px #000;
  font-size: 25px;
  line-height: 18px;
}

.drop-area {
  text-align: center;
  border: 4px dashed #7e7373;
  margin-bottom: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-186 {
  margin-top: 20px;
}

.sf-393-cadfadfopy {
  color: #444;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.sf-378-copy {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-378-copy.semi {
  font-size: 28px;
  font-weight: 600;
}

.list {
  font-size: 14px;
}

.sf-39ergseg3-copy {
  color: #444;
  text-align: center;
  font-size: 22px;
  line-height: 18px;
}

.text-wrapper-center-cwafwfopy {
  text-align: left;
  padding: 20px 20px 40px;
}

.upload-progress-widget2-3 {
  z-index: 100;
  background-color: #fff;
  border: 1px solid #fff;
  width: 320px;
  min-height: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 1px 1px 11px #0006, 0 0 6px #fff;
}

.text-200 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-200.white {
  color: #fff;
}

.chatgpt-wrapper {
  flex-flow: column;
  flex: 1;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-3017 {
  flex: 0 auto;
}

.form-29 {
  position: relative;
}

.image-187 {
  margin-right: 5px;
}

.received-message-template {
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.client-profile-assigned {
  background-color: #52c583;
  border-radius: 100px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  display: flex;
  position: relative;
}

.text-initials-6 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-3019 {
  padding-left: 8px;
}

.text-name-15 {
  color: #313131;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-655 {
  padding-top: 6px;
}

.sf-394 {
  color: #032944;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-394.tran-white {
  color: #ffffffb3;
}

.sf-394.blue-semi {
  color: #0078ce;
  font-weight: 600;
}

.div-block-3020 {
  flex: 1;
  padding-left: 10px;
}

.text-block-75 {
  color: #ffffffb3;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.client-profile-assigned-copy {
  background-image: url('../images/Clark-at-Window.png');
  background-position: 50%;
  background-size: contain;
  border-radius: 100px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  display: flex;
  position: relative;
}

.text-initials-6-copy {
  color: #fff;
  text-align: center;
  background-image: url('../images/fc.png');
  background-position: 10% 45%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sql-query-code-response {
  margin-top: 20px;
  margin-bottom: 10px;
}

.div-block-3021 {
  background-image: url('../images/Ellipsis-1.3s-200px.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
}

.div-block-3022 {
  height: 30px;
  margin-bottom: 20px;
}

.div-block-3023 {
  display: flex;
}

.button-3-copy {
  cursor: pointer;
  background-color: #4187f8;
  background-image: url('../images/lightning_3.png');
  background-position: 5px;
  background-repeat: no-repeat;
  background-size: auto 24px;
  border-radius: 4px;
  padding-left: 35px;
  font-size: 14px;
  line-height: 12px;
  position: static;
  inset: auto 5px 5px auto;
}

.button-3-copy:hover {
  background-color: #276ee0;
}

.button-3-copy:focus {
  border-width: 2px;
  border-color: #fff;
}

.chat-loading-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  display: flex;
}

.text-12-white-copy-copy {
  color: #ffffffc7;
  cursor: pointer;
  padding-bottom: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  line-height: 21px;
}

.text-12-white-copy-copy.label {
  color: #fffc;
}

.div-block-3024 {
  opacity: .7;
  background-image: url('../images/fc.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 36px;
  height: 40px;
  margin-bottom: 20px;
}

.div-block-3025 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-6fawe {
  color: #ffffffb3;
  text-align: left;
  font-size: 14px;
  line-height: 30px;
}

.text-block-6fawe.ellipsis {
  max-width: 500px;
}

.simple-cell-contents-copy {
  cursor: pointer;
  padding-top: 8px;
  display: flex;
  position: static;
}

.clear-chat-button {
  z-index: 100;
  opacity: .7;
  cursor: pointer;
  background-color: #3954a9;
  background-image: url('../images/clear.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px solid #7a96bb;
  border-radius: 4px;
  width: 26px;
  height: 26px;
  position: absolute;
  inset: 8px 8px auto auto;
}

.clear-chat-button:hover {
  opacity: 1;
}

.clear-chat-button.static {
  position: static;
}

.div-block-3026 {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 6px;
  padding-right: 6px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.mic-button {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/mic-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border: 1px solid #4187f8;
  border-radius: 4px;
  width: 42px;
  height: 32px;
  margin-right: 5px;
}

.mic-button:hover {
  opacity: 1;
  background-color: #276ee0;
  background-image: url('../images/mic.png');
}

.mic-button.hidden {
  display: block;
}

.text-block-6fawe-copy {
  color: #ffffffb3;
  text-align: left;
  font-size: 14px;
  line-height: 30px;
  text-decoration: underline;
}

.text-block-6fawe-copy.ellipsis {
  max-width: 500px;
}

.stop-recording-button {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/stop_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  width: 42px;
  height: 32px;
  margin-right: 5px;
}

.stop-recording-button:hover {
  opacity: 1;
}

.recording-timer-holder {
  z-index: 2;
  background-color: #111446;
  border-top: 1px solid #3a60d4;
  border-left: 1px solid #3a60d4;
  border-right: 1px solid #3a60d4;
  width: 100%;
  height: 100%;
  padding-top: 5px;
  padding-left: 15px;
  position: absolute;
  inset: 0 0% auto;
}

.icon-processing {
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 42px;
  height: 32px;
  margin-right: 5px;
}

.more-link {
  color: #111446;
  text-align: center;
  cursor: pointer;
  min-width: 60px;
  text-decoration: underline;
}

.table-row-3-copy {
  background-color: #163076;
  border-top: 1px solid #ffffff24;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  display: flex;
}

.filter-by-field-name {
  text-align: left;
  background-color: #111446;
  border: 1px solid #3a60d4;
  width: 300px;
  max-height: 26px;
  margin-bottom: auto;
  margin-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 19px;
  position: relative;
  top: 5px;
}

.filter-by-field-name.fewaf {
  color: #a7a7a7;
  width: 150px;
  height: 20px;
  font-size: 14px;
  line-height: 15px;
}

.filter-by-field-name.fewaf.segresrg {
  top: 8px;
}

.filter-by-field-name.fewaf.segresrg-copy {
  color: #fffc;
  background-color: #0000;
  border-style: solid;
  border-width: 0;
  width: 300px;
  top: auto;
}

.filter-by-field-name.fewaf.segresrg-copy:hover {
  border-width: 1px;
}

.filter-by-field-name.fewaf-copy {
  color: #a7a7a7;
  height: 20px;
  font-size: 16px;
  line-height: 22px;
}

.div-block-3027 {
  color: #bbb;
  background-color: #182766;
}

.div-block-3028 {
  margin-left: 20px;
}

.form-block-28 {
  margin-bottom: 5px;
}

.form-30 {
  height: 30px;
  padding-bottom: 6px;
}

.div-block-3029 {
  padding-left: 10px;
}

.order-display-holder {
  text-align: right;
  min-width: 30px;
}

.audio-recorder-button-holder {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.close-record-button {
  opacity: .76;
  cursor: pointer;
  border: 1px #ffffff8c;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  margin-right: 20px;
  padding-left: 3px;
}

.close-record-button:hover {
  opacity: 1;
  background-color: #143283;
}

.div-block-4300 {
  background-image: url('../images/Ellipsis-1.3s-200px.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
}

.div-block-4291 {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 6px;
  padding-right: 6px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-4293 {
  flex: 0 auto;
}

.text-block-445 {
  color: #ffffffb3;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.textarea-14 {
  color: #ffffffdb;
  resize: none;
  background-color: #111446;
  border: 1px solid #3a60d4;
  min-height: 100px;
  max-height: 200px;
  margin-bottom: 6px;
  font-family: Open Sans, sans-serif;
}

.textarea-14::placeholder {
  color: #ffffff80;
}

.div-block-4276 {
  display: flex;
}

.div-block-4316 {
  height: 30px;
  margin-bottom: 20px;
}

.div-block-4280 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-4332 {
  color: #ffffffb3;
}

.button-11 {
  cursor: pointer;
  background-color: #4187f8;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 4px;
  width: 42px;
  height: 32px;
}

.button-11:hover {
  background-color: #276ee0;
}

.button-11.disabled {
  opacity: .33;
  display: none;
}

.chat-response-7 {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background-color: #04021438;
  flex: 1;
  padding: 20px 14px;
  position: relative;
  overflow: hidden;
}

.div-block-4297 {
  flex: 1;
  padding-left: 10px;
}

.div-block-4333 {
  overflow: auto;
}

.form-46 {
  position: relative;
}

.text-initials-6-copy-3 {
  color: #fff;
  text-align: center;
  background-image: url('../images/fc.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-4271 {
  opacity: .7;
  background-image: url('../images/fc.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 36px;
  height: 40px;
  margin-bottom: 20px;
}

.div-block-4108 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.arrow2-5 {
  opacity: .86;
  background-image: url('../images/arrow_2arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  min-width: 18px;
  min-height: 18px;
  margin-right: 10px;
}

.arrow2-5.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  opacity: .5;
  cursor: pointer;
  align-self: flex-start;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-5.dark-copy {
  opacity: .5;
  filter: invert();
  cursor: pointer;
  align-self: flex-start;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-5.dark-copy.down {
  background-position: 50%;
  display: block;
  position: absolute;
  transform: rotate(90deg);
}

.arrow2-5.dark-copy.saving {
  opacity: 32;
  filter: none;
  background-image: url('../images/spinner2.gif');
  background-size: contain;
}

.arrow2-5.dark-copy.empty {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  min-width: 10px;
}

.arrow2-5.dark {
  opacity: .5;
  filter: invert();
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-5.dark {
  opacity: .5;
  filter: invert();
  cursor: pointer;
  align-self: flex-start;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-5.dark.saving {
  opacity: 32;
  filter: none;
  background-image: url('../images/spinner2.gif');
  background-size: contain;
}

.arrow2-5.dark.empty {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  min-width: 10px;
}

.arrow2-5.dark.down {
  background-position: 50%;
  display: block;
  position: absolute;
  transform: rotate(90deg);
}

.arrow2-5.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-5.dark.down {
  background-position: 50%;
  display: block;
  transform: rotate(90deg);
}

.arrow2-5.dark {
  opacity: .5;
  filter: invert();
  margin-right: 4px;
  transition: transform .4s;
  display: block;
}

.item-detail-wrapper-3 {
  background-color: #f5fbff;
  border-bottom: 1px solid #c3d1da;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 20px;
  transition: background-color .4s;
  display: block;
  position: relative;
}

.item-detail-wrapper-3.hidden {
  display: block;
}

.item-detail-wrapper-3.hide {
  background-color: #fafdff;
  display: block;
}

.item-detail-wrapper-3.clark {
  display: none;
}

.results-wrapper-7 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-7.tags, .results-wrapper-7.assign-copy {
  width: 100%;
  min-width: 300px;
}

.results-wrapper-7.blue {
  background-color: #08296e;
  width: 100%;
  min-width: 300px;
}

.results-wrapper-7.assign {
  width: auto;
  min-width: 0;
}

.side-nav {
  background-color: #0c3955;
  border: 2px solid #0c3955;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  width: 200px;
  min-width: 200px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.results-holder-12 {
  z-index: 3;
  width: 530px;
  display: block;
  position: relative;
  overflow: visible;
}

.results-holder-12.sm {
  width: auto;
  display: none;
}

.results-wrapper-8 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: none;
  position: relative;
}

.results-wrapper-8.sm {
  width: 100%;
  min-width: 300px;
  display: block;
}

.task-id {
  justify-content: flex-start;
  align-items: center;
  padding-top: 1px;
  padding-left: 4px;
  display: flex;
}

.activity-message-wrapper-b {
  max-width: 900px;
  margin-bottom: 10px;
  display: block;
  overflow: auto;
}

.image-327 {
  width: 16px;
}

.upload-doc-3 {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  width: 100%;
  max-width: 900px;
  padding: 10px 12px;
}

.autocomplete-icon {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon.remit.sm, .autocomplete-icon.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.action-item-button {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button:hover {
  background-color: #1b7897;
}

.action-item-button.blue {
  background-color: #0077b8;
}

.action-item-button.blue:hover {
  background-color: #02507a;
}

.action-item-button.start {
  background-color: #00a4fd;
}

.action-item-button.start:hover {
  background-color: #048dd8;
}

.action-item-button.not-started {
  background-color: #7c929b;
}

.action-item-button.not-started:hover {
  background-color: #627a83;
}

.action-item-button.completed {
  background-color: #1b7897;
}

.duration-wrapper-3 {
  justify-content: flex-end;
  align-items: center;
  width: 60px;
  min-width: 60px;
  display: flex;
}

.all-item-wrapper {
  height: 100%;
  min-height: 100px;
  max-height: 100%;
  overflow: hidden;
}

.edit-comment {
  z-index: 9;
  cursor: pointer;
  border: 1px solid #6dcbff00;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  min-height: 22px;
  display: flex;
  position: absolute;
  inset: 6px 6px auto auto;
}

.edit-comment:hover {
  opacity: 100;
  background-color: #a9d0ff;
  border: 1px solid #6dcbff;
}

.matched-145 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-145.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.edit-options-menu {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  width: 96px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: 24px 0 auto auto;
  box-shadow: 0 1px 9px 3px #00000017;
}

.edit-options-menu.hidden {
  display: block;
}

.text-13-4 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-4.light-grey {
  color: #818181;
}

.text-13-4.semi {
  font-weight: 600;
}

.text-13-4.grey {
  color: #494949;
}

.text-13-4.white, .text-13-4.white-copy {
  color: #ffffffe6;
}

.text-13-4.no-wrap {
  white-space: nowrap;
  word-break: normal;
}

.text-13-4.white {
  color: #ffffffe6;
}

.text-13-4.med-grey {
  color: gray;
}

.red-dot-2 {
  background-color: #ed4444;
  border-radius: 10px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  margin-right: 4px;
}

.progress-bar-holder-2 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.uploaded-file-list-holder-2 {
  padding-bottom: 5px;
}

.key-info-section {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 900px;
  min-height: 40px;
  margin-bottom: 20px;
  padding: 8px 8px 8px 12px;
}

.div-block-4106 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.search-input-wrapper-2 {
  width: 300px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  position: relative;
}

.search-input-wrapper-2.short {
  width: 130px;
  margin-right: 10px;
  padding-left: 10px;
}

.section-header-2 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.upload-item-row-3 {
  align-items: flex-end;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.autocomplete-search-wrapper-action {
  align-self: stretch;
  width: 500px;
  margin-top: 4px;
  margin-bottom: 20px;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-action.small2 {
  width: auto;
  max-width: 640px;
  margin-top: 4px;
  margin-bottom: 0;
  margin-left: 0;
}

.autocomplete-search-wrapper-action.search {
  flex: 1;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.autocomplete-search-wrapper-action.requester {
  width: 80%;
  max-width: 640px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.result-row-121 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-121:hover {
  background-color: #e4f2ff;
}

.result-row-121.selected {
  background-color: #d1e9ff;
}

.text-tooltip-4 {
  color: #000;
  font-size: 12px;
  line-height: 16px;
  display: inline;
}

.tag-content-21 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.tag-content-21.small {
  justify-content: space-between;
  align-items: center;
  min-height: 26px;
}

.tag-content-21.small._2 {
  justify-content: space-between;
  align-items: flex-start;
}

.edit-button-flex-inner {
  justify-content: flex-start;
  align-items: center;
  margin-left: 14px;
  display: flex;
}

.clear-all-button-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .8;
  text-align: center;
  border: 1px solid #ffffff57;
  border-radius: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 10px 10px 0;
  font-size: 17px;
  display: inline-block;
}

.clear-all-button-6:hover {
  opacity: .9;
  background-color: #00000054;
}

.clear-all-button-6.apply {
  cursor: pointer;
  background-color: #00000054;
}

.clear-all-button-6.apply:hover {
  background-color: #0000008c;
}

.add-item {
  cursor: pointer;
  background-color: #0077b869;
  border: 1px solid #ffffff45;
  border-radius: 2px;
  padding: 4px 8px;
  transition: background-color .4s;
}

.add-item:hover {
  background-color: #0077b8;
}

.add-item.big {
  background-color: #0077b8;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.add-item.big:hover {
  background-color: #066192;
}

.form-button-55 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.form-button-55:hover {
  background-color: #02507a;
}

.form-button-55.outline {
  background-color: #ffffff8f;
  border-color: #046cea;
  min-width: 40px;
  height: 38px;
  margin-left: 0;
  margin-right: 0;
  transition: background-color .3s;
}

.form-button-55.outline:hover {
  background-color: #d3e7ff;
}

.form-button-55.outline.delete-item {
  color: #046cea;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-color: #facdcd;
  min-width: 35px;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  display: none;
}

.form-button-55.outline.delete-item:hover {
  background-color: #facdcd;
}

.div-block-4109 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-4109.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.empty-state-action-item {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ffffff24;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px 400px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.div-block-4103 {
  position: relative;
}

.text-link {
  color: #046cea;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.text-link:hover {
  color: #1059b2;
  text-decoration: underline;
}

.text-link.xs-semi {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.text-link._13-semi {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.text-link._12 {
  font-size: 12px;
  font-weight: 400;
}

.text-link._13 {
  align-self: center;
  font-size: 13px;
  font-weight: 400;
}

.text-link._13-bold {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}

.image-330 {
  width: 16px;
}

.div-block-4107 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.action-items-outerwrapper {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  justify-content: flex-start;
  align-items: stretch;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.progress-name-bar-2 {
  width: 100%;
  padding-right: 0;
}

.text-12-2 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-2.light-grey {
  color: #818181;
}

.text-12-2.gray {
  padding-top: 2px;
  font-weight: 400;
  display: block;
}

.text-12-2.gray.hidden {
  display: block;
}

.text-12-2.blue {
  color: #add2fff0;
}

.form-block-20 {
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.empty-state-action-message {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
  position: relative;
}

.results-scroller-108 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 540px;
  min-width: 540px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-108.assign {
  width: 100%;
  min-width: 304px;
}

.chip-label-36 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-36.sm {
  font-size: 13px;
  line-height: 16px;
}

.upload-items-wrapper {
  max-height: 560px;
  padding-bottom: 16px;
  display: block;
  overflow: auto;
}

.upload-items-wrapper.hidden {
  width: 100%;
  display: block;
}

.label-wrapper-4 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 3px;
  display: flex;
}

.label-wrapper-4._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.edit-button {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #6dcbff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-right: 6px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .3s;
  display: none;
}

.edit-button:hover {
  background-color: #ddf3ff;
}

.cancel-save-button-holder-3 {
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.action-item-name-4 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100px;
  max-width: 890px;
  padding-top: 0;
  display: block;
}

.action-item-name-4.edit {
  width: 100%;
  max-width: 900px;
  padding-left: 16px;
  padding-right: 16px;
}

.action-item-name-4.owner {
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  min-width: 80px;
  margin-left: 0;
  padding-right: 0;
  display: flex;
}

.action-item-name-4.edit {
  width: 100%;
  max-width: 900px;
}

.tag-6 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-6.small {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-left: 8px;
}

.tag-6.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-6.multi.small {
  cursor: pointer;
  height: 28px;
  min-height: 28px;
}

.tag-6.multi.small:hover {
  background-color: #a9d6ff;
}

.tag-6.multi.reverse {
  background-color: #008ba0;
  border-style: none;
  border-color: #0c7c8d;
  height: 30px;
  min-height: 30px;
}

.menu-item-2 {
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  flex-flow: row;
  align-items: center;
  width: auto;
  min-width: 0;
  padding: 6px 4px 6px 10px;
  display: flex;
  position: static;
}

.menu-item-2:hover {
  background-color: #eff5fa;
}

.loading-items {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 20px 40px;
  position: relative;
}

.loading-items.popup {
  background-color: #fff;
}

.modal-top-bar-73 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.div-block-4105 {
  width: 100px;
  min-height: 38px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.text-10 {
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
}

.text-10.semi-white {
  color: #fff;
  text-align: center;
  font-weight: 600;
  line-height: 13px;
}

.text-10.semi {
  font-weight: 600;
}

.text-10.semi.red {
  color: #ed4444;
  text-align: center;
  font-weight: 700;
}

.activity-section {
  margin-bottom: 20px;
}

.keyword-search-input-5 {
  color: #000;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  padding-right: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  position: relative;
}

.keyword-search-input-5::placeholder {
  color: #667792;
}

.action-item-heading-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.action-item-heading-wrapper.view-all {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
}

.action-item-heading-wrapper._2 {
  max-width: 895px;
}

.text-20 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.text-20.white-tran {
  color: #ffffff9c;
}

.text-20.blue-tran {
  color: #add2fff0;
}

.edit-ac {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/edit_2edit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #429dff85;
  border-radius: 4px;
  min-width: 22px;
  min-height: 22px;
  position: absolute;
  inset: 8px 10px auto auto;
}

.edit-ac:hover {
  background-color: #429dff;
  background-image: url('../images/edit-white_1edit-white.png');
}

.upload-drag-drop-button {
  cursor: pointer;
  background-color: #f1faff;
  border: 1px dashed #96c5ff;
  border-radius: 4px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 20px;
  margin-top: 10px;
  padding: 25px;
  text-decoration: none;
}

.upload-drag-drop-button.sm-2 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
}

.item-column-wrapper {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding-left: 6px;
  display: flex;
  overflow: hidden;
}

.item-column-wrapper.my, .item-column-wrapper.resolved, .item-column-wrapper.search {
  display: flex;
}

.item-column-wrapper.single {
  display: block;
  overflow: auto;
}

.results-scroller-109 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-109.sm {
  min-width: 304px;
}

.loader-10 {
  background-color: #072046;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: auto;
  min-width: 100px;
  max-width: 220px;
  height: 160px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 14px 14px;
  display: block;
  position: absolute;
  inset: 40% 0% 0%;
  overflow: visible;
}

.autocomplete-input-3 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-3.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.autocomplete-input-3.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.search-input-action {
  width: 100%;
  margin-right: 20px;
  padding: 10px;
  display: inline-block;
  position: relative;
}

.cancel-upload-2 {
  background-color: #77777794;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 12px;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
}

.cancel-upload-2:hover {
  background-color: #858585;
}

.header-right-side {
  justify-content: flex-end;
  align-items: center;
  min-width: 30%;
  padding-top: 2px;
  display: flex;
}

.text-13 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13.semi, .text-13.semi.white {
  font-weight: 600;
}

.new-item-button-wrapper-2 {
  padding-top: 6px;
  display: block;
}

.new-item-button-wrapper-2.hidden {
  display: block;
}

.result-row-122 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-122:hover {
  background-color: #e4f2ff;
}

.result-row-122.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.wfwfwefw {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.wfwfwefw.semi {
  font-weight: 600;
  line-height: 20px;
}

.wfwfwefw.grey {
  color: #818181;
}

.wfwfwefw.item-name {
  overflow-wrap: anywhere;
  padding-top: 2px;
  font-weight: 600;
  line-height: 17px;
}

.wfwfwefw.white {
  color: #ffffffdb;
  cursor: move;
  cursor: move;
  cursor: move;
  font-weight: 400;
}

.wfwfwefw.item-name {
  overflow-wrap: anywhere;
  overflow-wrap: anywhere;
  font-weight: 600;
  line-height: 17px;
}

.wfwfwefw.white.no-wrap {
  cursor: pointer;
}

.wfwfwefw.item-name {
  overflow-wrap: anywhere;
  overflow-wrap: anywhere;
  font-weight: 600;
  line-height: 17px;
}

.wfwfwefw.white {
  color: #ffffffdb;
  cursor: move;
  font-weight: 400;
}

.wfwfwefw.item-name {
  overflow-wrap: anywhere;
  overflow-wrap: anywhere;
  font-weight: 600;
  line-height: 17px;
}

.detail-inner-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 16px;
}

.item-info-row {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
}

.item-info-row.flex {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.comment-wrapper {
  margin-top: 0;
  margin-bottom: 4px;
}

.comment-wrapper.log {
  margin-top: 0;
}

.clear-keyword-icon-4 {
  opacity: .4;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 4px 2px auto auto;
}

.clear-keyword-icon-4:hover {
  opacity: .6;
}

.clear-keyword-icon-4.hidden {
  background-repeat: no-repeat;
  background-size: 20px;
}

.results-holder-8 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.remove-sm {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-sm:hover {
  opacity: 1;
}

.remove-sm.print-view-hide {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.activity-message {
  background-color: #e6f1ff;
  margin-bottom: 5px;
  padding: 8px 14px 10px;
  position: relative;
}

.activity-message.resolution {
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  max-width: 900px;
  margin-top: 10px;
  margin-left: 24px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.remove-column {
  opacity: .6;
  cursor: pointer;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  margin-left: 10px;
}

.remove-column:hover {
  opacity: 1;
}

.remove-column.big {
  background-size: 16px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.acton-item {
  z-index: 7;
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
}

.delete-file-2 {
  background-color: #7777779e;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 12px;
  margin-right: 0;
  display: flex;
  position: absolute;
  inset: 4px 0% auto auto;
}

.delete-file-2:hover {
  background-color: #f66;
}

.icon-menu-option {
  width: 30px;
  padding-right: 9px;
}

.icon-menu-option.small {
  opacity: .7;
  opacity: .7;
  width: 14px;
  min-width: 14px;
  max-width: none;
  margin-right: 6px;
  padding-right: 0;
}

.icon-menu-option.small-copy {
  opacity: .7;
  width: 14px;
  min-width: 14px;
  max-width: none;
  margin-right: 6px;
  padding-right: 0;
}

.icon-menu-option.small {
  width: 14px;
  min-width: 14px;
  max-width: none;
  margin-right: 6px;
  padding-right: 0;
}

.post-button {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button:hover {
  background-color: #02507a;
}

.post-button.update {
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.post-button.save {
  min-width: 50px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.ac-default-label-39 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-39._14 {
  font-size: 14px;
  font-weight: 400;
  top: 0;
}

.ac-default-label-39._14.small {
  height: 28px;
  margin-left: 2px;
  padding-top: 4px;
}

.ac-default-label-39._13 {
  margin-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.status-tag-2 {
  text-align: center;
  background-color: #636363;
  border-radius: 2px;
  width: 70px;
  padding: 2px;
  display: block;
}

.status-tag-2.hidden {
  display: block;
}

.image-329 {
  width: 16px;
}

.task-button-bar-3 {
  z-index: 4;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  min-height: 20px;
  margin-left: 16px;
  margin-right: 10px;
  padding-top: 4px;
  display: flex;
}

.chip-address {
  font-size: 15px;
  font-weight: 400;
}

.chip-address.sm {
  font-size: 12px;
  line-height: 16px;
}

.address {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address.sm {
  font-size: 13px;
  line-height: 16px;
}

.button-label-3 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-3.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-3.xsm {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.button-label-3.xsm.blue {
  color: #0077b8;
  font-size: 13px;
  font-weight: 600;
}

.button-label-3.xs {
  color: #333;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.text-field-12 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-12::placeholder {
  color: #b4b4b4;
}

.action-item-header-3 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding-left: 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-3:hover {
  background-color: #f8ecc1;
}

.action-item-header-3.light-blue {
  background-color: #e0f3fc;
}

.action-item-header-3.light-blue:hover {
  background-color: #d1edfa;
}

.action-item-header-3.resolved {
  background-color: #dafde4;
}

.action-item-header-3.resolved:hover {
  background-color: #c6f1d2;
}

.action-item-header-3.editable {
  background-color: #fff0;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.action-item-header-3.flash {
  background-color: silver;
  transition-duration: .3s;
}

.action-item-header-3.red {
  background-color: #ffdce1;
}

.result-icon-4 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-4.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon-4.no-results.sm {
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.result-icon-4.loading-integrity {
  opacity: 1;
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-size: 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-bottom: 0;
}

.result-icon-4.loading-integrity.sm {
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.documents-section {
  margin-bottom: 20px;
}

.link-block-3 {
  background-color: #fff;
}

.delete-task-button {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button:hover {
  background-color: #ed4444;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
}

.div-block-4080-copy {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 2px;
  display: flex;
}

.div-block-4080-copy.hidden {
  display: none;
}

.unmatched-73 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-73.sm {
  font-size: 14px;
  line-height: 18px;
}

.image-328 {
  width: 16px;
}

.div-block-4102 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-4102.flex {
  display: flex;
}

.all-column-wrapper {
  width: 100%;
  padding-top: 6px;
  padding-bottom: 20px;
  padding-right: 6px;
  display: flex;
  overflow: auto;
}

.all-column-wrapper.unselectable {
  flex-flow: row;
  display: flex;
}

.side-nav-item {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.side-nav-item:hover {
  opacity: 100;
  background-color: #00000029;
}

.side-nav-item.mgmt {
  position: absolute;
  inset: auto 0% 25px;
}

.uploaded-file-5 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: block;
}

.uploaded-file-5.sm {
  background-color: #fff;
  border-radius: 4px;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 4px 6px 4px 0;
  display: block;
  position: relative;
}

.empty-state-wrapper-2 {
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: none;
}

.modal-progress-indicator-3 {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.loading-spinner {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 52px;
  min-width: 120px;
  min-height: 75px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-4110 {
  padding-top: 3px;
}

.chip-label-xs {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.ac-label-4 {
  display: flex;
}

.text-input-holder-3 {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  max-width: 900px;
  min-height: 40px;
}

.text-input-holder-3.short {
  max-width: 720px;
}

.textarea-15 {
  color: #000;
  border: 1px solid #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.textarea-15::placeholder {
  color: #979797;
}

.tooltip-6 {
  z-index: 996;
  background-color: #fffbd4;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.notes-section {
  padding-bottom: 20px;
  display: block;
}

.edit-delete-button-holder {
  display: block;
}

.reason-input-section-3 {
  z-index: 4;
  background-color: #fff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin: 5px 16px 16px;
  display: block;
}

.text-16-2 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.text-16-2.semi {
  border: 0 solid #000;
  font-weight: 600;
  line-height: 22px;
}

.text-16-2.semi.white.awefwaf {
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
}

.text-16-2.semi.darker {
  color: gray;
}

.remove-15 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-15:hover {
  opacity: 1;
}

.remove-15.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.image-331 {
  margin-left: 10px;
  margin-right: 4px;
  display: none;
}

.image-331-copy {
  margin-left: 10px;
  margin-right: 4px;
  display: block;
}

.div-block-4334 {
  transform-style: preserve-3d;
  background-image: url('../images/face.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  margin-top: 40px;
  transform: rotateX(0)rotateY(-180deg)rotateZ(23deg);
}

.delete-hover-layer {
  opacity: 0;
  transition: opacity .4s;
  position: absolute;
  inset: 0%;
}

.delete-hover-layer:hover {
  opacity: 100;
}

.delete-file-3 {
  cursor: pointer;
  background-color: #7777779e;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 12px;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
  position: absolute;
  inset: 4px 0% auto auto;
}

.delete-file-3:hover {
  background-color: #f66;
}

.image-332, .image-333 {
  width: 16px;
}

.duplicate-task-button {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button:hover {
  background-color: #cbdfff;
}

.image-331-copy-2 {
  filter: brightness(150%);
  margin-right: 4px;
  display: block;
}

.resolution-display-wrapper {
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  min-height: 40px;
  margin: 10px 16px 20px;
  padding: 10px;
  display: block;
  position: relative;
}

.label-wrapper-resolution {
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 6px;
}

.label-wrapper-resolution._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.edit-resolution-icon {
  opacity: .7;
  cursor: pointer;
  background-color: #a9d0ff96;
  background-image: url('../images/edit_2edit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
  position: absolute;
  inset: 4px 4px auto auto;
}

.edit-resolution-icon:hover {
  opacity: 100;
  background-color: #a9d0ff;
}

.edit-resolution-input-holder {
  z-index: 3;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  min-height: 40px;
  margin-top: 10px;
  position: relative;
}

.resolution-text {
  margin-top: 6px;
}

.form-block-28-copy {
  height: 100%;
  margin-bottom: 0;
}

.form-30-copy {
  height: 30px;
  padding-bottom: 0;
}

.div-block-4335 {
  flex: 1;
}

.claiming-action {
  filter: brightness(150%);
  margin-right: 4px;
  display: none;
}

.claiming-action.show {
  display: block;
}

.autocomplete-input-12 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-12.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.chip-label-37 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-37.sm {
  font-size: 13px;
  line-height: 16px;
}

.tag-content-24 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.tag-content-24.small {
  justify-content: space-between;
  align-items: center;
  min-height: 26px;
  padding-top: 0;
  padding-bottom: 0;
}

.tag-content-24.small {
  justify-content: space-between;
  align-items: center;
  min-height: 26px;
}

.tag-content-24.small._2 {
  justify-content: space-between;
  align-items: flex-start;
}

.tag-content-24.xs {
  height: 22px;
  min-height: 22px;
  padding-top: 0;
  padding-bottom: 0;
}

.tag-content-24.branch {
  justify-content: space-between;
  align-items: center;
  height: 20px;
  min-height: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.chip-address-2 {
  font-size: 15px;
  font-weight: 400;
}

.chip-address-2.sm {
  font-size: 12px;
  line-height: 16px;
}

.results-scroller-110 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-110.sm {
  width: auto;
  min-width: 300px;
}

.autocomplete-icon-2 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-2.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-2.remit.sm, .autocomplete-icon-2.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.address-2 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-2.sm {
  font-size: 13px;
  line-height: 16px;
}

.results-holder-13 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-13.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.results-wrapper-9 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-9.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.ac-default-label-40 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-40._13 {
  margin-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.result-icon-5 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-5.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon-5.no-results.sm {
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.result-icon-5.loading-integrity {
  opacity: 1;
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-size: 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-bottom: 0;
}

.result-icon-5.loading-integrity.sm {
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.result-row-123 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-123:hover {
  background-color: #e4f2ff;
}

.result-row-123.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.ac-label-5 {
  display: flex;
}

.matched-146 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-146.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.unmatched-74 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-74.sm {
  font-size: 14px;
  line-height: 18px;
}

.search-wrapper-8 {
  width: 100%;
  position: relative;
}

.chip-label-xs-2 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.chip-label-xs-2.white {
  color: #ffffffe6;
}

.remove-16 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-16:hover {
  opacity: 1;
}

.remove-16.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.tag-item-input-4 {
  clear: left;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 40px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.tag-item-input-4._2 {
  border-color: #dbdbdb;
  margin-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.result-icon-6 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-6.loading-integrity {
  opacity: 1;
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-size: 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-bottom: 0;
}

.result-icon-6.loading-integrity.sm {
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.result-icon-6.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon-6.no-results.sm {
  background-image: url('../images/search_1search.png');
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.result-icon-6.no-results-white {
  filter: invert();
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.result-icon-6.loading {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-size: 20px;
}

.result-icon-6.loading-copy {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-size: 22px;
}

.result-icon-6.user {
  background-color: #0000;
  background-image: url('../images/patient_1patient.png');
  background-size: 20px;
}

.result-icon-6.program {
  background-image: url('../images/programs_1programs.png');
  background-size: 22px;
}

.result-icon-6.tag {
  background-color: #0000;
  background-size: 20px;
}

.result-icon-6.tag.empty {
  width: 0;
  min-width: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.result-icon-6.empty {
  background-image: none;
  width: 2px;
  min-width: 0;
  margin-right: 4px;
}

.result-icon-6.calendly {
  background-image: url('../images/calendly-icon.png');
  background-position: 0%;
  background-size: 22px;
}

.result-icon-6.group {
  background-color: #0000;
  background-image: url('../images/group.png');
  background-size: 20px;
}

.result-icon-6.empty {
  background-image: none;
  width: 2px;
  min-width: 0;
}

.result-icon-6.audio {
  background-image: url('../images/audio_1audio.png');
  background-size: 18px;
}

.result-icon-6.img {
  background-image: url('../images/icon-img-dark_1icon-img-dark.png');
  background-size: 22px;
}

.result-icon-6.search {
  background-image: url('../images/search_1search.png');
  background-position: 0 0;
  background-size: cover;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.result-icon-6.vid {
  background-color: #0000;
  background-image: url('../images/icon-video_2icon-video.png');
  background-size: 20px;
}

.result-icon-6.loading {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon-6.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.loading-ac-tag-2 {
  border-radius: 6px;
  justify-content: space-between;
  min-width: 40px;
  min-height: 34px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 0 5px;
  display: inline-block;
}

.label-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 1px;
  padding-bottom: 3px;
  display: flex;
}

.label-wrapper._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.tags-section {
  max-width: 900px;
  margin-bottom: 20px;
}

.ac-default-label-4 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-4._13 {
  margin-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.matched-147 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-147.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.tag-icon-chjlopy-2 {
  opacity: .86;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
  font-size: 20px;
}

.unmatched-75 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-75.sm {
  font-size: 14px;
  line-height: 18px;
}

.result-row-124 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-124:hover {
  background-color: #e4f2ff;
}

.result-row-124.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.chip-label-white-sm-2-colhk-2 {
  color: #498fc2;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.results-holder-14 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-14.tags {
  display: none;
}

.text-14-97 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-97.semi {
  font-weight: 600;
  line-height: 20px;
}

.tag-content-28 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.ac-label-6 {
  display: flex;
}

.results-scroller-111 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 540px;
  min-width: 540px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-111.who {
  background-color: #1a50ad;
  border-color: #3a60d4;
  border-radius: 4px;
  width: 100%;
  min-width: 304px;
}

.results-scroller-111.assign, .results-scroller-111.assign-copy {
  width: 100%;
  min-width: 304px;
}

.results-scroller-111.assign {
  width: 100%;
  min-width: 300px;
}

.results-scroller-111.vs {
  border-color: #313131;
  border-radius: 0 0 4px 4px;
  width: 100%;
  min-width: 304px;
}

.results-scroller-111.branch {
  background-color: #fff0;
  border-color: #454545;
  width: 100%;
  min-width: 200px;
}

.div-block-4336 {
  background-image: url('../images/Ellipsis-1.3s-200px.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
}

.div-block-4337 {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 6px;
  padding-right: 6px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-4338 {
  flex: 0 auto;
}

.text-block-446 {
  color: #ffffffb3;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.textarea-16 {
  color: #ffffffdb;
  resize: none;
  background-color: #111446;
  border: 1px solid #3a60d4;
  min-height: 100px;
  max-height: 200px;
  margin-bottom: 6px;
  font-family: Open Sans, sans-serif;
}

.textarea-16::placeholder {
  color: #ffffff80;
}

.div-block-4339 {
  display: flex;
}

.div-block-4340 {
  height: 30px;
  margin-bottom: 20px;
}

.div-block-4341 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-4342 {
  color: #ffffffb3;
}

.button-12 {
  cursor: pointer;
  background-color: #4187f8;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 4px;
  width: 42px;
  height: 32px;
}

.button-12:hover {
  background-color: #276ee0;
}

.button-12.disabled {
  opacity: .33;
  display: none;
}

.chat-response-8 {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background-color: #04021438;
  flex: 1;
  padding: 20px 14px;
  position: relative;
  overflow: hidden;
}

.div-block-4343 {
  flex: 1;
  padding-left: 10px;
}

.div-block-4344 {
  overflow: auto;
}

.form-47 {
  position: relative;
}

.text-initials-6-copy-4 {
  color: #fff;
  text-align: center;
  background-image: url('../images/clark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-4345 {
  opacity: .7;
  background-image: url('../images/fc.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 36px;
  height: 40px;
  margin-bottom: 20px;
}

.title-input-element {
  color: #2e2e2e;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  width: 100%;
  min-height: 42px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.title-input-element::placeholder {
  color: #b4b4b4;
}

.text-area-div {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.text-area-div.read-only {
  background-color: #f1f1f1;
}

.div-block-4346 {
  align-self: center;
  display: flex;
}

.form-30wafwy {
  padding-bottom: 0;
}

.icon-search {
  opacity: .7;
  background-color: #fff0;
  background-image: url('../images/js-toolbar-search_1js-toolbar-search.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  min-width: 28px;
  min-height: 28px;
  margin-left: 6px;
}

.icon-search:hover {
  opacity: 1;
  background-color: #0077b869;
}

.ac-default-label-41 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-41._13 {
  height: 26px;
  margin-left: 2px;
  padding-top: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.matched-148 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-148.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.chip-label-xs-3 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.ac-label-7 {
  display: flex;
}

.ac-label-7.gsegreg {
  align-self: center;
}

.unmatched-76 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-76.sm {
  font-size: 14px;
  line-height: 18px;
}

.text-span-71 {
  font-weight: 400;
}

.autocomplete-input-13 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-13.owners {
  border-color: #dbdbdb;
  min-height: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.autocomplete-input-13.owners.awef {
  min-height: 30px;
}

.search-bar {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4px 10px 8px;
  display: flex;
  position: relative;
}

.link-5 {
  color: #42a6fd;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}

.link-5.light-blue {
  color: #97ceff;
}

.link-5.light-blue:hover {
  text-decoration: underline;
}

.results-holder-15 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.results-count-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  display: none;
}

.result-row-125 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-125:hover {
  background-color: #e4f2ff;
}

.result-row-125.selected {
  background-color: #d1e9ff;
}

.div-block-4348 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-reload {
  opacity: .7;
  background-image: url('../images/refresh_3refresh.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 4px;
  min-width: 26px;
  min-height: 26px;
  margin-left: 4px;
}

.icon-reload:hover {
  opacity: 1;
  background-color: #0077b869;
}

.image-492 {
  margin-right: 10px;
}

.text-span-72 {
  font-weight: 400;
}

.div-block-4350 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.button-ai-voice {
  color: #fff;
  cursor: pointer;
  background-color: #ff05bc;
  background-image: url('../images/ai-mike.png'), linear-gradient(41deg, #f504ac 28%, #5604c9 70%, #3604c7);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25px, auto;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: opacity .6s;
  display: flex;
}

.button-ai-voice:hover {
  opacity: 100;
  background-image: url('../images/ai-sparkles.png'), url('../images/ai-mike.png'), linear-gradient(333deg, #f504ac 23%, #5604c9 78%, #3604c7);
  background-position: 50%, 50%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 25px, 25px, auto;
}

.button-ai-voice.processing {
  background-image: url('../images/spinner2_1.gif'), none;
  background-position: 50%, 50%;
  background-repeat: no-repeat, repeat;
  background-size: 25px, auto;
}

.button-ai-voice.stop {
  background-image: url('../images/ai-stop.png'), url('../images/ai-mike.png'), none;
  background-position: 50%, 50%, 50%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 24px, auto, auto;
}

.button-ai-voice.stop:hover {
  background-image: url('../images/ai-stop2.png'), none;
}

.ai-recording-button-holder.hidden {
  display: block;
}

.move-up-button {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
}

.file-link {
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.image-334 {
  width: 16px;
  margin-right: 4px;
}

.text-span-73 {
  padding-left: 4px;
  font-weight: 400;
}

.chip-label-xs-6 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.icon-reload-all {
  opacity: .76;
  cursor: pointer;
  background-image: url('../images/refresh_3refresh.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 4px;
  min-width: 26px;
  max-width: 26px;
  min-height: 26px;
  max-height: 26px;
  margin-left: 6px;
  transition: background-color .4s, opacity .4s;
  position: static;
  inset: 4px 4px auto auto;
}

.icon-reload-all:hover {
  opacity: 1;
  background-color: #102e44;
}

.icon-reload-all.hidden {
  display: none;
  position: static;
}

.matched-159 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-159.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.image-338 {
  width: 16px;
  margin-right: 4px;
}

.chip-label-38 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-38.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-4683 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.form-block-21 {
  margin-bottom: 0;
}

.unmatched-85 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-85.sm {
  font-size: 14px;
  line-height: 18px;
}

.autocomplete-input-16 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-16.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.autocomplete-input-16.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.tag-icon-chjlopy-3 {
  opacity: .86;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
  font-size: 20px;
}

.div-block-4678 {
  padding: 5px;
}

.image-340 {
  width: 16px;
}

.results-holder-24 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-24.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.ac-default-label-42 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-42._13 {
  margin-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.unmatched-84 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-84.sm {
  font-size: 14px;
  line-height: 18px;
}

.image-331-copy-3 {
  filter: brightness(150%);
  margin-right: 4px;
  display: block;
}

.results-wrapper-17 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-17.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.label-wrapper-6 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 3px;
  display: flex;
}

.label-wrapper-6._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.div-block-4682 {
  padding-top: 3px;
}

.text-14-101 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-101.semi {
  font-weight: 600;
  line-height: 20px;
}

.text-field-17 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-17::placeholder {
  color: #b4b4b4;
}

.tag-content-35 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.matched-152 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-152.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.section-header-3 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.section-header-3.tall {
  height: 50px;
  min-height: 50px;
  padding-right: 10px;
}

.cancel-upload-3 {
  background-color: #77777794;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 12px;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
}

.cancel-upload-3:hover {
  background-color: #858585;
}

.image-341 {
  width: 16px;
}

.result-row-140 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-140:hover {
  background-color: #e4f2ff;
}

.result-row-140.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.text-span-74 {
  padding-left: 4px;
  font-weight: 400;
}

.search-wrapper-9 {
  width: 100%;
  position: relative;
}

.matched-158 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-158.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.results-scroller-118 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-118.sm {
  width: auto;
  min-width: 300px;
}

.div-block-4656 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-holder-21 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-21.tags {
  display: none;
}

.textarea-17 {
  color: #000;
  border: 1px solid #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.textarea-17::placeholder {
  color: #979797;
}

.div-block-4680 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.div-block-4679 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-4679.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.chip-label-xs-7 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.unmatched-86 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-86.sm {
  font-size: 14px;
  line-height: 18px;
}

.chip-label-white-sm-2-colhk-3 {
  color: #498fc2;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-4684 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.result-row-138 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-138:hover {
  background-color: #e4f2ff;
}

.result-row-138.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.div-block-4685 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-12-6 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-6.gray {
  padding-top: 2px;
  font-weight: 400;
  display: block;
}

.text-12-6.light-grey {
  color: #818181;
}

.modal-single-item {
  z-index: 999;
  background-color: #00000094;
  width: 100%;
  padding: 20px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.text-span-76 {
  font-weight: 400;
}

.div-block-4681 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-4681.flex {
  display: flex;
}

.result-row-139 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-139:hover {
  background-color: #e4f2ff;
}

.result-row-139.selected {
  background-color: #d1e9ff;
}

.div-block-4657 {
  flex: 1;
}

.div-block-4686 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.single-item-wrapper {
  border: 1px solid #ffffff96;
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: auto;
}

.single-item-wrapper.my, .single-item-wrapper.resolved, .single-item-wrapper.search {
  display: flex;
}

.single-item-wrapper.single {
  display: block;
  overflow: auto;
}

.view-button {
  cursor: pointer;
  background-color: #0077b869;
  border: 1px solid #ffffff45;
  border-radius: 2px;
  padding: 8px 12px;
  transition: background-color .4s;
}

.view-button:hover {
  background-color: #0077b8;
}

.view-button.big {
  background-color: #0077b8;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.view-button.big:hover {
  background-color: #066192;
}

.div-block-4687 {
  align-self: center;
  display: flex;
}

.div-block-4688 {
  display: flex;
}

.clear-chat-button-2-copy-copy {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .7;
  text-align: left;
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/close_2close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  background-clip: border-box;
  border: 1px #7a96bb;
  border-radius: 4px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: auto;
}

.clear-chat-button-2-copy-copy:hover {
  opacity: 1;
}

.side-nav-bar {
  z-index: 4;
  background-color: #0000000f;
  justify-content: flex-end;
  align-items: flex-start;
  width: 46px;
  height: 100vh;
  padding: 50px 5px 40px;
  display: block;
  position: relative;
  overflow: auto;
}

.question-2 {
  color: #ffffffad;
  text-align: center;
  background-color: #152981;
  border: 1px solid #3164ff;
  border-radius: 50px;
  min-width: 50px;
  height: 48px;
  margin-bottom: 8px;
  margin-left: 4px;
  margin-right: 4px;
  padding-top: 13px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  transition: background-color .4s;
  display: inline-block;
}

.question-2:hover {
  background-color: #243daa;
}

.user-ac-wrapper {
  margin-top: 8px;
  position: relative;
}

.div-block-4719 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-avatar {
  background-color: #fff;
  background-image: url('../images/robot_1robot.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 32px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin-top: 10px;
  position: absolute;
}

.message-input-section-3 {
  z-index: 9;
  background-color: #111446;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  min-width: 700px;
  max-width: 700px;
  min-height: 100px;
  padding: 20px 20px 30px;
  display: flex;
  position: fixed;
  inset: auto auto 0;
}

.message-text-2 {
  overflow-wrap: break-word;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 25px;
  display: block;
}

.message-text-2.white {
  color: #ffffffcf;
}

.message-text-2.gray {
  color: #a5a5a5;
  max-height: 200px;
  margin-right: 0;
  padding-right: 0;
}

.message-bubble-3 {
  text-align: left;
  background-color: #d5e2ff;
  border-radius: 12px;
  min-width: 50px;
  max-width: 80%;
  min-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 14px;
}

.message-bubble-3.bot {
  overflow-wrap: anywhere;
  background-color: #f5f5f500;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.message-bubble-3.bot-copy {
  overflow-wrap: anywhere;
  background-color: #f5f5f500;
  margin-top: 0;
  margin-bottom: 0;
}

.chat-loading-copy-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.tag-content-87 {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.fc-icon-7 {
  z-index: 999;
  opacity: 1;
  cursor: pointer;
  background-color: #3954a900;
  background-image: url('../images/fc.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-left: 6px;
  margin-right: 6px;
  transition: all .3s;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.fc-icon-7:hover {
  background-color: #172766;
  background-image: url('../images/nav.png');
  background-size: 20px;
}

.div-block-4718 {
  opacity: .61;
  background-image: url('../images/recurring.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  width: 12px;
  height: 12px;
  margin-left: 6px;
}

.tab-view-holder {
  border: 1px solid #ffffff45;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-bottom: 14px;
  display: flex;
}

.mic-button-6 {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/mic-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 24px;
  border: 1px solid #4187f8;
  border-radius: 40px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 5px;
  display: block;
  position: absolute;
  bottom: 43px;
  right: 80px;
}

.mic-button-6:hover {
  opacity: 1;
  background-color: #276ee0;
  background-image: url('../images/mic.png');
}

.chat-main-wrapper {
  z-index: 1;
  clear: none;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: visible;
}

.chat-main-wrapper._2 {
  background-color: #193680;
}

.text-14-102 {
  text-align: left;
  font-family: Open Sans, sans-serif;
}

.text-14-102.white {
  color: #ffffffb8;
}

.div-block-4715 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.icon-processing-11 {
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 42px;
  height: 32px;
  margin-right: 5px;
  position: absolute;
  bottom: 50px;
  right: 80px;
}

.icon-processing-11.hidden {
  position: absolute;
  bottom: 43px;
  right: 80px;
}

.remove-329 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  position: relative;
}

.remove-329:hover {
  opacity: 1;
}

.message-input-box {
  width: 100%;
  min-width: auto;
  max-width: 760px;
  height: 46px;
  max-height: 200px;
  margin-right: 100px;
  padding-top: 9px;
  padding-right: 0;
  overflow: auto;
}

.side-bar-title {
  margin-bottom: 0;
  padding-bottom: 10px;
}

.autocomplete-input-375 {
  float: none;
  clear: none;
  color: #333;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 4px 6px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.message-holder-4 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.message-holder-4.bot {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
  position: relative;
}

.prompt-input {
  float: none;
  clear: none;
  color: #ffffffb8;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 4px 6px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.div-block-4716 {
  padding-top: 20px;
  padding-bottom: 120px;
  display: block;
  overflow: visible;
}

.bubble-holder {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.bubble-holder.bot {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-left: 40px;
  display: flex;
}

.criteria-section {
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.criteria-section.center {
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.custom-dropdown {
  cursor: pointer;
  background-color: #6ca4ff33;
  border: 1px solid #ffffff2e;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 6px 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.custom-dropdown:hover {
  background-color: #6ca4ff3b;
}

.hover-layer {
  opacity: 0;
  justify-content: flex-start;
  align-items: flex-start;
  transition: opacity .4s;
  display: block;
  position: absolute;
  inset: 0%;
}

.hover-layer:hover {
  opacity: 1;
}

.chat-convo-holder-3 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  min-width: 800px;
  max-width: 800px;
  height: 100%;
  padding: 0;
  display: block;
  overflow: visible;
}

.chip-label-205 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.session-wrapper {
  border-bottom: 1px solid #ffffff3d;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.div-block-4714 {
  background-image: url('../images/Ellipsis-1.3s-200px.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
  margin-top: auto;
  margin-left: 40px;
  padding-left: 0;
}

.button-3-copy-2 {
  cursor: pointer;
  background-color: #4187f8;
  background-image: url('../images/lightning_3.png');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto 24px;
  border: 1px solid #ffffff4a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 180px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 12px;
  display: flex;
  position: static;
  inset: auto 5px 5px auto;
}

.button-3-copy-2:hover {
  background-color: #276ee0;
}

.button-3-copy-2:focus {
  border-width: 2px;
  border-color: #fff;
}

.side-icon {
  background-image: url('../images/panel1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 36px;
  height: 36px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.side-icon:hover {
  background-color: #172766;
}

.side-icon.prompt {
  background-image: url('../images/prompt.png');
}

.message-bubble-dark {
  text-align: left;
  background-color: #0b3ba3;
  border-radius: 12px;
  min-width: 50px;
  max-width: 80%;
  min-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 14px;
}

.icon-menu-2 {
  cursor: pointer;
  background-image: url('../images/dots_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 22px;
  width: 22px;
  height: 22px;
  position: absolute;
  inset: 5px 5px auto auto;
}

.icon-menu-2:hover {
  opacity: 1;
  background-color: #132f6b;
}

.button-send-msg-2 {
  cursor: pointer;
  background-color: #4187f8;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border-radius: 36px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  position: absolute;
  inset: auto 40px 43px auto;
}

.button-send-msg-2:hover {
  background-color: #276ee0;
}

.button-send-msg-2.disabled {
  opacity: .4;
  display: none;
}

.tab-button {
  opacity: .82;
  background-color: #ffffff1a;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 32px;
  display: flex;
}

.tab-button:hover {
  opacity: 100;
  background-color: #00000005;
}

.tab-button.selected {
  opacity: 100;
  background-color: #0000004a;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
}

.text-12-7 {
  color: #ffffff9c;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.text-12-7.white {
  color: #ffffffe6;
}

.text-12-7.date {
  color: #add2fff0;
  padding-top: 5px;
  padding-bottom: 2px;
}

.prompt-panel {
  z-index: 4;
  background-color: #0000002e;
  border-left: 1px solid #ffffff1f;
  border-right: 1px solid #ffffff1f;
  justify-content: flex-end;
  align-items: flex-start;
  width: 440px;
  height: 100vh;
  padding: 50px 10px 40px;
  position: relative;
}

.chat-name {
  cursor: pointer;
  border-radius: 6px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 6px 10px;
  transition: background-color .4s;
  position: relative;
}

.chat-name:hover {
  background-color: #6ca4ff3b;
}

.chat-name.selected {
  background-color: #1a50ad;
}

.preset-wrapper {
  text-align: center;
  width: 60%;
  min-width: 800px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: relative;
  inset: auto 0% 37%;
}

.stop-recording-button-5 {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/stop_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 5px;
  display: block;
  position: absolute;
  bottom: 43px;
  right: 80px;
}

.stop-recording-button-5:hover {
  opacity: 1;
}

.text-input-17 {
  background-color: #f0f2f5;
  border-radius: 32px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 35px;
  max-height: 300px;
  padding: 10px 12px 10px 30px;
  display: flex;
}

.time-counter-labe {
  color: #5c5c5c;
  margin-right: 5px;
  padding-top: 9px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 22px;
  display: block;
  position: absolute;
  bottom: 50px;
  right: 120px;
}

.tag-13 {
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  padding: 5px 5px 5px 6px;
  display: flex;
}

.tag-13.multi {
  opacity: .92;
  background-color: #1a50ad;
  border: 1px solid #6ca4ffd6;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  display: inline-block;
  position: relative;
}

.tag-13.multi:hover {
  filter: saturate(200%);
}

.clear-chat-button-2-copy-copy-2 {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .7;
  text-align: left;
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/close_2close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  background-clip: border-box;
  border: 1px #7a96bb;
  border-radius: 4px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  margin: 0;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: auto;
}

.clear-chat-button-2-copy-copy-2:hover {
  opacity: 1;
}

.chat-list {
  z-index: 4;
  background-color: #0000002e;
  border-left: 1px solid #ffffff1f;
  border-right: 1px solid #ffffff1f;
  justify-content: flex-end;
  align-items: flex-start;
  width: 280px;
  height: 100vh;
  padding: 50px 10px 40px;
  position: relative;
}

.image-356 {
  opacity: .64;
}

.chat-section-2 {
  z-index: 1;
  border-right: 1px solid #bfd3e2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  min-height: 200px;
  padding-top: 40px;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.chat-section-2._2 {
  background-color: #132055;
  border-right-style: none;
  padding-left: 20px;
  padding-right: 20px;
}

.chat-section-2._2-copy {
  background-color: #0c1f36;
  border-right-style: none;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  max-height: 100vh;
  padding-top: 0;
  display: flex;
}

.side-nav-bar-2 {
  z-index: 4;
  background-color: #111446;
  justify-content: flex-end;
  align-items: flex-start;
  width: 46px;
  height: 100vh;
  padding: 50px 5px 40px;
  display: block;
  position: relative;
  overflow: auto;
}

.mic-button-7 {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/mic-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border: 1px solid #4187f8;
  border-radius: 32px;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.mic-button-7:hover {
  opacity: 1;
  background-color: #276ee0;
  background-image: url('../images/mic.png');
}

.mic-button-7.s {
  background-size: auto 18px;
  width: 32px;
  height: 32px;
}

.text-15-light-blue {
  color: #dbebff;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.text-13-5 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-5.semi {
  font-weight: 600;
}

.text-13-5.semi.blue {
  color: #add2fff0;
  padding-left: 4px;
}

.modal-container-3 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  display: block;
  position: fixed;
}

.message-bubble-dark-2 {
  text-align: left;
  background-color: #123b94;
  border-radius: 12px;
  min-width: 50px;
  max-width: 80%;
  min-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 14px;
}

.prompt-panel-2 {
  z-index: 10;
  background-color: #152b69;
  border-left: 1px solid #ffffff1f;
  border-right: 2px solid #639fff52;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  padding: 25px 15px 40px;
  display: block;
  position: relative;
  overflow: auto;
}

.ac-default-label-43 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-43._13 {
  color: #70a2ff;
  margin-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.side-bar-title-2 {
  border-bottom: 1px solid #3a60d4;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 12px;
  display: flex;
}

.selector-icon {
  opacity: .78;
  cursor: pointer;
  background-color: #1a50ad;
  background-image: url('../images/arrow-dd.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border: 1px solid #6ca4ffd6;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  margin-top: 8px;
  transition: background-color .3s;
  position: relative;
}

.selector-icon:hover {
  opacity: 1;
  background-color: #1a50ad;
}

.ac-default-label-builder-2 {
  color: #add2fff0;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.button-13 {
  cursor: pointer;
  background-color: #276ee0;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 40px;
  width: 40px;
  height: 40px;
}

.button-13:hover {
  background-color: #004df9;
}

.button-13.disabled {
  opacity: .33;
  display: none;
}

.button-13.disabled.hidden {
  display: none;
}

.button-13.s {
  width: 32px;
  height: 32px;
}

.save-prompt-modal-content {
  z-index: 3;
  background-color: #152b69;
  border: 1px solid #668cfd;
  border-radius: 8px;
  width: 520px;
  margin-left: auto;
  margin-right: auto;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
  box-shadow: -4px 4px 20px #0000004d;
}

.tab-button-2 {
  opacity: .82;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 28px;
  display: flex;
}

.tab-button-2:hover {
  opacity: 100;
  background-color: #00000005;
}

.tab-button-2.selected {
  opacity: 100;
  background-color: #1a50ad;
}

.prompt-option-scroller {
  max-height: 460px;
  overflow: auto;
}

.remove-330 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-330:hover {
  opacity: 1;
}

.icon-processing-12 {
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 42px;
  height: 32px;
  margin-right: 5px;
  position: absolute;
  bottom: 13px;
  right: 90px;
}

.icon-processing-12.hidden {
  position: absolute;
}

.icon-processing-12.b {
  bottom: 6px;
  right: 139px;
}

.delete-prompt-button {
  opacity: .47;
  cursor: pointer;
  background-color: #34509700;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 26px;
  width: 26px;
  height: 26px;
  margin-right: auto;
  transition: background-color .3s;
}

.delete-prompt-button:hover {
  opacity: .88;
  background-color: #ed4444;
  border-color: #ff9393;
}

.multi-select-results-holder-2 {
  border-radius: 8px;
  display: block;
  position: relative;
}

.session-wrapper-2 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.filter-autocomplete-prompts {
  text-align: left;
  border-bottom: 1px solid #87ceff40;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.text-18-white {
  color: #fffc;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.chip-label-206 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-206.small {
  font-size: 13px;
  line-height: 16px;
}

.modal-title-bar {
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 10px 25px;
  display: flex;
}

.chat-list-2 {
  z-index: 4;
  background-color: #152b69;
  border-right: 2px solid #639fff52;
  justify-content: flex-end;
  align-items: flex-start;
  width: 280px;
  height: 100vh;
  padding: 25px 10px 40px;
  position: relative;
  overflow: auto;
}

.preset-option {
  cursor: pointer;
  background-color: #0000;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 14px;
  display: flex;
}

.preset-option:hover {
  background-color: #01094657;
}

.tag-content-88 {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.modal-button-bar {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 10px 25px 20px 20px;
  display: flex;
}

.form-block-199 {
  margin-bottom: 0;
}

.close-modal-button {
  opacity: .74;
  cursor: pointer;
  min-width: 28px;
  min-height: 28px;
  padding: 4px;
}

.close-modal-button:hover {
  opacity: 100;
}

.tag-14 {
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  padding: 5px 5px 5px 6px;
  display: flex;
}

.tag-14.compact {
  background-color: #0f6da3;
  border: 1px #ffffff7a;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 0 3px 0 4px;
  display: none;
  position: relative;
}

.tag-14.multi {
  opacity: .92;
  background-color: #cddaf8;
  border: 2px solid #394a62;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  display: inline-block;
  position: relative;
}

.tag-14.multi:hover {
  filter: saturate(200%);
}

.tag-14.multi.table {
  background-color: #8fcbff;
}

.tag-14.multi.field {
  opacity: 1;
  background-color: #00528ca3;
  border-style: none;
  max-width: 100%;
}

.tag-14.multi.field:hover {
  filter: none;
  background-color: #00528ccc;
}

.tag-14.clear {
  color: #fff;
  background-color: #0000;
  border: 2px solid #0000;
  width: auto;
  height: 30px;
  min-height: 30px;
  margin-top: 2px;
  margin-bottom: 4px;
  padding: 0 0 0 5px;
  transition: all .3s;
  display: inline-block;
  position: relative;
}

.tag-14.clear:hover {
  background-color: #698dda;
}

.tag-14.clear.blue {
  padding-right: 3px;
}

.tag-14.clear.blue:hover, .tag-14.clear.blue.hovered {
  background-color: #2196f3;
}

.tag-14.clear.blue.hovered:hover {
  background-color: #2196f3b3;
}

.tag-14.clear.orange {
  margin-top: 2px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 3px;
}

.tag-14.clear.orange:hover {
  background-color: #e59102;
}

.tag-14.clear.orange.expr {
  padding-left: 20px;
}

.tag-14.clear.orange.hovered {
  background-color: #e59102;
  padding-left: 2px;
  padding-right: 5px;
}

.tag-14.clear.orange.hovered:hover {
  background-color: #ffa000b3;
}

.tag-14.clear.green {
  padding-left: 0;
}

.tag-14.clear.green:hover {
  background-color: #12b7c06e;
}

.tag-14.clear.green.selected {
  background-color: #12b7c0;
}

.tag-14.clear.green.selected:hover {
  background-color: #12b7c0b3;
}

.tag-14.clear.pink {
  padding-left: 0;
  padding-right: 3px;
}

.tag-14.clear.pink:hover, .tag-14.clear.pink.hovered {
  background-color: #f06292;
}

.tag-14.clear.pink.hovered:hover {
  background-color: #f06292b3;
}

.tag-14.clear.show-hover {
  background-color: #698dda;
}

.tag-14.clear.hovered {
  opacity: 1;
  background-color: #698dda;
  margin-right: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.tag-14.clear.hovered:hover {
  background-color: #698ddab3;
}

.tag-14.clear.selected {
  border-style: dotted;
  border-color: #fff;
}

.tag-14.dark {
  opacity: .92;
  background-color: #1a50ad;
  border: 1px solid #6ca4ffd6;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  display: inline-block;
  position: relative;
}

.tag-14.dark:hover {
  filter: saturate(200%);
}

.search-wrapper-10 {
  width: 100%;
  position: relative;
}

.modal-save-section {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 10px 25px 5px;
  display: block;
}

.tag-content-89 {
  justify-content: space-around;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.modal-options-wrapper {
  z-index: 3;
  background-color: #093785;
  border: 1px solid #6ca4ff33;
  border-radius: 6px;
  min-width: 340px;
  max-width: 340px;
  display: block;
  position: absolute;
  inset: 110px auto auto 456px;
  overflow: visible;
  box-shadow: -6px 4px 20px 5px #0000004d;
}

.text-block-381 {
  color: #70a2ff;
  padding-top: 5px;
  padding-right: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.text-block-381.s {
  font-size: 13px;
}

.chat-convo-holder-4 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0 0 40px;
  display: block;
  overflow: visible;
}

.text-14-103 {
  text-align: left;
  font-family: Open Sans, sans-serif;
}

.text-14-103.white {
  color: #ffffffc2;
}

.div-block-4720 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.remove-331 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  position: relative;
}

.remove-331:hover {
  opacity: 1;
}

.form-48 {
  position: relative;
}

.message-holder-6 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  padding-bottom: 0;
  padding-left: 10px;
  display: block;
}

.message-holder-6.bot {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
  position: relative;
}

.chat-form-wrapper-3 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
}

.div-block-4721 {
  width: 90%;
  max-width: 720px;
  padding-top: 20px;
  padding-bottom: 120px;
  display: block;
  overflow: visible;
}

.div-block-4998 {
  padding-top: 13px;
}

.result-row-569 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-569:hover {
  background-color: #0b095e5e;
}

.result-row-569.selected {
  background-color: #100f1d;
}

.autoclear-button {
  opacity: .8;
  color: #f6faff;
  cursor: pointer;
  background-color: #0050d1;
  background-image: url('../images/clear.png');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px #4187f8;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  height: 24px;
  margin-right: 5px;
  padding: 2px 10px 2px 24px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.autoclear-button:hover {
  opacity: 1;
  background-color: #276ee0;
}

.autoclear-button.off {
  opacity: .5;
  background-color: #0050d145;
}

.text-field-24 {
  color: #ffffffdb;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  font-family: Open Sans, sans-serif;
}

.chip-label-207 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.message-input-box-2 {
  width: 100%;
  height: 46px;
  max-height: 200px;
  margin-right: 100px;
  padding-top: 9px;
  padding-right: 0;
  overflow: auto;
}

.modal-prompt-selector {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0%;
}

.tab-view-holder-2 {
  border: 1px solid #ffffff45;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-bottom: 14px;
  display: none;
}

.message-input-section-4 {
  z-index: 9;
  background-color: #132055;
  justify-content: center;
  align-items: flex-start;
  min-width: 48%;
  max-width: 775px;
  min-height: 100px;
  padding: 20px 20px 30px;
  display: flex;
  position: fixed;
  inset: auto auto 0;
}

.results-holder-25 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.side-icon-2 {
  opacity: .8;
  background-color: #276ee000;
  background-image: url('../images/panel1_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  margin-top: 5px;
  margin-bottom: 10px;
  transition: background-color .3s;
}

.side-icon-2:hover {
  opacity: 100;
  background-color: #1a50adb5;
}

.side-icon-2.prompt {
  background-image: url('../images/prompt_1.png');
}

.textarea-18 {
  color: #ffffffb3;
  resize: none;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 6px;
  min-height: 110px;
  margin-top: 8px;
  padding: 10px 10px 50px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  overflow: visible;
}

.textarea-18::placeholder {
  color: #ffffff80;
}

.stop-recording-button-6 {
  opacity: .8;
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/stop_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.stop-recording-button-6:hover {
  opacity: 1;
}

.stop-recording-button-6.s {
  width: 32px;
  height: 32px;
}

.prompt-name-holder {
  cursor: pointer;
  background-color: #fff0;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.text-12-8 {
  color: #ffffff9c;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.text-12-8.white {
  color: #ffffffe6;
}

.text-12-8.date {
  color: #add2fff0;
  padding-top: 5px;
  padding-bottom: 2px;
}

.modal-save-prompt {
  z-index: 998;
  background-color: #0000007a;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.menu-item-4 {
  opacity: .77;
  background-color: #eff5fa00;
  flex-flow: row;
  align-items: center;
  width: auto;
  min-width: 0;
  padding: 8px 4px 8px 10px;
  display: flex;
  position: static;
}

.menu-item-4:hover {
  opacity: 100;
}

.autocomplete-input-376 {
  float: none;
  clear: none;
  color: #add2fff0;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 4px 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.div-block-3780 {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.div-block-3780.sm {
  justify-content: flex-end;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 6px;
}

.button-14 {
  cursor: pointer;
  background-color: #276ee0;
  border: 1px solid #6ca4ffd6;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 70px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px 12px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 12px;
  display: flex;
  position: static;
  inset: auto 5px 5px auto;
}

.button-14:hover {
  background-color: #004df9;
}

.button-14:focus {
  border-width: 2px;
  border-color: #fff;
}

.button-14.b {
  opacity: .8;
  background-color: #276ee000;
}

.button-14.b:hover {
  opacity: 100;
  background-color: #276ee05c;
}

.button-14.sm {
  border-radius: 2px;
  min-width: 60px;
  padding: 6px 10px;
  font-size: 12px;
}

.message-text-3 {
  overflow-wrap: break-word;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 25px;
  display: block;
}

.message-text-3.white {
  color: #ffffffa6;
}

.edit-options-menu-3 {
  z-index: 6;
  background-color: #111446;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  width: 96px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: 24px 0 auto auto;
  box-shadow: 0 1px 9px 3px #00000017;
}

.unmatched-87 {
  color: #000000db;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.unmatched-87.white {
  color: #ffffffc2;
}

.hover-layer-2 {
  opacity: 0;
  justify-content: flex-start;
  align-items: flex-start;
  transition: opacity .4s;
  position: absolute;
  inset: 0%;
}

.hover-layer-2:hover {
  opacity: 1;
}

.chat-loading-copy-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80%;
  padding-top: 40px;
  display: flex;
}

.matched-173 {
  color: #ffffffb0;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.criteria-section-2 {
  margin-top: 10px;
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 8px;
}

.criteria-section-2.prompt {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.criteria-section-2.button-holder {
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  padding-left: 5px;
  display: flex;
  position: relative;
  bottom: 10px;
}

.criteria-section-2.awefwf {
  position: relative;
}

.checkbox-14 {
  color: #ffffffb3;
  text-align: center;
  background-color: #ffffff0f;
  border: 1px solid #2196f3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-14:hover {
  background-color: #54a7ff54;
}

.checkbox-14.checked {
  background-color: #205dc5;
  background-image: url('../images/check_4check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.field-label-4 {
  color: #add2fff0;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.text-input-18 {
  color: #ffffffdb;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 6px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 770px;
  min-height: 110px;
  max-height: 300px;
  padding: 6px 16px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  display: flex;
  position: relative;
}

.ac-site-builder-3 {
  clear: left;
  background-color: #111446;
  border-radius: 4px;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 4px;
  display: flex;
  overflow: hidden;
}

.chat-avatar-2 {
  background-color: #0a1c6b;
  background-image: url('../images/fc.png'), linear-gradient(324deg, #0270e6, #08194c 48%, #36f);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 24px, auto;
  border: 1px solid #157ad8;
  border-radius: 32px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin-top: 10px;
  position: absolute;
}

.remove-prompt {
  opacity: .76;
  cursor: pointer;
  background-color: #34509700;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: 8px;
  transition: background-color .3s;
}

.remove-prompt:hover {
  opacity: 1;
  background-color: #1a50ad;
}

.menu-item-5 {
  background-color: #eff5fa00;
  flex-flow: row;
  align-items: center;
  width: auto;
  min-width: 0;
  padding: 6px 4px 6px 10px;
  display: flex;
  position: static;
}

.text-12-9 {
  color: #ffffff9c;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.text-12-9.white {
  color: #ffffffe6;
}

.expanded-date-range {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 6px 4px;
  display: flex;
}

.date-range-2 {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.nz-13-22 {
  color: #dbebff;
  text-transform: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.date-input-15 {
  color: #c9c6c6b3;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 2px;
  justify-content: flex-end;
  align-items: center;
  width: 130px;
  height: 36px;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.button-execute-7 {
  color: #fff;
  cursor: pointer;
  background-color: #276ee0;
  border: 1px solid #6ca4ffd6;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 36px;
  margin-left: 4px;
  padding: 8px 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.button-execute-7:hover {
  background-color: #004df9;
}

.text-12-copy {
  color: #ffffff9c;
  letter-spacing: 0;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.text-12-copy.blue-copy {
  color: #add2fff0;
}

.criteria-section-input {
  margin-top: 10px;
  margin-bottom: 0;
  padding-top: 4px;
}

.criteria-section-input.prompt {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.criteria-section-input.button-holder {
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  padding-left: 5px;
  display: flex;
  position: relative;
  bottom: 10px;
}

.div-block-4999 {
  position: relative;
}

.question-3 {
  color: #ffffffc7;
  text-align: center;
  cursor: pointer;
  background-color: #152981;
  border: 1px solid #3164ff;
  border-radius: 50px;
  min-width: 50px;
  height: 48px;
  margin-bottom: 8px;
  margin-left: 4px;
  margin-right: 4px;
  padding-top: 13px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 15px;
  transition: background-color .4s;
  display: inline-block;
}

.question-3:hover {
  background-color: #243daa;
}

.query-item-copy-11 {
  cursor: pointer;
  background-color: #111446;
  width: 100%;
  padding: 100px 6px 100px 10px;
  position: relative;
  overflow: hidden;
}

.query-item-copy-11:hover {
  background-color: #111446c4;
}

.audio-recorder-button-holder-2 {
  display: none;
}

.results-wrapper-18 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.div-block-4702 {
  min-height: 300px;
}

.form-block-180 {
  margin-bottom: 0;
}

.div-block-4695 {
  flex: 1;
  padding-left: 10px;
}

.result-icon-7 {
  opacity: .5;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-7.no-results-copy {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon-7.number {
  background-image: url('../images/numbers.png');
}

.result-icon-7.calendar {
  background-image: url('../images/calendly-icon.png');
}

.result-icon-7.operator {
  background-image: url('../images/operator.png');
  background-size: 20px;
}

.result-icon-7.keyword {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/key.png');
  background-size: 16px;
  background-attachment: scroll;
}

.result-icon-7.fieldname {
  background-image: url('../images/field_1field.png');
  background-size: 18px;
  border-style: none;
}

.result-icon-7.loading-icon {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon-7.comment {
  opacity: .64;
  background-image: none;
  position: relative;
}

.result-icon-7.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.result-icon-7.mini-calendar {
  opacity: .84;
  background-image: url('../images/icon-date_1icon-date.png');
}

.result-icon-7.all {
  opacity: .5;
  background-color: #0000;
  background-image: url('../images/globe_1globe.png');
  background-size: 18px;
  background-attachment: scroll;
}

.result-icon-7.value {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/quote.png');
  background-size: 20px;
  background-attachment: scroll;
}

.result-icon-7.alias {
  background-image: none;
  padding-left: 3px;
  font-weight: 700;
}

.result-icon-7.function {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/function.png');
  background-size: 20px;
  background-attachment: scroll;
}

.result-icon-7.query {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/query.png');
  background-size: 20px;
  background-attachment: scroll;
}

.div-block-4730 {
  width: 4px;
  min-width: 4px;
}

.div-block-5000 {
  flex: 0 auto;
}

.matched-245 {
  color: #000000db;
  white-space: pre-wrap;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.div-block-4752 {
  display: flex;
}

.div-block-5001 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.remove-273 {
  opacity: .6;
  background-color: #00000030;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  display: block;
}

.remove-273:hover {
  opacity: 1;
}

.tag-content-144 {
  justify-content: center;
  align-items: center;
  min-width: 26px;
  height: 28px;
  min-height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.div-block-4692 {
  flex: 1;
  padding-right: 8px;
  display: flex;
  overflow: hidden;
}

.div-block-4713 {
  color: #ffffffb3;
}

.div-block-4735 {
  display: block;
  overflow: auto;
}

.div-block-4750 {
  display: flex;
}

.div-block-4708 {
  opacity: .7;
  background-image: url('../images/fc.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 36px;
  height: 40px;
  margin-bottom: 20px;
}

.text-span-137 {
  color: #ffffffe6;
}

.div-block-4701 {
  padding-left: 20px;
}

.results-scroller-21 {
  z-index: 1000000;
  border: 1px solid #cfcfcf;
  width: 350px;
  min-width: 350px;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-21.custom-scroller.vertical-custom-scroller {
  display: block;
}

.button-3-copy-3 {
  cursor: pointer;
  background-color: #4187f8;
  background-image: url('../images/lightning_3.png');
  background-position: 5px;
  background-repeat: no-repeat;
  background-size: auto 24px;
  border-radius: 4px;
  padding-left: 35px;
  font-size: 14px;
  line-height: 12px;
  position: static;
  inset: auto 5px 5px auto;
}

.button-3-copy-3:hover {
  background-color: #276ee0;
}

.button-3-copy-3:focus {
  border-width: 2px;
  border-color: #fff;
}

.form-54 {
  align-items: center;
  display: flex;
}

.close-section-copy-85 {
  z-index: 10000;
  opacity: .7;
  cursor: pointer;
  background-color: #1c3d97;
  background-image: url('../images/delete-thick.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border: 1px solid #fff9;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: -7px -7px 0% auto;
}

.close-section-copy-85:hover {
  opacity: 1;
}

.chat-response-17 {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background-color: #04021438;
  flex: 1;
  padding: 20px 14px;
  position: relative;
  overflow: hidden;
}

.tag-content-145 {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-4728 {
  display: flex;
}

.textarea-19 {
  color: #ffffffdb;
  resize: none;
  background-color: #111446;
  border: 1px solid #3a60d4;
  min-height: 100px;
  max-height: 200px;
  margin-bottom: 6px;
  font-family: Open Sans, sans-serif;
}

.textarea-19::placeholder {
  color: #ffffff80;
}

.remove-327 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 8px;
  display: block;
  position: absolute;
  inset: 7px -6px 0% auto;
}

.remove-327:hover {
  opacity: 1;
}

.form-52 {
  position: relative;
}

.remove-332 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-332:hover {
  opacity: 1;
}

.command-menu-left-22 {
  z-index: 3;
  margin-bottom: 0;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 8px;
  position: static;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.command-menu-left-22.limit {
  margin-bottom: 6px;
}

.command-menu-left-22.hidden {
  margin-bottom: 0;
}

.right-panel-select-holder-5 {
  flex: 1;
  display: block;
  position: relative;
  overflow: auto;
}

.div-block-4697 {
  cursor: pointer;
  display: flex;
  position: static;
}

.chip-label-208 {
  color: #233852;
  letter-spacing: -.5px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.button-15 {
  cursor: pointer;
  background-color: #4187f8;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 4px;
  width: 42px;
  height: 32px;
}

.button-15:hover {
  background-color: #276ee0;
}

.button-15.disabled {
  opacity: .33;
  display: none;
}

.div-block-4710 {
  background-image: url('../images/Ellipsis-1.3s-200px.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
}

.ac-label-102 {
  white-space: pre-wrap;
  flex-wrap: wrap;
  max-width: 100%;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.ac-label-102.suffix {
  padding-left: 6px;
}

.chip-label-204 {
  color: #fffc;
  letter-spacing: -.5px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.chip-label-204.as {
  padding-left: 6px;
  padding-right: 6px;
}

.div-block-4712 {
  height: 30px;
  margin-bottom: 20px;
}

.results-scroller-252 {
  z-index: 1000000;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 300px;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.autocomplete-input-374 {
  float: none;
  clear: none;
  color: #333;
  background-color: #111446;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 4px 6px 0;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.text-block-477 {
  color: #ffffffb3;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.tag-icon-chjlopy-4 {
  opacity: .86;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
  font-size: 16px;
  line-height: 16px;
}

.image-449 {
  width: 20px;
}

.icon-processing-10 {
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 42px;
  height: 32px;
  margin-right: 5px;
}

.questions-wrapper {
  text-align: center;
  width: 60%;
  min-width: 800px;
  max-width: 800px;
  min-height: 100px;
  margin: 0 auto -50px;
  padding: 0 20px;
  display: block;
  position: absolute;
  inset: auto 0% 80px;
}

.questions-wrapper.other {
  width: auto;
  min-width: auto;
  max-width: none;
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  bottom: 0;
}

.div-block-4704 {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 6px;
  padding-right: 6px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.result-row-192 {
  align-items: center;
  height: auto;
  min-height: 38px;
  padding: 6px 8px;
  font-size: 16px;
  display: flex;
}

.result-row-192:hover {
  background-color: #f3f5f8;
}

.result-row-192.selected {
  background-color: #d8e6fc;
}

.div-block-5002 {
  width: 4px;
  min-width: 4px;
}

.ac-default-label-227 {
  color: #ffffffcf;
  width: 120px;
  height: 36px;
  max-height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: -4px;
  overflow: hidden;
}

.ac-default-label-227:focus {
  width: 200px;
}

.ac-default-label-227.sm {
  font-size: 13px;
  line-height: 18px;
}

.autocomplete-input-373 {
  float: none;
  clear: none;
  color: #333;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 2px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.autocomplete-input-373.hlk {
  width: 100%;
  min-height: 30px;
}

.autocomplete-input-373.comma-separated {
  border-style: solid;
  border-color: #3a60d4;
  display: inline-block;
  top: 0;
  left: 0;
}

.title-75 {
  justify-content: space-between;
  align-items: center;
  height: 40px;
  min-height: 32px;
  padding-top: 4px;
  padding-left: 22px;
  display: flex;
  position: relative;
}

.title-75.alias {
  height: 20px;
  min-height: 20px;
  padding-top: 0;
}

.div-block-4722 {
  cursor: pointer;
  padding-right: 40px;
  display: flex;
}

.tag-content-143 {
  justify-content: center;
  align-items: center;
  min-width: 26px;
  height: 28px;
  min-height: 28px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.autocomplete-input-copy-copy-15 {
  float: none;
  clear: none;
  color: #333;
  text-align: right;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 16px;
  display: flex;
  position: relative;
}

.results-holder-153 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-153.test {
  display: none;
}

.div-block-5003 {
  padding: 0;
}

.stop-recording-button-3 {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/stop_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  width: 42px;
  height: 32px;
  margin-right: 5px;
}

.stop-recording-button-3:hover {
  opacity: 1;
}

.unmatched-137 {
  color: #000000db;
  white-space: nowrap;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.unmatched-137.fa {
  padding-right: 6px;
}

.prompt-input-holder {
  flex: none;
  width: 500px;
  overflow: hidden;
}

.div-block-4928 {
  background-image: url('../images/Ellipsis-1.3s-200px.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
  margin-left: 4px;
}

.messages-holder {
  width: 90%;
  max-width: 720px;
  padding-top: 20px;
  padding-bottom: 120px;
  display: block;
  overflow: visible;
}

.div-block-4967 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
}

.div-block-5004 {
  flex: 1;
  display: flex;
}

.div-block-5005 {
  padding-top: 6px;
}

.res-edit-hover-layer {
  z-index: 2;
  opacity: 0;
  transition: opacity .3s;
  position: absolute;
  inset: 0%;
}

.res-edit-hover-layer:hover {
  opacity: 100;
}

.new-chat-button {
  z-index: 100;
  opacity: .7;
  cursor: pointer;
  background-image: url('../images/chat-new.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  border-width: 1px;
  border-color: #7a96bb;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 6px 6px auto auto;
}

.new-chat-button:hover {
  opacity: 1;
  background-color: #123b94;
}

.new-chat-button.static {
  position: static;
}

.remove-prompt-icon {
  opacity: .76;
  cursor: pointer;
  background-color: #34509700;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: auto;
  transition: background-color .3s;
}

.remove-prompt-icon:hover {
  opacity: 1;
  background-color: #1a50ad;
}

.resolution-date-stamp {
  z-index: 4;
  padding-top: 10px;
  display: inline-block;
  position: relative;
}

.text-13-copy {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-copy.semi {
  font-weight: 600;
}

.text-13-copy.semi.white {
  color: #fff;
  font-weight: 600;
}

.header-drag-handle {
  cursor: move;
  flex: 1;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-right: 10px;
  display: flex;
}

.form-55 {
  height: 100%;
  max-height: 100%;
  overflow: auto;
}

.date-input {
  text-align: right;
  border: 1px solid #dbdbdb;
  min-width: 120px;
  height: 40px;
  min-height: 40px;
  margin-top: 4px;
  margin-right: 8px;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.label-wrapper-13 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 3px;
  display: flex;
}

.div-block-5006 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.alert-wrapper {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  min-width: 68px;
  display: block;
}

.alert-wrapper.hidden {
  display: block;
}

.due-soon-label {
  background-color: #467ba0;
  border: 1px #cfcfcf;
  border-radius: 2px;
  margin-left: auto;
  padding: 2px;
  display: block;
}

.overdue-label {
  background-color: #467ba000;
  border: 1px #cfcfcf;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  min-width: 52px;
  margin-left: auto;
  padding: 2px 0;
  display: flex;
}

.overdue-icon {
  width: 20px;
  margin-right: 1px;
}

.unstart {
  justify-content: flex-end;
  align-items: center;
  padding-left: 8px;
  display: block;
}

.form-56 {
  max-height: 100vh;
  overflow: auto;
}

.icon-processing-13 {
  background-image: url('../images/Spin-1.4s-204px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 32px;
  margin-right: 5px;
}

.icon-processing-13.hidden {
  background-image: url('../images/Spin-1.4s-204px.gif');
  background-size: contain;
  background-attachment: scroll;
}

.auctio-icon-processing {
  background-image: url('../images/Spin-1.4s-204px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 32px;
  margin-right: 5px;
}

.auctio-icon-processing.hidden {
  background-image: url('../images/Spin-1.4s-204px.gif');
  background-size: contain;
  background-attachment: scroll;
}

.text-span-292 {
  color: #0000004d;
}

.div-block-4045 {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 8px;
  display: flex;
}

.text-419 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.text-419.light {
  font-weight: 300;
}

.modal-workout-detail-3 {
  z-index: 997;
  background-color: #0006;
  padding-top: 60px;
  display: block;
  position: fixed;
  inset: 0;
}

.modalclosediv-69 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.div-block-4047 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.div-block-3952 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.close-modal-14 {
  cursor: pointer;
  display: inline-block;
}

.drop-cover {
  z-index: 997;
  background-color: #0006;
  border: 3px dashed #007bff;
  padding-top: 100px;
  display: block;
  position: absolute;
  inset: 0;
}

.div-block-5007 {
  background-image: url('../images/upload.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 70px;
}

.status-option {
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  flex-flow: row;
  align-items: center;
  width: auto;
  min-width: 0;
  padding: 7px 8px;
  display: flex;
  position: static;
}

.status-option:hover {
  background-color: #eff5fa;
}

.text-12-3 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.arrow-icon {
  cursor: pointer;
  background-image: url('../images/arrow-blk.png');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: 8px;
  min-width: 18px;
  min-height: 18px;
  margin-left: 2px;
  position: relative;
}

.action-item-button-2 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: 32px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-2:hover {
  background-color: #1b7897;
}

.action-item-button-2.dd {
  background-color: #fff;
  border-style: solid;
  border-color: #dbdbdb;
  justify-content: space-between;
  min-width: 70px;
  padding-left: 10px;
  padding-right: 2px;
}

.action-item-button-2.dd:hover {
  background-color: #eee;
}

.action-item-button-2.blue {
  background-color: #0077b8;
}

.action-item-button-2.blue:hover {
  background-color: #02507a;
}

.action-item-button-2.cancel {
  background-color: #9fb1b8;
  height: 40px;
  margin-right: 15px;
}

.action-item-button-2.cancel:hover {
  background-color: #889ea5;
}

.action-item-button-2.blue-m {
  background-color: #0077b8;
  height: 40px;
}

.action-item-button-2.blue-med {
  background-color: #0077b8;
  height: 40px;
}

.action-item-button-2.blue-med:hover {
  background-color: #02507a;
}

.action-item-button-2.blue-m {
  background-color: #0077b8;
  min-width: 120px;
  height: 40px;
}

.action-item-button-2.blue-m:hover {
  background-color: #02507a;
}

.action-item-button-3 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: 32px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
  position: relative;
}

.action-item-button-3:hover {
  background-color: #1b7897;
}

.action-item-button-3.hidden {
  display: none;
}

.action-item-button-3.start {
  background-color: #00a4fd;
}

.action-item-button-3.start:hover {
  background-color: #048dd8;
}

.status-options-menu {
  z-index: 4;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  height: auto;
  display: block;
  position: absolute;
  inset: 32px 0% auto;
  box-shadow: 0 1px 9px 3px #00000017;
}

.div-block-5008 {
  justify-content: flex-end;
  align-items: center;
  display: block;
  position: relative;
}

.status-wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-right: 8px;
  display: block;
}

.select-field-2 {
  color: #333;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 32px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.select-field-2:hover {
  background-color: #eee;
}

.action-item-button-4 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-4:hover {
  background-color: #1b7897;
}

.action-item-button-4.start {
  background-color: #00a4fd;
}

.action-item-button-4.start:hover {
  background-color: #048dd8;
}

.div-block-5009 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.search-bar-2 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 10px;
  display: none;
}

.image-493 {
  margin-right: 1px;
}

.image-494 {
  width: 16px;
  margin-right: 4px;
}

.results-wrapper-21 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-21.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.chip-label-209 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-209.sm {
  font-size: 13px;
  line-height: 16px;
}

.upload-item-row-comment {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: 10px 10px 10px 12px;
  display: flex;
}

.autocomplete-input-377 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-377.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.autocomplete-input-377.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.image-357 {
  width: 8px;
  margin-top: 4px;
  margin-left: 8px;
}

.text-12-10 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-10.semi {
  font-weight: 600;
}

.text-12-10.gray {
  padding-top: 2px;
  font-weight: 400;
}

.duplicate-task-button-2 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-2:hover {
  background-color: #cbdfff;
}

.due-soon-label-2 {
  background-color: #467ba0;
  border: 1px #cfcfcf;
  border-radius: 2px;
  padding: 4px 4px 6px;
}

.thumb-img {
  background-color: #e2e2e2;
  background-image: url('../images/Screenshot-2025-05-08-at-1.05.51-PM.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 33%;
  min-width: 33%;
  padding-top: 22%;
  display: block;
}

.thumb-img.file {
  background-color: #fff;
  background-image: url('../images/file.png');
  background-position: 100%;
  background-size: 64%;
  width: 40px;
  min-width: 0%;
  min-height: 50px;
  padding-top: 0%;
}

.action-button-wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-right: 8px;
  display: block;
}

.ac-default-label-228 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-228._13 {
  color: #498fc2;
  margin-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.section-header-4 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.div-block-4709 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-4709.flex {
  display: flex;
}

.matched-167 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-167.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.delete-attachement {
  opacity: .56;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 12px;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
  position: absolute;
  inset: 4px 4px auto auto;
}

.delete-attachement:hover {
  opacity: 100;
  background-color: #dadada;
}

.matched-246 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-246.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.chip-label-xs-8 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.select-field-9 {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 32px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.select-field-9:hover {
  background-color: #eee;
}

.all-item-wrapper-2 {
  min-height: 100px;
  overflow: auto;
}

.div-block-5010 {
  padding: 15px;
}

.activity-message-4 {
  background-color: #e6f1ff;
  margin-bottom: 5px;
  padding: 8px 14px 10px;
  position: relative;
}

.text-field-21 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-21::placeholder {
  color: #b4b4b4;
}

.div-block-4707 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-4707.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.div-block-5011 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-5012 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.div-block-5013 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.item-detail-wrapper-4 {
  background-color: #e0eaf7;
  border-bottom: 1px solid #c3d1da;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 20px;
  transition: background-color .4s;
  display: block;
  position: relative;
}

.item-detail-wrapper-4:hover, .item-detail-wrapper-4.selected {
  background-color: #f5fbff;
}

.action-item-header-8 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-8:hover {
  background-color: #f8ecc1;
}

.action-item-header-8.editable {
  background-color: #fff7db00;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.tag-content-39 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.action-item-button-3-copy {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: 32px;
  padding-left: 14px;
  padding-right: 8px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-3-copy:hover {
  background-color: #1b7897;
}

.action-item-name-5 {
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  min-width: 100px;
  max-width: 895px;
  margin-left: 4px;
  padding-top: 0;
  padding-right: 10px;
  display: block;
}

.action-item-name-5.owner {
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  min-width: 80px;
  padding-right: 0;
  display: flex;
}

.loading-items-2 {
  text-align: center;
  background-color: #ffffff1c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}

.div-block-5014 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.activity-message-wrapper-b-2 {
  max-width: 900px;
  max-height: 520px;
  margin-bottom: 10px;
  display: block;
  overflow: auto;
}

.activity-message-5 {
  background-color: #e6f1ff;
  margin-bottom: 5px;
  padding: 8px 14px 10px;
  position: relative;
}

.activity-message-5.resolution {
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  max-width: 900px;
  margin-top: 10px;
  margin-left: 24px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-5015 {
  flex: 1;
  display: flex;
}

.unmatched-89 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-89.sm {
  font-size: 14px;
  line-height: 18px;
}

.form-block-200 {
  margin-bottom: 0;
}

.upload-icon {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  transition: all .4s;
}

.upload-icon:hover {
  background-color: #cbdfff;
}

.empty-state-action-item-2 {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ffffff1c;
  border-bottom: 1px solid #6896af;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px 400px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.result-row-151 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-151:hover {
  background-color: #e4f2ff;
}

.result-row-151.selected {
  background-color: #d1e9ff;
}

.action-item-header-9 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 6px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-item-header-9:hover {
  background-color: #f8ecc1;
}

.action-item-header-9.blue {
  background-color: #e0f2fc;
}

.unmatched-138 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-138.sm {
  font-size: 14px;
  line-height: 18px;
}

.matched-247 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-247.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.recording-icon-2 {
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.recording-icon-2:hover {
  filter: saturate(71%);
}

.recording-icon-2.large {
  width: 38px;
  height: 38px;
}

.image-94 {
  cursor: pointer;
}

.attachment-preview {
  cursor: pointer;
  background-color: #fcfcfc;
  border: 1px solid #b0d2e2;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 520px;
  min-height: 50px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.attachment-preview:hover {
  border-color: #69d0ff;
}

.remove-22 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-22:hover {
  opacity: 1;
}

.remove-22.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.text-13-6 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-6.semi {
  font-weight: 600;
}

.div-block-5016 {
  display: flex;
}

.text-span-293 {
  font-weight: 400;
}

.cancel-upload-4 {
  background-color: #77777794;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 12px;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
}

.cancel-upload-4:hover {
  background-color: #858585;
}

.text-span-294 {
  padding-left: 4px;
  font-weight: 400;
}

.attachment-section {
  padding-top: 10px;
  padding-bottom: 5px;
  display: block;
}

.unmatched-139 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-139.sm {
  font-size: 14px;
  line-height: 18px;
}

.recording-icon {
  cursor: pointer;
  width: 38px;
  height: 38px;
}

.recording-icon:hover {
  filter: saturate(71%);
}

.autocomplete-input-378 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-378.users {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.text-span-80 {
  font-weight: 400;
}

.text-18-2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.results-scroller-253 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-253.sm {
  width: auto;
  min-width: 300px;
}

.div-block-5017 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.item-column-wrapper-2 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: flex;
  overflow: auto;
}

.text-area-div-2 {
  color: #9c9c9c;
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.image-349 {
  width: 16px;
}

.label-wrapper-14 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 3px;
  display: flex;
}

.label-wrapper-14._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.delete-audio-icon {
  background-color: #7777779e;
  background-image: url('../images/icon-delete_1icon-delete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
}

.delete-audio-icon:hover {
  background-color: #f66;
}

.div-block-5018 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-348 {
  width: 16px;
}

.link-6 {
  color: #42a6fd;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}

.link-6.light-blue {
  color: #97ceff;
}

.link-6.light-blue:hover {
  text-decoration: underline;
}

.results-holder-154 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-154.tags {
  display: none;
}

.result-row-150 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-150:hover {
  background-color: #e4f2ff;
}

.result-row-150.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.audio-holder {
  background-color: #f1f3f4;
  border: 2px solid #fff;
  border-radius: 46px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 300px;
  min-height: 55px;
}

.status-tag-3 {
  text-align: center;
  background-color: #636363;
  width: 70px;
  padding: 2px;
}

.div-block-5019 {
  padding-left: 8px;
  padding-right: 8px;
}

.div-block-5020 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.duration-wrapper-4 {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 90px;
  min-width: 90px;
  display: flex;
}

.div-block-583 {
  padding-left: 8px;
  padding-right: 8px;
}

.textarea-20 {
  color: #000;
  border: 1px solid #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.textarea-20::placeholder {
  color: #979797;
}

.text-10-2 {
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.text-10-2.semi-white {
  color: #fff;
  font-weight: 600;
}

.result-row-152 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-152:hover {
  background-color: #e4f2ff;
}

.result-row-152.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.div-block-5021 {
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.notes-section-5 {
  margin-bottom: 10px;
  padding: 5px 18px;
  display: block;
}

.results-holder-28 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-28.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.chip-label-xs-9 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.sm-audio-component {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.button-label-4 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-4.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-4.s {
  font-size: 14px;
}

.div-block-4711 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.chip-label-white-sm-2-colhk-4 {
  color: #498fc2;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.audio-wrapper {
  width: 100%;
  min-height: 52px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Open Sans, sans-serif;
}

.audio-wrapper.submitted {
  padding-left: 10px;
  padding-right: 10px;
}

.overdue {
  justify-content: flex-end;
  align-items: center;
  padding-right: 2px;
  display: flex;
}

.overdue:hover {
  background-color: #fff;
}

.remove-333 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-333:hover {
  opacity: 1;
}

.remove-333.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.div-block-5022 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.icon-search-2 {
  opacity: .8;
  background-color: #fff0;
  background-image: url('../images/js-toolbar-search_1js-toolbar-search.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  min-width: 28px;
  min-height: 28px;
  margin-left: 6px;
}

.icon-search-2:hover {
  opacity: 1;
  background-color: #0077b869;
}

.action-item-name-8 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100px;
  max-width: 890px;
  padding-top: 0;
  display: block;
}

.action-item-name-8.edit {
  width: 100%;
  max-width: 900px;
}

.div-block-584 {
  margin-left: 10px;
}

.result-row-570 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-570:hover {
  background-color: #e4f2ff;
}

.result-row-570.selected {
  background-color: #d1e9ff;
}

.div-block-5023 {
  padding-top: 3px;
}

.text-14-105 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-105.semi {
  font-weight: 600;
  line-height: 20px;
}

.reason-input-section-4 {
  z-index: 4;
  background-color: #fff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin-bottom: 20px;
  display: block;
}

.text-12-11 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-11.light-grey {
  color: #818181;
}

.matched-166 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-166.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.tag-15 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-15.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-15.multi.small {
  height: 30px;
  min-height: 30px;
}

.tag-15.multi.reverse {
  background-color: #008ba0;
  border-style: none;
  border-color: #0c7c8d;
  height: 30px;
  min-height: 30px;
}

.tag-15.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-15.multi.small:hover {
  background-color: #a9d6ff;
}

.tag-15.small {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-left: 8px;
}

.post-button-2 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-2:hover {
  background-color: #02507a;
}

.image-495 {
  cursor: pointer;
}

.div-block-4706 {
  padding: 5px;
}

.div-block-5024 {
  justify-content: flex-end;
  align-items: center;
  display: block;
  position: relative;
}

.checkbox-15 {
  color: #ffffffb3;
  text-align: center;
  background-color: #ffffff0f;
  border: 1px solid #2196f3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-15:hover {
  background-color: #54a7ff54;
}

.checkbox-15.checked {
  background-color: #205dc5;
  background-image: url('../images/check_4check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.delete-task-button-2 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-2:hover {
  background-color: #ed4444;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
}

.header-right-side-2 {
  justify-content: flex-end;
  align-items: center;
  min-width: 30%;
  padding-top: 2px;
  display: flex;
}

.add-item-2 {
  cursor: pointer;
  background-color: #0077b869;
  border: 1px solid #ffffff45;
  border-radius: 2px;
  padding: 4px 8px;
  transition: background-color .4s;
}

.add-item-2:hover {
  background-color: #0077b8;
}

.add-item-2.big {
  background-color: #0077b8;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.add-item-2.big:hover {
  background-color: #066192;
}

.add-item-2.big.hidden {
  background-color: #0077b8;
}

.input-upload-items-wrapper {
  max-height: 560px;
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 10px;
  display: block;
  overflow: auto;
}

.input-upload-items-wrapper.hidden {
  width: 100%;
  display: block;
}

.copy-url-button {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/copy-link.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.copy-url-button:hover {
  background-color: #cbdfff;
}

.div-block-5025 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.div-block-5026 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.post-button-3 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-3:hover {
  background-color: #02507a;
}

.button-label-5 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-5.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.audio-input-section {
  z-index: 4;
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin: 5px 10px 16px 16px;
  display: block;
}

.audio-input-section.hidden {
  background-color: #e6f1ff;
}

.client-sync-16 {
  background-color: #0000;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  margin-left: 0;
  margin-right: 14px;
  display: flex;
}

.sf-1092 {
  color: #312b3de3;
  font-size: 15px;
  line-height: 18px;
}

.sf-1096 {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.add-icon {
  opacity: .84;
}

.add-icon:hover {
  opacity: 1;
}

.assign-button-5 {
  cursor: pointer;
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  height: 34px;
  margin-left: 20px;
  margin-right: 14px;
  padding-left: 20px;
  padding-right: 20px;
  transition: background-color .4s;
  display: flex;
}

.assign-button-5:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.radio-button-holder {
  padding-right: 40px;
  display: block;
}

.main-area-holder-copy {
  flex-direction: row;
  flex: 1;
  width: 100%;
  display: flex;
}

.tile-hover-icon-preview {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
}

.div-block-3706 {
  padding-bottom: 20px;
}

.div-block-3731 {
  border: 1px solid #6d6d6d;
  width: 210px;
  height: 2px;
  margin-right: 6px;
  display: block;
}

.modal-container-18 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.key-button-2 {
  opacity: .9;
  color: #0000;
  cursor: pointer;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3);
  border: 1px solid #d8d8d8;
  justify-content: space-between;
  align-items: center;
  width: 140px;
  height: 32px;
  margin-bottom: 2px;
  padding-left: 12px;
  padding-right: 8px;
  display: flex;
}

.key-button-2:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d);
  border-color: #adadad;
}

.key-button-2:focus {
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.modal-content-exercises-15 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 0 0;
  display: block;
  position: relative;
  overflow: visible;
}

.program-tile-overlay-24 {
  opacity: 0;
  background-color: #fff6;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.program-tile-overlay-24:hover {
  opacity: 1;
}

.text-372 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.text-372.semi {
  font-weight: 500;
}

.program-editor-10 {
  display: block;
}

.minus-toggle-copy-4 {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: none;
}

.minus-toggle-copy-4:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border-color: #adadad;
}

.minus-toggle-copy-4:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.div-block-3720 {
  background-color: #fff;
  justify-content: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.preview-options {
  background-color: #ddeefa;
  border-bottom: 1px solid #cecece;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
}

.text-381 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.volume-control-16 {
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 34px;
  margin-left: 14px;
  padding-top: 4px;
  display: flex;
  position: relative;
}

.text-menu-option-56 {
  color: #00528c;
  font-size: 12px;
  line-height: 15px;
}

.text-menu-option-56.small {
  color: #7e7e7e;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
}

.text-menu-option-56.big {
  font-size: 14px;
  line-height: 18px;
}

.div-block-3681 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ac-icon-31 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-31.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.div-block-239-copy {
  align-items: center;
  display: flex;
}

.sf-1093 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1093.center {
  text-align: center;
}

.edit-exercise-inner-wrapper {
  z-index: 1000;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
  overflow: auto;
}

.div-block-3692 {
  background-color: #f0f0f0;
  justify-content: space-between;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 8px;
  display: flex;
}

.date-input-wrapper-2 {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  width: 176px;
  min-height: 36px;
  display: flex;
}

.right-side-tab {
  align-items: flex-start;
  height: 40px;
  display: flex;
}

.auto-sync-toggle-5 {
  cursor: pointer;
  background-color: #e0e0e0;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 44px;
  margin-left: 0;
  margin-right: 6px;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.auto-sync-toggle-5:hover {
  opacity: 1;
}

.auto-sync-toggle-5.on {
  background-color: #03a9f4;
}

.icon-duplicate-5 {
  opacity: .5;
  transition: opacity .3s;
}

.icon-duplicate-5:hover {
  opacity: 1;
}

.div-block-3701 {
  padding-bottom: 16px;
}

.minute-input-5 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0 8px 0 0;
  display: block;
}

.minute-input-5::placeholder {
  color: #0000004f;
}

.speed-option-26 {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option-26:hover {
  color: #fff;
  background-color: #353535;
}

.div-block-3721 {
  justify-content: space-between;
  display: flex;
}

.programs-holder {
  background-color: #032944;
  flex: 1;
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
}

.image-636 {
  opacity: .2;
  filter: grayscale();
  cursor: pointer;
  transition: opacity .24s;
}

.image-636:hover {
  opacity: .56;
}

.icon-wrapper-3 {
  align-items: center;
  display: flex;
}

.text-385 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-385.blue {
  color: #00528c;
  text-align: left;
  font-weight: 400;
}

.text-385.grey {
  color: #818181;
}

.exercise-edit-wrapper {
  background-color: #e7e7e7;
  flex-direction: column;
  align-items: center;
  width: 580px;
  height: 450px;
  min-height: 0%;
  max-height: none;
  padding-top: 6px;
  padding-bottom: 30px;
  padding-left: 12px;
  display: block;
  position: relative;
  overflow: auto;
}

.exercise-edit-wrapper.small {
  height: 300px;
}

.repeat-toggle-wrapper {
  background-color: #0000;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  margin-left: 14px;
  margin-right: 14px;
  display: flex;
}

.div-block-750-copy {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 80px;
  min-height: 50px;
}

.div-block-402-copy {
  opacity: .74;
  background-image: url('../images/face.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100px;
  margin-bottom: 18px;
}

.client-profile-pic {
  color: #fff;
  text-align: center;
  background-color: #4197d1;
  background-image: url('../images/client-patty.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  padding-top: 10px;
  font-size: 18px;
  display: block;
}

.sf-link {
  color: #0078ce;
  font-size: 15px;
  font-weight: 500;
}

.sf-link.small {
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
}

.workout-text-12 {
  width: 206px;
  padding-top: 2px;
  padding-left: 8px;
  overflow: visible;
}

.text-377 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
}

.text-377.medium {
  font-weight: 500;
}

.text-377.medium.blue {
  color: #00528c;
}

.profile-header-elements {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.profile-header-elements.email {
  align-items: flex-start;
  padding-right: 40px;
  top: 0;
}

.left-panel-5 {
  z-index: 0;
  background-color: #032944;
  flex-direction: column;
  flex: none;
  width: 260px;
  min-height: 140px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 50px;
  display: block;
  position: relative;
  overflow: visible;
}

.image-633 {
  border: 1px solid #cecece;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.right-client-overlay-11 {
  opacity: 0;
  background-image: linear-gradient(to right, #fff0 39%, #ffffffa3 68%, #fff 93%);
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.right-client-overlay-11:hover {
  opacity: 1;
}

.weight-entry-section {
  background-color: #ddeefaa8;
  border-top: 1px #e2e2e2;
  max-height: 400px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 20px 40px;
  display: block;
  overflow: auto;
}

.icon-small {
  width: 42px;
  margin-right: 20px;
}

.sf-51-copy {
  color: #313131;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.sf-51-copy.white {
  color: #fff;
  cursor: default;
  margin-top: 10px;
  line-height: 18px;
  transition: background-color .2s;
}

.text-tooltip {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  display: inline;
}

.date-input-25 {
  color: #333;
  align-self: stretch;
  width: 150px;
  padding: 7px 8px 6px;
  font-size: 15px;
  font-weight: 500;
}

.sf-1087 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.rest-time-set {
  background-image: linear-gradient(#0000, #0000);
  flex-direction: row;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: flex;
}

.rest-time-set.exercise {
  flex-direction: row;
  height: auto;
  margin-right: 40px;
}

.modal-copy-holder {
  width: 440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 20px;
  display: block;
}

.content-item-wrapper-6 {
  background-color: #1389c0;
  height: auto;
  min-height: 42px;
  position: relative;
  top: 0;
  left: 0;
  box-shadow: 1px 1px 3px #0003;
}

.div-block-3704 {
  align-items: center;
  height: 100%;
  margin-right: 0;
  display: flex;
}

.text-span-272 {
  font-weight: 500;
}

.weight-list-holder {
  width: 100%;
  display: block;
}

.div-block-3709 {
  padding: 40px;
}

.tile-hover-icon-block-30 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
}

.header-text-div {
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.upload-button-holder-7-copy {
  align-items: flex-start;
  height: auto;
  margin-top: 6px;
  margin-bottom: 8px;
  display: flex;
  position: relative;
}

.modal-confiirmation-4 {
  z-index: 997;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.text-span-273 {
  font-size: 14px;
}

.submit-button-small-30 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-30:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-30.email {
  background-color: #00b2edcc;
  width: 120px;
  height: 40px;
}

.submit-button-small-30.email:hover {
  background-color: #00b2ede6;
}

.edit-exercise-outerwrapper {
  z-index: 1000;
  background-color: #fff;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  display: block;
  position: static;
  inset: 0% 0% 0% auto;
}

.new-workout-button-9 {
  opacity: .82;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 5px;
  display: flex;
}

.new-workout-button-9:hover {
  opacity: 1;
}

.client-hover-options {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  display: flex;
}

.client-hover-options:hover {
  opacity: 1;
}

.text-span-214 {
  cursor: pointer;
}

.title-88 {
  margin-top: 6px;
}

.exercise-edit-wrapper-11 {
  background-color: #e7e7e7;
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  min-height: 0%;
  max-height: none;
  padding: 6px 12px 300px;
  display: block;
  position: relative;
  overflow: auto;
}

.preview-area-copy {
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
}

.week-column-wrapper-13 {
  background-color: #0000;
  border-radius: 4px;
  width: auto;
  min-width: 290px;
  max-width: 290px;
  height: auto;
  min-height: 140px;
  margin-bottom: 0;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.div-block-3744 {
  letter-spacing: .3px;
  padding: 4px 10px;
  font-weight: 500;
}

.programs-sort-wrapper {
  padding: 2px 6px 6px;
  display: block;
}

.owner-autocomplete-wrapper-2 {
  width: 340px;
  position: relative;
}

.search-field-23 {
  color: #a8a1a1;
  background-color: #fff9;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 12px;
  padding-right: 12px;
  display: block;
}

.search-field-23:focus {
  border-color: #00b2ed;
}

.search-field-23::placeholder {
  color: #03294480;
}

.image-637 {
  cursor: pointer;
}

.image-637:hover {
  filter: saturate(71%);
}

.content-item-21 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 6px 4px;
  display: flex;
  overflow: hidden;
}

.reset-div {
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 4px;
  display: flex;
}

.content-item-20 {
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.whisper-4 {
  z-index: 996;
  background-color: #cbd1eb;
  border: 1px solid #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  max-width: 600px;
  min-height: 24px;
  max-height: none;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  transition: top .5s;
  display: flex;
  position: fixed;
  inset: -100px 0% auto;
  box-shadow: 3px 4px 7px 2px #0000008a;
}

.right-panel-content-11 {
  background-color: #ddeefa;
  flex-direction: column;
  flex: 1;
  height: 90vh;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf-1083 {
  color: #313131;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.sf-1083.dark-blue {
  color: #00528c;
}

.button-media-option-7 {
  color: #00b2ed;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #00b2ed;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  margin-top: 0;
  padding: 12px 14px 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  transition: background-color .6s;
  position: static;
}

.button-media-option-7:hover {
  background-color: #00b2ed33;
}

.number-input-modal {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.workout-div-64 {
  clear: left;
  cursor: move;
  height: auto;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.client-list-area {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  min-height: 180px;
  max-height: 440px;
  padding-top: 5px;
  padding-bottom: 20px;
  overflow: auto;
}

.client-list-area._2 {
  width: 520px;
  max-height: none;
}

.plan-button-div-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.edit-add-tag {
  font-size: 11px;
  line-height: 14px;
}

.edit-add-tag.white-tran {
  color: #ffffffbf;
  font-size: 14px;
  line-height: 17px;
}

.modal-content-media-copy-10 {
  background-color: #272c44;
  border-radius: 8px;
  flex-direction: column;
  width: 1300px;
  min-width: 800px;
  height: 80%;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: flex;
  position: fixed;
  left: 100px;
  overflow: hidden;
}

.library-search-section-12 {
  justify-content: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 8px;
  display: block;
}

.text-bottom-duraction-label-copy {
  color: #161616;
  font-size: 12px;
  line-height: 18px;
}

.text-bottom-duraction-label-copy.grey {
  opacity: .68;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
}

.text-bottom-duraction-label-copy.grey:hover {
  text-decoration: underline;
}

.modal-header-20 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  padding: 0 20px 4px;
  display: block;
}

.textlabel-empty-center {
  color: #ffffffb8;
  text-align: center;
  letter-spacing: 0;
  font-size: 12px;
  line-height: 15px;
}

.view-all-link-4 {
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 10px;
  display: none;
}

.program-list-header {
  justify-content: flex-start;
  align-items: center;
  height: 54px;
  padding-left: 4px;
  padding-right: 8px;
  display: flex;
}

.div-block-3724 {
  align-items: center;
  width: auto;
  margin-right: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.add-options {
  z-index: 1000;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 120px;
  min-width: 0;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: absolute;
  top: 26px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.close-modal-68 {
  cursor: pointer;
  display: block;
}

.arrow-left-12 {
  background-image: url('../images/arrow-back_1arrow-back.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 40px;
  height: 30px;
  margin-top: 8px;
  padding-top: 10px;
  padding-left: 12px;
}

.tile-item-name-4 {
  background-color: #fff;
  height: 32px;
  padding-top: 4px;
  position: relative;
  overflow: hidden;
}

.plus-toggle-copy {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: none;
}

.plus-toggle-copy:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border-color: #adadad;
}

.plus-toggle-copy:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.week-header-3 {
  z-index: 22;
  background-color: #032944;
  justify-content: space-between;
  align-items: center;
  width: 290px;
  height: 44px;
  margin-bottom: 0;
  padding-left: 10px;
  display: flex;
  position: relative;
  top: 0;
}

.timeline-library-2 {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  height: 100%;
  display: flex;
  overflow: auto;
}

.text-387 {
  color: #312b3de3;
  font-size: 32px;
  font-weight: 300;
  line-height: 38px;
}

.header-element-holder-15 {
  z-index: 25;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.day-wrapper-7 {
  background-color: #1389c0b5;
  border-radius: 4px;
  min-height: 70px;
  margin-bottom: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  top: 0;
}

.div-block-3736 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.alert-program-assign-validation {
  background-color: #fff0f0;
  border: 1px solid #ffafaf;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 20px;
  display: none;
}

.div-block-3708 {
  letter-spacing: .3px;
  padding: 4px 10px;
  font-weight: 400;
}

.search-input-holder {
  background-color: #f6f6f6;
  border-style: solid none none;
  border-top-width: 1px;
  border-top-color: #d8d8d8;
  border-bottom-width: 2px;
  border-bottom-color: #d8d8d8;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  margin-top: 14px;
  padding: 0 24px 14px;
  display: flex;
}

.right-panel-wrapper {
  background-color: #ddeefa;
  flex: none;
  align-items: flex-start;
  width: 350px;
  margin-left: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.input-holder-13 {
  background-color: #ddeefaa8;
  border-top: 1px #e2e2e2;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 20px 40px;
  display: block;
}

.input-holder-13._2 {
  margin-bottom: 40px;
}

.email-editor-header-2 {
  z-index: 1;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 10px 0 20px;
  display: flex;
  position: relative;
  inset: auto 0 0 auto;
}

.div-block-3752 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.client-profile-assigned-2 {
  background-color: #85b7da;
  border-radius: 100px;
  flex-wrap: nowrap;
  place-content: stretch center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  display: flex;
  position: relative;
}

.time-input-wrapper {
  justify-content: center;
  width: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.close-modal-69 {
  opacity: .5;
  cursor: pointer;
  display: inline-block;
}

.close-modal-69:hover {
  opacity: .9;
  text-align: left;
}

.user-action-button-10 {
  cursor: pointer;
  background-color: #eef6fc;
  background-image: url('../images/cancel_1cancel.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 0;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.user-action-button-10:hover {
  background-color: #b4daf1;
}

.user-action-button-10.add {
  background-color: #00528c;
  background-image: url('../images/add_1add.png');
  background-size: 24px;
  display: none;
}

.user-action-button-10.add:hover {
  background-color: #01487a;
}

.user-action-button-10.remove-all {
  background-image: url('../images/remove_2remove.png');
}

.user-action-button-10.replace {
  opacity: 1;
  direction: ltr;
  background-image: url('../images/swap_1swap.png');
  background-size: 20px;
  width: 34px;
  height: 34px;
  padding-left: 0;
}

.user-action-button-10.replace:hover {
  background-color: #b4daf1;
}

.user-action-button-10.exercise-settings {
  opacity: 1;
  background-image: url('../images/weights_1weights.png');
  background-size: 20px;
  width: 34px;
  height: 34px;
  margin-top: 0;
  padding-left: 0;
  display: block;
}

.user-action-button-10.exercise-settings:hover {
  background-color: #b4daf1;
}

.user-action-button-10.calendar {
  background-image: url('../images/cal_1cal.png');
}

.email-input-wrapper-2 {
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.owner-name-2 {
  align-items: center;
  padding-top: 6px;
  display: flex;
}

.modal-assign-program-2 {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.expand-panel-tab {
  z-index: 1200;
  cursor: pointer;
  background-color: #c4f0ff;
  background-image: url('../images/arrow-back_1arrow-back.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border: 1px solid #ffffffb8;
  border-right-style: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 32px;
  height: 32px;
  margin-left: auto;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 3px 3px 9px 5px #0000004d;
}

.expand-panel-tab:hover {
  background-color: #f0fbff;
}

.expand-panel-tab.left {
  z-index: 1000;
  margin-left: 0;
  position: absolute;
  inset: 2px auto auto 0%;
  transform: rotate(180deg);
}

.empty-day-text-div-4 {
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.upload-button-div-5 {
  clear: left;
  width: auto;
  height: auto;
  margin-bottom: 6px;
  margin-left: 0;
  margin-right: 8px;
  display: inline-block;
  position: static;
  top: 0;
}

.client-search-wrapper-2 {
  min-width: 240px;
}

.modal-exercise-editor {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.edit-exercise-5 {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 540px;
  height: auto;
  margin: 4px 0 0;
  padding: 0;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 1px 1px 2px #00000030;
}

.edit-exercise-5:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.modal-grip-bar-4 {
  z-index: 1001;
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.timeline-item-text-19 {
  color: #ffeaea;
  align-items: flex-start;
  padding-left: 8px;
  display: flex;
  overflow: visible;
}

.labelsmall-19 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.text-menu-option-54 {
  color: #00528c;
  font-size: 12px;
  line-height: 18px;
}

.text-menu-option-54.big {
  font-size: 14px;
  line-height: 18px;
}

.email-editor-input {
  color: #fff;
  background-color: #0000;
  border: 1px solid #ffffff73;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.email-editor-input:hover {
  border-color: #ffffffa6;
}

.email-editor-input.prehead {
  font-weight: 300;
}

.input-wrapper-13 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 0;
  display: flex;
}

.modal-send-copy {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.sf-1080 {
  font-size: 11px;
  line-height: 20px;
}

.sf-1080.white {
  color: #fff;
  line-height: 21px;
}

.editor-add-new-9 {
  opacity: .8;
  cursor: pointer;
  background-color: #00528c;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  height: 28px;
  margin-left: 8px;
  padding: 2px 5px 2px 3px;
  display: flex;
}

.editor-add-new-9:hover {
  opacity: 1;
}

.calendar-top-bar-6 {
  background-color: #fff;
  border-bottom: 1px solid #cecece;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 54px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.shared-icon-small-2 {
  filter: invert(36%);
  background-image: url('../images/share.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.results-scroller-83 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.text-373 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
}

.audio-player-controls-14 {
  z-index: auto;
  opacity: 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-14:hover {
  opacity: 1;
}

.audio-player-controls-14.no-image {
  opacity: 1;
  background-image: url('../images/soundwave_1.png');
  background-position: 50%;
  background-size: contain;
}

.client-search-holder {
  background-color: #f6f6f6;
  border-top: 1px solid #e2e2e2;
  margin-top: 14px;
  padding: 20px 40px;
  display: flex;
}

.client-search-holder.vertical {
  background-color: #fff;
  border-style: none;
  flex-direction: column;
  margin-top: 0;
  padding-bottom: 40px;
}

.tag-item-input-63 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.div-block-3748 {
  display: flex;
  position: static;
}

.superset-button {
  z-index: 999;
  cursor: pointer;
  background-color: #b6b6b6b0;
  background-image: url('../images/link_1link.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: auto 0% 0 24px;
}

.superset-button:hover {
  background-color: #6dbad3;
}

.superset-button.linked {
  background-color: #167cd6;
  border-style: none;
  bottom: -15px;
}

.client-hover-options2 {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-left: 6px;
  margin-right: 10px;
  display: flex;
}

.client-hover-options2:hover {
  opacity: 1;
}

.toggle-wrapper-11 {
  background-color: #f0f0f0;
  border: 1px #000;
  border-top: 1px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  border-radius: 0;
  align-items: center;
  height: 64px;
  padding-left: 20px;
  display: flex;
}

.text-376 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.plus-icon-2 {
  opacity: .7;
  margin-right: 0;
}

.sf-1081 {
  font-size: 11px;
  line-height: 14px;
}

.sf-1081.gray {
  color: #7f7f7f;
}

.div-block-3730 {
  justify-content: flex-end;
  height: 100%;
  padding-top: 5px;
  display: flex;
}

.media-tab-control {
  z-index: 20;
  background-color: #ddeefa;
  width: auto;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.icon-trash-16 {
  opacity: .5;
  transition: opacity .3s;
}

.icon-trash-16:hover {
  opacity: 1;
}

.div-block-3690 {
  padding-top: 6px;
}

.block-7-20 {
  flex: 1;
  align-items: center;
  min-width: 100px;
  min-height: 40px;
  margin-left: 56px;
  padding-right: 20px;
  display: flex;
}

.date-entry-7 {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  align-items: center;
  width: 150px;
  height: 36px;
  padding-left: 10px;
  padding-right: 6px;
  display: flex;
}

.image-631 {
  margin-right: 10px;
}

.div-block-3719 {
  padding-top: 10px;
  padding-bottom: 4px;
}

.profile-tile-overlay-3-copy {
  opacity: 0;
  cursor: pointer;
  background-color: #ffffff1a;
  border: 1px #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.profile-tile-overlay-3-copy:hover {
  opacity: 1;
}

.loading-more-assignments-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}

.time-input-modal {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.no-program-selected {
  background-color: #032944;
  flex: 1;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.edit-workout-wrapper-2 {
  background-color: #0000;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
}

.text-382 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-382.center {
  text-align: center;
  line-height: 20px;
  display: block;
}

.text-382.gray {
  color: #7e7e7e;
}

.category-edit-wrapper-copy {
  border-radius: 4px;
  min-height: 70px;
  margin-bottom: 4px;
  padding: 10px 14px 8px;
  display: block;
  position: relative;
  top: 0;
}

.workout-img {
  background-image: url('../images/plank.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 42px;
  height: 42px;
}

.modal-top-bar-54 {
  cursor: default;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.div-block-3683 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
}

.div-block-3688 {
  margin-left: 12px;
}

.image-626 {
  margin-right: 6px;
}

.assigned-empty-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}

.submit-button-small-37 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 46px;
  margin-right: 0;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
}

.submit-button-small-37:hover {
  color: #fff;
  background-color: #1679cf;
}

.icon-edit-exercise {
  background-color: #0000008c;
  background-image: url('../images/edit2_1edit2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #ffffffab;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: 3px 3px auto auto;
}

.icon-edit-exercise:hover {
  background-color: #000;
}

.div-block-3742 {
  width: 100vw;
  max-width: 100vw;
  display: flex;
}

.text-388 {
  color: #161616;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-388.white {
  color: #fff;
}

.minus-toggle-copy-11 {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: block;
}

.minus-toggle-copy-11:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border-color: #adadad;
}

.minus-toggle-copy-11:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.client-input-holder-12 {
  width: 400px;
  min-width: 0;
  max-width: none;
  margin-left: 20px;
  margin-right: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.sf-1094 {
  color: #312b3de3;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.media-type {
  opacity: .74;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 28px;
  display: flex;
}

.media-type:hover {
  opacity: .9;
  background-color: #fff;
}

.media-type.img {
  background-image: url('../images/icon-img-dark_1icon-img-dark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.media-type.selected {
  opacity: 1;
  background-color: #fff;
  border: 1px solid #00528c8f;
}

.media-type.video {
  background-image: url('../images/icon-video_2icon-video.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.media-type.audio {
  background-image: url('../images/icon-audio_2icon-audio.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
}

.icon-add-week-3 {
  z-index: 60;
  opacity: .72;
  background-color: #00b2ed80;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 40px;
  margin-left: 0;
  margin-right: 12px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .342s;
  display: flex;
  position: static;
}

.icon-add-week-3:hover {
  opacity: 1;
  background-color: #00b2edcc;
}

.image-624 {
  margin-left: 3px;
  display: none;
}

.scheduled-wrapper {
  box-shadow: none;
  background-color: #1389c0;
  height: 100%;
  min-height: 42px;
  position: relative;
}

.scheduled-overlay-11 {
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  background-color: #ffffff4d;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 260px;
  height: 100%;
  min-height: 42px;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: none;
  position: absolute;
  left: 0;
}

.scheduled-overlay-11:hover {
  opacity: 1;
  background-color: #ffffff4d;
}

.sf-1091 {
  font-size: 12px;
  line-height: 20px;
}

.sf-1091.white {
  color: #fff;
}

.div-block-3715 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.tab-program-library {
  opacity: .62;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 72px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.tab-program-library:hover {
  opacity: .9;
  background-color: #ddeefa59;
}

.tab-program-library.selected {
  opacity: 1;
  background-color: #ddeefa;
}

.right-side-panel-label {
  color: #00528c;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.right-side-panel-label.selected {
  opacity: 1;
  color: #00528c;
  background-color: #ddeefa;
  padding-right: 14px;
}

.exercise-image-18 {
  background-image: url('../images/plank.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 60px;
  height: 52px;
  margin-top: 8px;
  display: block;
}

.preview-date-holder {
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px 6px;
  display: flex;
}

.refresh-cover-copy {
  z-index: 9;
  background-color: #fff9;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.tag-item-input-62 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.text-menu-option-55 {
  color: #00528c;
  font-size: 12px;
  line-height: 20px;
}

.text-menu-option-55.subhead {
  color: #7e7e7e;
  line-height: 16px;
}

.text-menu-option-55.big {
  font-size: 14px;
  line-height: 18px;
}

.edit-workout-left-side-4 {
  background-color: #ddeefa;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  width: 450px;
  min-width: 450px;
  height: 100%;
  padding: 0 0 20px;
  display: flex;
  overflow: visible;
}

.text-span-269 {
  margin-left: 9px;
  font-weight: 500;
}

.submitbutton-27 {
  text-align: center;
  border-style: none;
  width: 200px;
  height: 60px;
  margin: 35px auto 0;
  padding-top: 20px;
  padding-bottom: 0;
  font-size: 18px;
  transition: background-color .6s;
  display: block;
}

.submitbutton-27:hover {
  color: #fdfdfd;
  background-color: #1679cf;
}

.submitbutton-27.grey {
  color: #fff;
  background-color: #a8a8a8;
  border: 1px #bbb;
  width: 160px;
  height: 50px;
  margin-top: 32px;
  padding-top: 15px;
  line-height: 18px;
  transition: background-color .6s;
}

.submitbutton-27.grey:hover {
  background-color: #909090;
}

.submitbutton-27.grey.close-modal {
  width: 200px;
  height: 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block;
}

.submitbutton-27.red {
  background-color: #ef5350;
  width: 160px;
  height: 60px;
  margin-top: 30px;
  padding-top: 20px;
  line-height: 18px;
}

.submitbutton-27.red:hover {
  color: #fff;
  background-color: #d42f2c;
}

.set-label-12 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-weight: 400;
  line-height: 16px;
}

.content-list-holder-copy {
  overflow: auto;
}

.toggle-set-2 {
  background-image: linear-gradient(#0000, #0000);
  flex-direction: column;
  align-items: center;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  display: flex;
}

.help-icon-18 {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: flex;
}

.help-icon-18:hover {
  opacity: 1;
}

.help-icon-18.preheader {
  margin-top: 8px;
  margin-left: 6px;
  position: relative;
  top: -4px;
}

.audio-bottom-controls-21 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.program-detail-wrapper {
  flex: 0 auto;
  align-items: flex-start;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 1px;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: static;
  inset: 50px auto auto 0;
  overflow: auto;
}

.program-detail-wrapper.custom-scroller {
  display: block;
}

.div-block-3687 {
  flex-direction: column;
  padding-top: 220px;
  display: flex;
}

.input-wrapper-2-copy {
  justify-content: center;
  align-items: baseline;
  width: 120px;
  height: auto;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4px;
  padding-bottom: 0;
  display: flex;
}

.div-block-3739 {
  align-items: center;
  padding-top: 6px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.div-block-3682 {
  flex-direction: row;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.icon-audio-4 {
  background-image: url('../images/audio_2audio.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

.week-header-copy {
  z-index: 22;
  background-color: #032944;
  align-items: flex-end;
  width: 160px;
  height: 82px;
  margin-bottom: 0;
  padding-left: 10px;
  display: flex;
  position: relative;
  top: 0;
}

.text-374 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.text-374.center {
  text-align: center;
  font-size: 20px;
}

.text-374.blue {
  color: #00528c;
}

.arrow-right-side {
  background-image: url('../images/arrow-back_1arrow-back.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 30px;
  height: 30px;
  margin-top: 4px;
  padding-top: 10px;
  transform: rotate(180deg);
}

.div-block-3693 {
  align-self: center;
}

.collaborate-button-2 {
  opacity: .72;
  cursor: pointer;
  background-color: #155279;
  background-image: url('../images/share.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #fffc;
  border-radius: 4px;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-right: 14px;
  padding-left: 14px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.collaborate-button-2:hover {
  opacity: .88;
  background-color: #315e7a;
}

.collaborate-button-2.hidden {
  display: flex;
}

.div-block-3745 {
  background-color: #fff;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 5px 3px 3px;
  transition: background-color .2s;
  display: flex;
}

.div-block-3745:hover {
  background-color: #fff1f1;
}

.sf-77-copy-3 {
  color: #312b3de3;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.create-new-options {
  background-color: #fff;
  width: 360px;
  min-height: 300px;
  padding-bottom: 14px;
  padding-left: 14px;
  padding-right: 14px;
  display: none;
  position: fixed;
  inset: 0% auto auto 368px;
  box-shadow: 5px 0 10px 1px #02010180;
}

.text-menu-option-13 {
  color: #00528c;
  font-size: 12px;
  line-height: 18px;
}

.text-menu-option-13.big {
  font-size: 14px;
  line-height: 16px;
}

.text-menu-option-13.big.red {
  color: #d11a2a;
}

.image-397 {
  margin-right: 5px;
}

.upload-img-copy-11 {
  opacity: .63;
  width: 106px;
}

.content-item-wrapper-copy {
  background-color: #1389c0;
  height: auto;
  min-height: 42px;
  max-height: 55px;
  position: relative;
  box-shadow: 1px 1px 3px #0003;
}

.week-options-menu-2 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-image: url('../images/icon-more_1icon-more.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.week-options-menu-2:hover {
  opacity: 1;
  background-color: #00b2ed;
  background-image: linear-gradient(#14508800, #14508800), url('../images/icon-more_2icon-more.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 16px;
  border-radius: 4px;
}

.div-block-3722 {
  background-image: url('../images/preview_1preview.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  background-attachment: scroll;
  width: 22px;
  height: 24px;
  margin-right: 6px;
}

.client-row {
  background-color: #fff;
  border: 1px #000;
  border-top-color: #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  align-items: center;
  width: 480px;
  height: auto;
  margin: 0 auto;
  padding: 10px 6px 10px 20px;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.client-row:hover {
  background-color: #fffbd6;
}

.header-element-holder-17 {
  z-index: 25;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 50px;
  padding-left: 8px;
  display: flex;
  position: relative;
}

.go-back-button {
  cursor: pointer;
  display: inline-block;
}

.div-block-3689 {
  padding-bottom: 5px;
}

.close-modal-67 {
  opacity: .7;
  cursor: pointer;
  display: inline-block;
}

.close-modal-67:hover {
  opacity: 1;
  text-align: left;
}

.small-label-white {
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}

.image-635 {
  display: none;
}

.div-block-3733 {
  margin-left: 8px;
}

.workout-name-input-9 {
  color: #4e4e4e;
  background-color: #0000;
  border: 1px solid #fff;
  min-width: 200px;
  max-width: 800px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  padding-top: 8px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.workout-name-input-9:hover {
  border: 1px solid #dadada;
}

.workout-name-input-9:focus {
  border: 1px solid #a7a7a7;
}

.workout-name-input-9::placeholder {
  color: #525252;
}

.overlay-16 {
  background-color: #fff0;
  transition: background-color .6s;
  display: block;
  position: absolute;
  inset: 0%;
}

.overlay-16:hover {
  background-color: #fff6;
}

.workout-wrapper {
  background-color: #fff;
  border-radius: 4px;
  width: 260px;
  height: 50px;
  margin: 4px auto;
  display: block;
  box-shadow: 1px 1px 3px #00000030;
}

.icon-program-option:hover {
  opacity: 1;
}

.icon-program-option.disable {
  opacity: .45;
}

.hotkeys-2 {
  z-index: 99;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 8px;
  display: block;
  position: absolute;
  inset: 35px -158px auto auto;
  box-shadow: 1px 1px 3px #00000078;
}

.workout-div-10-copy {
  clear: left;
  cursor: move;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.image-627 {
  margin-left: 3px;
  display: none;
}

.program-options-22 {
  z-index: 40;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 230px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  top: 44px;
  left: -190px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.div-block-3726 {
  cursor: move;
  height: 20px;
}

.modal-top-bar-55 {
  cursor: default;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 4px;
  display: flex;
  position: static;
}

.default-workout-settings-modal {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.program-options-5 {
  z-index: 40;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 234px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  top: 45px;
  left: -90px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.div-block-3714 {
  background-color: #0000;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  position: static;
  inset: 0% 10px auto auto;
}

.div-block-3697 {
  background-image: url('../images/open_3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.no-assignment-found {
  color: #312b3de3;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 20px;
  font-size: 20px;
}

.checkbox-div-2 {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #d8d8d8;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.checkbox-div-2.selected {
  background-image: url('../images/tick_1tick.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-style: none;
}

.workout-img-copy-copy-2 {
  background-image: url('../images/icon-social-dislike-color2x_1icon-social-dislike-color@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 42px;
}

.search-wrapper-32 {
  width: 390px;
  position: relative;
}

.search-wrapper-32.long {
  width: 100%;
}

.textlink-16 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  display: inline;
}

.textlink-16:hover {
  color: #00b2ed;
}

.textlink-16._16 {
  font-size: 16px;
}

.textlink-16.lightblue {
  color: #7dc2ff;
  font-size: 12px;
  font-style: normal;
}

.textlink-16.lightblue:hover {
  text-decoration: underline;
}

.program-name-div-5 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 24px 4px;
  display: flex;
  position: static;
}

.owner-display {
  background-color: #fff;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 0;
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-3741 {
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 20px;
  display: flex;
}

.no-workouts-found {
  clear: left;
  cursor: move;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.workout-tile-overlay-2 {
  opacity: 0;
  background-color: #fff6;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 260px;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.workout-tile-overlay-2:hover {
  opacity: 1;
}

.select-audio-14 {
  text-align: right;
  margin-left: auto;
  position: relative;
  left: 0;
  right: 0;
}

.button-holder {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-198 {
  color: #a3a3a3;
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 14px;
  font-size: 18px;
}

.client-program-cancel {
  background-color: #f1f1f1;
  margin-top: 14px;
  margin-bottom: 6px;
  padding: 10px 14px 14px;
  position: static;
  overflow: visible;
}

.div-block-3738 {
  justify-content: flex-start;
  align-items: center;
  width: 136px;
  display: flex;
}

.client-autocompletel {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.result-row-43 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-43:hover, .result-row-43.selected {
  background-color: #d8e6fc;
}

.tag-item-input-64 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.workout-info-4 {
  align-items: flex-start;
  width: 260px;
  height: auto;
  min-height: 50px;
  margin-top: 0;
  padding-top: 4px;
  padding-left: 4px;
  display: flex;
  overflow: hidden;
}

.customize-defaults {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 580px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 10px;
  display: none;
  position: static;
  left: 0;
  overflow: visible;
}

.modal-content-15 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 520px;
  min-height: 260px;
  max-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: flex;
  position: relative;
  inset: auto 0%;
}

.pin-date-calendar {
  z-index: 997;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  min-height: 100px;
  padding: 15px 20px 8px;
  display: block;
  position: fixed;
  inset: 200px 20% auto 400px;
  box-shadow: 2px 3px 7px 2px #0000004a;
}

.upload-img-copy-10 {
  opacity: .63;
  transform-style: preserve-3d;
  width: 106px;
  transition: opacity .2s;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.text-383 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.text-383.gray {
  color: #7e7e7e;
}

.text-383.white {
  color: #fff;
}

.text-378 {
  color: #161616;
  font-size: 12px;
  line-height: 16px;
}

.text-378.grey {
  opacity: .68;
  text-align: center;
}

.text-378.blue {
  color: #0078ce;
  font-weight: 500;
}

.text-label-16 {
  color: #262c46;
  font-weight: 400;
  line-height: 16px;
}

.text-label-16._12 {
  font-size: 12px;
  line-height: 16px;
}

.text-label-16._12:hover {
  color: #00b2ed;
  text-decoration: underline;
}

.text-label-16._12.white {
  opacity: 1;
  color: #fff;
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 14px;
}

.text-label-16._12.white:hover {
  text-decoration: none;
}

.exercise-button-holder {
  border-top: 1px solid #d8d8d8;
  border-bottom-right-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 20px;
  display: flex;
  position: relative;
}

.first-day-star-2 {
  opacity: .3;
  margin-right: 5px;
  display: none;
}

.first-day-star-2:hover {
  opacity: .8;
}

.first-day-star-2.selected {
  opacity: 1;
}

.main-view-waiting {
  flex: 1;
}

.submit-save-button-75 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 7px;
  margin-right: 7px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-75:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-save-button-75.red {
  background-color: #ef5350;
}

.submit-save-button-75.cancel {
  background-color: #a8a8a8;
  margin-left: 7px;
  margin-right: 7px;
}

.submit-save-button-75.cancel:hover {
  background-color: #a1a1a1;
}

.sf-1085 {
  font-size: 13px;
  line-height: 20px;
}

.sf-1085.white {
  color: #fff;
  line-height: 16px;
  inset: 0% auto auto 0%;
}

.button-list-panel-13 {
  z-index: 1005;
  opacity: .7;
  cursor: pointer;
  background-color: #00b2ed4d;
  background-image: url('../images/arrow-down_1arrow-down.png');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
  position: fixed;
  inset: 14px auto auto 14px;
}

.button-list-panel-13:hover {
  opacity: 1;
  color: #fff;
  background-color: #00b2ed99;
}

.sf-1098 {
  color: #313131;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1098.grey {
  color: #a3a3a3;
}

.submit-save-button-73 {
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-73:hover {
  color: #fff;
  background-color: #1679cf;
}

.create-new-button-26 {
  background-color: #00b2ed;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 40px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 0;
  padding-left: 6px;
  padding-right: 6px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-26:hover {
  color: #fff;
  background-color: #0098df;
}

.sf-1090 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1090.center {
  text-align: center;
  font-weight: 300;
}

.workout-hover {
  z-index: 99;
  background-color: #fff;
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  min-width: 100px;
  padding: 4px 10px;
  position: absolute;
  inset: -49% 0% auto 68px;
  box-shadow: 1px 3px 6px 5px #00000026;
}

.right-side-tab-wrapper {
  background-color: #fff;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  display: flex;
}

.show-exercises-2 {
  background-color: #ddeefa;
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  position: static;
  overflow: visible;
}

.tile-tall-24 {
  text-align: center;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-24:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-24.small {
  clear: left;
  cursor: grab;
  width: 100px;
  height: 112px;
  margin-bottom: 1px;
  margin-right: 4px;
}

.empty-day-text-div-12 {
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.client-list-scroll-holder {
  max-height: 500px;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: auto;
}

.calendar-component-3 {
  margin-top: 6px;
  display: inline-block;
}

.user-actions-9 {
  opacity: 1;
  align-items: center;
  display: flex;
}

.modal-program-list-panel {
  background-color: #0003;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-3723 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
}

.program-name-div-12 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 24px 10px;
  display: flex;
  position: static;
}

.checkbox-holder-9 {
  cursor: default;
  justify-content: center;
  align-items: flex-start;
  width: 40px;
  padding-top: 20px;
  display: flex;
}

.icon-duplicate-15 {
  opacity: .6;
  transition: opacity .3s;
}

.icon-duplicate-15:hover {
  opacity: 1;
}

.checkbox-label-14 {
  color: #312b3de3;
  margin-bottom: 0;
  margin-left: 3px;
  padding-top: 2px;
  padding-left: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.media-library {
  display: none;
}

.left-button-tool-holder {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sf-1086 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1086.semi {
  font-weight: 600;
}

.sf-1086.semi.navy {
  color: #00528c;
  text-align: center;
}

.div-block-3703 {
  cursor: auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  padding-top: 0;
  padding-left: 20px;
  display: inline-block;
}

.template-options {
  background-color: #f0f6fa;
  width: 460px;
  height: auto;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-left: 48px;
  display: block;
}

.divider-div {
  border-top: 1px solid #d8d8d8;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
}

.transfer-owner {
  padding-top: 10px;
  display: block;
}

.sf-1100 {
  color: #312b3de3;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.client-name-div {
  flex-direction: column;
  align-items: flex-start;
  width: 280px;
  max-width: 260px;
  padding-left: 12px;
  display: flex;
}

.client-profile-timeline {
  color: #fff;
  text-align: center;
  background-color: #4197d1;
  background-image: url('../images/client-patty.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  align-items: center;
  width: 36px;
  height: 36px;
  padding-top: 10px;
  font-size: 18px;
  display: block;
}

.textlabel-day-12 {
  color: #fff;
  font-size: 20px;
}

.textlabel-day-12.small {
  font-size: 16px;
}

.div-block-3746 {
  margin-left: 14px;
}

.div-block-3734 {
  min-width: 30px;
  padding-top: 2px;
}

.div-block-3680 {
  justify-content: flex-start;
  display: flex;
}

.day-heading-6 {
  z-index: 20;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding-bottom: 4px;
  padding-left: 10px;
  display: flex;
  position: relative;
}

.collaboration-settings-menu {
  z-index: 40;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 230px;
  height: auto;
  padding-top: 3px;
  padding-bottom: 5px;
  display: none;
  position: fixed;
  inset: 64px 74px auto auto;
  box-shadow: 1px 1px 3px #00000078;
}

.div-block-3713 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-3713.hidden {
  display: none;
}

.list-panel-top-section {
  background-color: #ddeefa;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 4px;
}

.client-options {
  background-color: #f0f6fa;
  width: 460px;
  height: auto;
  padding-top: 4px;
  padding-bottom: 24px;
  padding-left: 48px;
  display: block;
}

.new-option {
  background-color: #032944e6;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 160px;
  margin-top: 10px;
  padding: 20px 14px 14px;
  display: flex;
}

.submit-save-button-74 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-top: 10px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-74:hover {
  color: #fff;
  background-color: #1679cf;
}

.assign-search-wrapper {
  width: 100%;
}

.sf-1095 {
  color: #313131;
  font-size: 24px;
  line-height: 32px;
}

.sf-1095.white {
  color: #fff;
  font-weight: 400;
}

.exercise-img-small {
  background-image: url('../images/plank.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin-top: 0;
  display: block;
}

.default-div {
  background-color: #f6f6f6;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: -1px;
  padding: 14px 24px 15px;
  display: block;
}

.default-div._2 {
  margin-top: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.create-new-button-13 {
  background-color: #00b2ed;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
}

.create-new-button-13:hover {
  color: #fff;
  background-color: #049fd3;
}

.results-holder-52 {
  z-index: 101;
  display: none;
  position: relative;
  overflow: visible;
}

.result-row-58 {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-58:hover, .result-row-58.selected {
  background-color: #d8e6fc;
}

.client-program {
  opacity: 1;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 410px;
  margin: 10px 0 0;
  padding: 6px 10px;
  display: flex;
  position: relative;
}

.client-program.checked {
  background-color: #fff59d;
}

.icon-sendtime {
  opacity: .6;
  transition: opacity .3s;
}

.icon-sendtime:hover {
  opacity: 1;
}

.close-modal-2 {
  cursor: pointer;
  max-width: none;
  display: block;
  position: absolute;
  inset: 8px 8px auto auto;
}

.sf-1084 {
  font-size: 10px;
  line-height: 14px;
}

.sf-1084.label {
  color: #fff;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-size: 10px;
}

.image-632 {
  cursor: pointer;
}

.image-632:hover {
  filter: saturate(71%);
}

.workouts-panel-2 {
  background-color: #ddeefa;
  flex-direction: column;
  width: 320px;
  min-width: 320px;
  height: 100vh;
  padding-top: 80px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: -80px;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.open-library {
  opacity: 1;
  padding-left: 4px;
  padding-right: 4px;
  display: block;
}

.open-library:hover {
  opacity: 1;
}

.loading-indicator-workout-list {
  align-items: flex-start;
  width: 260px;
  height: auto;
  min-height: 50px;
  margin-top: 0;
  padding-top: 4px;
  padding-left: 4px;
  display: flex;
  overflow: hidden;
}

.website-wrapper-copy {
  z-index: 0;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0;
  overflow: visible;
}

.no-program-selected-main-cover {
  z-index: 1000;
  background-color: #fff;
  display: none;
  position: fixed;
  inset: 58px 0% 0%;
}

.text-block-197 {
  color: #bbb;
  font-size: 15px;
}

.exercise-tile-thumb {
  background-image: url('../images/yoga.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60%;
  position: relative;
}

.div-block-3705 {
  flex: 1;
  padding-top: 0;
  padding-bottom: 40px;
  overflow: auto;
}

.program-list-wrapper {
  background-color: #fff;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  flex: 1;
  padding-bottom: 20px;
  display: block;
  overflow: auto;
}

.minute-input-13 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  display: block;
}

.minute-input-13::placeholder {
  color: #0000004f;
}

.header-left-side {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  padding: 4px 10px 6px 0;
  display: flex;
}

.workout-modal-button-holder-20 {
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  border-bottom-right-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 68px;
  max-height: none;
  padding: 4px 20px 0;
  display: flex;
}

.tab-progress-image {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  height: 50px;
}

.program-wrapper-13 {
  align-items: flex-start;
  width: 100vw;
  height: auto;
  display: flex;
  position: relative;
  top: 58px;
  overflow: auto;
}

.matched-56 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.hour-input-2-copy {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
  display: block;
}

.hour-input-2-copy::placeholder {
  color: #00000054;
}

.program-name-input-6 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #032944;
  min-width: 240px;
  height: 40px;
  margin-bottom: 0;
  padding-top: 8px;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.program-name-input-6:hover {
  background-color: #ffffff29;
  border: 1px solid #3d79a3;
}

.program-name-input-6:focus {
  border: 1px solid #3d79a3;
}

.program-name-input-6::placeholder {
  color: #fff;
}

.exercise-content-div-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 87%;
  min-width: 100px;
  max-width: 388px;
  padding-left: 12px;
  display: flex;
  position: static;
  right: 0;
}

.volume-bar-6 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.input-weight {
  text-align: right;
  width: 62px;
  height: 36px;
  margin-bottom: 0;
  margin-right: 6px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.sf-1078 {
  color: #313131;
  font-size: 14px;
  line-height: 18px;
}

.sf-1078.blue {
  color: #00528c;
  text-align: left;
}

.sf-1078.green {
  color: #388e3c;
}

.sf-1078.grey {
  color: #8f8f8f;
}

.sf-1078.white {
  color: #fff;
  inset: 0% auto auto 0%;
}

.sf-1078.red {
  color: #d32f2f;
}

.plus-toggle-copy-11 {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: block;
}

.plus-toggle-copy-11:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border-color: #adadad;
}

.plus-toggle-copy-11:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.exercise-holder-13 {
  flex-direction: column;
  align-items: center;
  max-height: 500px;
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 40px;
  display: block;
  position: static;
  left: 10px;
  overflow: auto;
}

.search-client-div {
  background-color: #f6f6f6;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  margin-top: 14px;
  margin-bottom: 18px;
  padding: 10px 24px 20px;
  display: block;
}

.image-625 {
  opacity: .5;
  display: block;
}

.text-block-201 {
  color: #ffffffe0;
}

.website-view-copy {
  flex-direction: column;
  height: 100vh;
  display: flex;
}

.website-view-copy.modal {
  width: 1100px;
  max-width: 1200px;
  height: 98vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  position: relative;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.workout-div-65 {
  clear: left;
  cursor: move;
  height: auto;
  min-height: 50px;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.workout-div-65.dark-bg {
  background-color: #1389c0;
}

.audio-component-18 {
  background-color: #eef1f3;
  align-items: center;
  width: 100%;
  height: 74px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 16px 16px 20px;
  display: flex;
}

.user-action-button-13 {
  cursor: pointer;
  background-color: #d9ebf6;
  background-image: url('../images/cancel_1cancel.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 4px;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 0;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.user-action-button-13:hover {
  background-color: #b4daf1;
}

.user-action-button-13.remove-workouts {
  opacity: 1;
  background-color: #d9ebf6;
  background-image: url('../images/calendar-remove_1calendar-remove.png');
  background-size: 22px;
  width: 34px;
  height: 34px;
  padding-left: 0;
}

.user-action-button-13.remove-workouts:hover {
  background-color: #b4daf1;
}

.user-action-button-13.duration {
  opacity: 1;
  background-color: #d9ebf6;
  background-image: url('../images/clock-with-white-face_1clock-with-white-face.png');
  background-size: 20px;
  width: 34px;
  height: 34px;
  margin-top: 0;
  padding-left: 0;
}

.user-action-button-13.duration:hover {
  background-color: #b4daf1;
}

.user-action-button-13.replace {
  opacity: 1;
  background-color: #d9ebf6;
  background-image: url('../images/swap_1swap.png');
  background-size: 20px;
  width: 34px;
  height: 34px;
  padding-left: 0;
}

.user-action-button-13.replace:hover {
  background-color: #b4daf1;
}

.library-side-panel-wrapper {
  border-style: none;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-top: 0;
  padding-bottom: 60px;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  position: relative;
  top: 0;
  overflow: auto;
}

.sf-1101 {
  color: #313131;
  font-size: 13px;
  line-height: 15px;
}

.library-empty-copy-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 220px;
  padding-bottom: 40px;
  display: flex;
}

.default-button-div {
  justify-content: center;
  align-items: center;
  margin-top: 3px;
  padding: 10px 20px 14px;
  display: flex;
}

.media-thumb-17 {
  background-color: #3074a3;
  background-image: url('../images/mara-pilates.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  width: 52px;
  height: 38px;
}

.results-holder-73 {
  z-index: 2;
  display: none;
  position: relative;
  overflow: visible;
}

.block-7-19 {
  flex: 1;
  align-items: center;
  min-width: 100px;
  margin-left: 56px;
  padding-left: 10px;
  display: flex;
}

.right-panel-dragger {
  cursor: ew-resize;
  background-color: #1a5e8d;
  border-left: 3px solid #1a5e8d;
  justify-content: center;
  align-items: flex-start;
  width: 8px;
  height: 100vh;
  position: static;
  top: 0%;
  bottom: 0%;
  left: -8px;
  overflow: visible;
}

.right-panel-dragger:hover {
  background-color: #0d4770;
  border-left-color: #49a7e9;
}

.text-block-202 {
  color: #00528c;
  padding: 12px 10px 12px 14px;
  font-weight: 400;
}

.text-block-202:hover {
  background-color: #edf5f8;
}

.text-386 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.program-item-4 {
  cursor: pointer;
  background-color: #ffffff80;
  border-bottom: 1px solid #e7e7e7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 52px;
  padding: 8px 20px 8px 14px;
  display: flex;
  position: relative;
}

.program-item-4:hover {
  background-color: #fffdea;
}

.program-item-4.current {
  background-color: #fff59d;
}

.div-block-3729 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 80px;
  min-height: 80px;
}

.div-block-3695 {
  opacity: .84;
  align-items: center;
  padding-right: 8px;
  display: flex;
}

.week-options {
  z-index: 99;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  min-width: 90px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: absolute;
  top: 26px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.workout-div {
  position: relative;
}

.div-block-3699 {
  align-items: flex-start;
  display: flex;
}

.minus-toggle {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: block;
}

.minus-toggle:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_remove_black_18dp_1baseline_remove_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 18px;
  border-color: #adadad;
}

.minus-toggle:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.results-holder-72 {
  z-index: 1;
  display: none;
  position: relative;
  overflow: visible;
}

.preview-panel-wrapper-11 {
  flex: 1;
  max-height: 90px;
  display: none;
}

.input-label-holder {
  padding-bottom: 10px;
}

.profile-page-button-12 {
  color: #fff;
  cursor: pointer;
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 12px;
  padding-right: 12px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.profile-page-button-12:hover {
  color: #fff;
  background-color: #00b2ede6;
}

.checkbox-label-25 {
  display: none;
}

.programs-options-2 {
  z-index: 99;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 100%;
  margin-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
}

.input-holder-5 {
  background-color: #ddeefaa8;
  border-top: 1px #e2e2e2;
  max-height: 50vh;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 20px 40px;
  display: block;
  overflow: auto;
}

.add-icon2-14 {
  opacity: 1;
  cursor: pointer;
  padding-right: 2px;
  display: block;
}

.add-icon2-14:hover {
  opacity: 1;
}

.calendar-wrapper-6 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  height: 90vh;
  min-height: 0;
  max-height: none;
  margin-left: 0;
  display: flex;
  position: static;
}

.modal-remove-workouts {
  z-index: 999;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.client-status-label {
  background-color: #f44336;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  padding: 2px 6px;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
}

.client-status-label.scheduled {
  background-color: #1f8ddb;
}

.client-status-label.finished {
  background-color: #747474;
}

.time-input-9 {
  z-index: 99;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 3px 10px 9px;
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 1px 1px 3px #00000078;
}

.time-input-9.hidden {
  display: none;
}

.option-menu-div-18 {
  color: #fff;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 4px 0 10px;
  display: flex;
}

.option-menu-div-18:hover {
  background-color: #cfcfcf;
}

.option-menu-div-18.big {
  color: #0000;
  height: 40px;
}

.option-menu-div-18.big:hover {
  background-color: #ececec;
}

.ac-default-label-small-123 {
  color: #00528cc7;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.program-editor-holder-2 {
  flex-direction: column;
  display: flex;
}

.email-thumb {
  background-image: url('../images/email_1email.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 28px;
  height: 32px;
}

.media-item-list {
  border-style: none;
  margin-top: 0;
  padding-bottom: 60px;
  padding-left: 20px;
  position: relative;
  top: 0;
  overflow: auto;
}

.ac-default-label-small-122 {
  color: #564b7f;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.multiple {
  align-items: center;
  display: flex;
}

.link-48 {
  text-align: right;
  cursor: pointer;
  margin-left: 60px;
  font-size: 13px;
  line-height: 15px;
}

.day-heading-14 {
  z-index: 20;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 4px;
  padding-left: 10px;
  display: flex;
  position: relative;
}

.edit-item-wrapper-2 {
  box-shadow: none;
  background-color: #1389c0;
  align-items: center;
  width: auto;
  height: auto;
  min-height: 42px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.workout-mode-wide-copy {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 1000px;
  height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  overflow: visible;
}

.workout-mode-wide-copy.outlined {
  border: 2px solid #00528c;
  max-width: 1000px;
  height: 93vh;
}

.div-block-3691 {
  padding-left: 8px;
}

.text-span-274 {
  color: #0000004d;
}

.textlabel-sf-9 {
  color: #262c46;
  letter-spacing: .2px;
  font-weight: 500;
  line-height: 18px;
}

.textlabel-sf-9._12 {
  font-size: 12px;
  line-height: 16px;
}

.textlabel-sf-9._12.white {
  opacity: 1;
  color: #fff;
  white-space: normal;
  max-width: 140px;
  max-height: 40px;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
}

.workout-name-15 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.div-block-3711 {
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
}

.tag-small-44 {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-44:hover {
  background-color: #00528ccc;
}

.workout-div-6-copy {
  cursor: move;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.post-submit-area-3 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding: 5px 20px 10px;
  display: flex;
}

.post-submit-area-3.center {
  justify-content: center;
}

.audio-player-holder-3 {
  min-width: 100px;
  min-height: 50px;
  margin-top: 15px;
}

.ac-default-label-small-88 {
  color: #575757db;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.icon-save-option {
  margin-bottom: 0;
  margin-right: 12px;
}

.text-block-199 {
  font-size: 18px;
}

.div-block-3751 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.modal-workout-save-options {
  z-index: 998;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-3716 {
  margin-bottom: 8px;
}

.media-tab-content {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.toggle-holder-2 {
  background-color: #f0f0f0;
  border: 1px #000;
  border-top: 1px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  border-radius: 0;
  align-items: center;
  height: 64px;
  padding-left: 20px;
  display: flex;
}

.chip-label-50 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-50.small {
  font-size: 13px;
  line-height: 16px;
}

.text-384 {
  color: #00528c;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.tile-thumb-12 {
  background-image: url('../images/IMG_1424.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 74px;
  position: relative;
}

.tile-thumb-12.audio {
  background-image: url('../images/sound.png');
}

.pin-text-description {
  justify-content: center;
  width: 460px;
  padding-top: 8px;
  padding-bottom: 10px;
  display: flex;
}

.workout-div-63 {
  cursor: move;
  height: auto;
  min-height: 50px;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.workout-div-63.dark-bg {
  background-color: #1389c0;
}

.sf-15-med-107 {
  color: #000000db;
  text-shadow: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.side-client-wrapper {
  background-color: #f5faff;
  border-top: 1px #b5e1f0;
  border-bottom: 1px solid #b5e1f0;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 8px;
  display: flex;
  position: relative;
}

.side-client-wrapper:hover {
  background-color: #edf7ff;
}

.side-client-wrapper.finished {
  opacity: .7;
  background-color: #f8f8f8;
}

.button-list-panel-9 {
  z-index: 1001;
  opacity: .9;
  background-color: #00b2ed66;
  background-image: url('../images/main_1main.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px 26px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  position: fixed;
  inset: 14px auto auto 14px;
}

.button-list-panel-9:hover {
  opacity: 1;
  color: #fff;
  background-color: #00b2ed99;
}

.edit-workout-right-side-10 {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  width: auto;
  height: 100%;
  padding-top: 5px;
  display: flex;
  position: relative;
  left: 0;
  overflow: visible;
}

.modalclosediv-57 {
  z-index: 1000;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.modalclosediv-57.small {
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 6px;
  right: 6px;
}

.section-input-wrapper-12 {
  padding: 10px 20px;
  display: block;
}

.calendar-modal {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  padding-bottom: 0;
  display: none;
  position: fixed;
  inset: 0;
}

.success-banner {
  background-color: #4caf50;
  align-items: center;
  height: 46px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.radio-button-field-20 {
  margin-top: 14px;
  margin-bottom: 8px;
}

.image-629 {
  display: none;
}

.sf-1076 {
  color: #313131;
  font-size: 14px;
  line-height: 20px;
}

.content-edit-wrapper-copy {
  border-radius: 4px;
  min-height: 70px;
  margin-bottom: 4px;
  padding: 8px 14px;
  display: block;
  position: relative;
  top: 0;
}

.scheduled-overlay {
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  background-color: #ffffff4d;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 260px;
  height: 100%;
  min-height: 42px;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.scheduled-overlay:hover {
  opacity: 1;
  background-color: #ffffff4d;
}

.text-block-133 {
  border-right: 0 solid #000;
}

.divider-5 {
  border: 1px #000;
  border-bottom: 1px solid #262c463d;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-bottom: 0;
}

.modal-top-bar-39 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.owner-name-text {
  color: #424242;
  text-transform: none;
  font-size: 15px;
}

.sf-1099 {
  color: #313131;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1099.white {
  color: #fff;
  white-space: nowrap;
  line-height: 18px;
  transition: background-color .2s;
}

.workout-text-11 {
  width: 206px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  overflow: visible;
}

.modal-customize-exercises {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  padding-bottom: 30px;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-replace-exercise {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-3718 {
  justify-content: space-between;
  align-items: center;
  width: 1020px;
  padding-top: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  display: flex;
}

.rest-input {
  text-align: center;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  display: block;
}

.rest-input::placeholder {
  color: #0000004f;
}

.toggle-bar-3 {
  width: 100%;
  display: block;
  position: relative;
}

.library-empty-copy-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.customize-exercises {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 580px;
  height: auto;
  max-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 10px;
  display: none;
  position: static;
  left: 0;
  overflow: visible;
}

.div-block-3707 {
  height: 6px;
  position: absolute;
}

.modal-workout-details {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.heading-holder-13 {
  background-color: #fff;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  padding: 0 20px;
  display: block;
}

.arrow-left-3 {
  cursor: pointer;
  background-image: url('../images/arrow-back_1arrow-back.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 30px;
  height: 30px;
  margin-top: 4px;
  padding-top: 10px;
  padding-left: 12px;
}

.textarea-21 {
  min-height: 80px;
  font-size: 15px;
}

.hour-input-13 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 8px 0 0;
  display: block;
}

.hour-input-13::placeholder {
  color: #00000054;
}

.message-holder-18 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.text-span-271 {
  margin-left: 9px;
}

.submit-button-41 {
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-41:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-41.cancel {
  background-color: #97a4af;
}

.submit-button-41.cancel:hover {
  background-color: #889097;
}

.preview-holder-6 {
  background-color: #00000063;
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
  position: static;
}

.header-48 {
  z-index: 24;
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 58px;
  padding-top: 8px;
  padding-bottom: 6px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.checkbox-holder-13 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  padding-top: 12px;
  padding-left: 6px;
  display: flex;
}

.additional-input {
  margin-top: -4px;
  margin-left: 22px;
  display: block;
}

.additional-input.name {
  width: 80%;
  display: block;
}

.additional-input.select {
  display: block;
}

.modal-edit-workout-4 {
  z-index: 995;
  background-color: #0006;
  width: 0;
  height: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
  position: fixed;
  inset: 0 0 0 162px;
}

.tag-content-41 {
  justify-content: space-around;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-41.small {
  height: 30px;
  min-height: 30px;
}

.text-span-268 {
  font-weight: 600;
}

.sf-1097 {
  color: #313131;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-1097.semi {
  opacity: 1;
  font-weight: 600;
  line-height: 14px;
}

.sf-1097.semi.navy {
  color: #1e6190;
}

.sf-1097.button {
  color: #fff;
}

.div-block-3694 {
  background-color: #fffc;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 80px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 80px 0% auto;
}

.preview-subsection {
  opacity: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-3740 {
  margin-left: 14px;
  position: relative;
  right: 0;
}

.text-bottom-duraction-label {
  color: #161616;
  font-size: 12px;
  line-height: 18px;
}

.text-bottom-duraction-label.grey {
  opacity: .68;
  text-align: center;
  opacity: .68;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
}

.text-bottom-duraction-label.grey:hover {
  text-decoration: underline;
}

.plus-toggle {
  color: #0000;
  background-color: #ececec;
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 1px;
  margin-right: 1px;
  transition: background-color .4s;
  display: block;
}

.plus-toggle:hover {
  background-color: #fff;
  background-image: linear-gradient(#ffffff3d, #ffffff3d), url('../images/baseline_add_black_18dp_1baseline_add_black_18dp.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 22px;
  border-color: #adadad;
}

.plus-toggle:focus {
  background-color: #fff;
  border-color: #adadad;
  box-shadow: 0 0 6px 3px #00b2ed;
}

.email-header-left-3 {
  flex: 1;
  max-width: 840px;
  position: relative;
  top: 0;
}

.client-list-section {
  justify-content: center;
  width: auto;
  display: flex;
  overflow: auto;
}

.assigned-panel-wrapper-8 {
  border-top: 1px solid #b5e1f0;
  flex: 1;
  min-height: 140px;
  max-height: 90vh;
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 100px;
  display: block;
  position: static;
  overflow: auto;
}

.edit-send-time {
  z-index: 997;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  min-height: 100px;
  padding: 10px 20px 8px;
  display: block;
  position: fixed;
  inset: 42% 25% auto auto;
  box-shadow: 2px 3px 7px 2px #0000004a;
}

.sf-1077 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1077.white {
  color: #fff;
  padding-left: 0;
  font-weight: 400;
}

.checkbox-field-48 {
  margin-bottom: 0;
}

.div-block-3735 {
  justify-content: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-3735.hidden {
  padding-top: 20px;
  padding-left: 0;
}

.submit-button-area-36 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.submit-button-area-36.vertical {
  flex-direction: column;
  justify-content: space-around;
  height: auto;
  min-height: 90px;
  padding-top: 14px;
  padding-bottom: 24px;
}

.workout-img-copy-4 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 42px;
}

.link-49 {
  color: #16c5ff;
}

.reset-button {
  opacity: .78;
  cursor: pointer;
  background-color: #585858;
  border-radius: 4px;
  align-items: center;
  height: 22px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.reset-button:hover {
  opacity: .9;
}

.play-pause-8 {
  min-width: 100%;
  height: auto;
  margin-left: 0;
  padding-top: 13px;
}

.button-small-2 {
  color: #00b2ed;
  text-align: center;
  background-color: #fff;
  border: 1px solid #00b2ed;
  width: 160px;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  line-height: 12px;
  transition: background-color .6s;
}

.button-small-2:hover {
  background-color: #00b2ed33;
}

.button-small-2.long {
  width: 200px;
  margin-left: 5px;
  margin-right: 5px;
}

.results-scroller-84 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 500px;
  display: block;
  position: absolute;
  overflow: auto;
}

._7-days--wrapper-10 {
  position: static;
  overflow: auto;
}

.tile-tall-27 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 22%;
  min-width: 90px;
  min-height: 106px;
  margin-top: 2px;
  margin-bottom: 0;
  margin-right: 5px;
  padding-bottom: 5px;
  display: inline-block;
  position: relative;
}

.tile-tall-27:hover {
  background-image: linear-gradient(#000, #fff);
}

.search-field-26 {
  color: #a8a1a1;
  background-color: #fff9;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 12px;
  display: flex;
}

.search-field-26:focus {
  border-color: #00b2ed;
}

.search-field-26::placeholder {
  color: #03294480;
}

.client-assign-holder {
  background-color: #fff;
  border-width: 1px;
  border-color: #e9e9e9 #000;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  min-height: 240px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 30px 40px;
  transition: background-color .4s;
  display: block;
  position: relative;
  overflow: visible;
}

.preview-outer-wrapper-2 {
  background-color: #eee;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  display: block;
  position: static;
  overflow: auto;
}

.program-options-button-2 {
  cursor: pointer;
  background-color: #155279;
  background-image: url('../images/icon-more_1icon-more.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 4px;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-right: 14px;
  padding-left: 14px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.program-options-button-2:hover {
  background-color: #315e7a;
}

.mini-calendar {
  opacity: .7;
  cursor: pointer;
  margin-right: 10px;
  padding-left: 4px;
  padding-right: 4px;
  transition: opacity .3s;
  position: relative;
  transform: translate(0);
}

.mini-calendar:hover {
  opacity: 1;
}

.workout-list-3 {
  border-style: none;
  flex: 1;
  margin-top: 0;
  padding-bottom: 60px;
  display: block;
  position: relative;
  top: 0;
  overflow: scroll;
}

.modal-weight-settings {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  padding-bottom: 30px;
  display: none;
  position: fixed;
  inset: 0;
}

.grey-label-15 {
  color: #312b3de3;
  text-align: center;
  padding: 8px 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
}

.sf-14-grey-label-copy {
  color: #727272;
  padding-top: 0;
  padding-left: 40px;
  font-size: 14px;
  line-height: 20px;
}

.calendar-icon-2:hover {
  opacity: 1;
}

.durationlabel-2 {
  color: #262c469c;
  letter-spacing: .2px;
  font-size: 12px;
  line-height: 18px;
  display: block;
}

.durationlabel-2.hidden {
  padding-bottom: 2px;
}

.profile-pic-timeline-9 {
  background-color: #87c2e9;
  border-radius: 50px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  position: relative;
}

.apply-button-holder-13 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.email-editor-modal {
  background-color: #0006;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-3712 {
  padding-bottom: 8px;
}

.remove-pin-date {
  opacity: .5;
  cursor: pointer;
  background-color: #fffc;
  border-radius: 16px;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 8px;
  display: flex;
}

.remove-pin-date:hover {
  opacity: .8;
}

.modal-content-calendar-2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 1100px;
  height: auto;
  min-height: 640px;
  max-height: 0%;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  position: relative;
  overflow: visible;
}

.program-list {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  width: 360px;
  margin-top: 64px;
  margin-left: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 3px 3px 11px -1px #0000006e;
}

.customize-weights {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 580px;
  height: auto;
  max-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 10px;
  display: block;
  position: static;
  left: 0;
  overflow: visible;
}

.workout-library-2 {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  display: flex;
  overflow: hidden;
}

.media-thumb-18 {
  background-image: url('../images/mara-pilates.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 52px;
  height: 42px;
  position: relative;
}

.div-block-3743 {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  min-height: 0;
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 8px 14px;
  display: flex;
  position: relative;
}

.button-today-16 {
  background-color: #d9ebf6;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  transition: background-color .4s;
  display: flex;
}

.button-today-16:hover {
  background-color: #b4daf1;
}

.chat-message-unit-16 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.owner-name-label {
  color: #707070;
  font-size: 13px;
  line-height: 13px;
}

.client-detail-button {
  opacity: .8;
  align-items: center;
  min-width: 40px;
  height: 30px;
  padding-left: 6px;
  padding-right: 6px;
  display: none;
}

.client-detail-button:hover {
  opacity: 1;
}

.set-label-13 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-weight: 400;
  line-height: 16px;
  display: flex;
}

.div-block-3725 {
  border-style: none;
  border-width: 1px;
  align-items: flex-start;
  height: 30px;
  display: flex;
}

.remove-45 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-45:hover {
  opacity: 1;
}

.remove-45.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.loading-posts-indicator-copy {
  padding-top: 60px;
  padding-bottom: 20px;
}

.save-options-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-top: 0;
  padding-bottom: 16px;
  display: flex;
}

.outer-holder-6 {
  display: flex;
}

.form-block-111 {
  margin-bottom: 0;
}

.sf-14-regular-29 {
  color: #313131;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sf-14-regular-29.bold {
  font-size: 16px;
  font-weight: 600;
}

.sf-14-regular-29.white {
  color: #fff;
}

.div-block-3747 {
  background-image: url('../images/reset_1reset.png');
  background-position: 50%;
  background-size: cover;
  width: 12px;
  height: 12px;
  margin-right: 6px;
}

.search-field-tagger-8 {
  background-color: #0000000f;
  border: 1px solid #cecece;
  min-height: 40px;
  padding-left: 10px;
  display: block;
}

.timeline-item-header {
  border: 1px #000;
  align-items: center;
  margin-bottom: 6px;
  padding-bottom: 0;
  display: flex;
}

.sf-14-grey-label-22 {
  color: #727272;
  padding-top: 0;
  font-size: 14px;
  line-height: 20px;
}

.number-input-4 {
  z-index: 99;
  background-color: #e9e9e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: auto;
  padding: 3px 10px 9px;
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 1px 1px 3px #00000078;
}

.number-input-4.hidden {
  display: none;
}

.edit-send-time-modal {
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.apply-button-holder-6 {
  border-top: 1px solid #e7e7e7;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.option-menu-div-28 {
  color: #fff;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 4px 0 10px;
  display: flex;
  position: relative;
}

.option-menu-div-28:hover {
  background-color: #cfcfcf;
}

.option-menu-div-28.big {
  color: #0000;
  height: 40px;
}

.option-menu-div-28.big:hover {
  background-color: #e9e9e9;
}

.option-menu-div-28.big2 {
  color: #0000;
  background-color: #fff;
  height: 42px;
}

.option-menu-div-28.big2:hover {
  background-color: #e1ebfa;
}

.sf-1082 {
  color: #313131;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1082.dark-blue {
  color: #00528c;
}

.sf-1082.dark-blue.semi {
  cursor: pointer;
  position: relative;
}

.sf-1082.white {
  color: #fff;
}

.sf-1082.semi {
  font-weight: 600;
}

.empty-view-message-holder {
  opacity: .8;
  width: 400px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.preview-client-options {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  display: none;
}

.results-scroller-69 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 50vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.div-block-3749 {
  width: 62px;
}

.lets-go-button {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 46px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.lets-go-button:hover {
  color: #fff;
  background-color: #0d72b9;
}

.lets-go-button.small {
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
}

.div-block-3737 {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 8px;
  display: flex;
}

.show-workouts-div {
  width: 90px;
  position: fixed;
}

.timeline-media-37 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.icon-cal:hover {
  opacity: 1;
}

.default-settings-button {
  opacity: .9;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.default-settings-button:hover {
  opacity: 1;
}

.program-button-copy {
  margin-left: auto;
}

.res-toggle {
  opacity: .5;
  border-left: 1px solid #215e85;
  border-right: 1px solid #215e85;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 40px;
  margin-left: -1px;
  display: flex;
}

.res-toggle:hover {
  opacity: .8;
}

.res-toggle.selected {
  opacity: .8;
  background-color: #000a11;
}

.client-search-add-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 20px;
  padding-bottom: 40px;
  display: block;
}

.edit-exercise-13 {
  cursor: move;
  background-color: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  max-width: 540px;
  height: auto;
  margin: 4px 0 0;
  padding: 0 0 0 2px;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 1px 1px 2px #00000030;
}

.edit-exercise-13:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.edit-exercise-13.selected-exercise {
  background-color: #fcfded;
  border-width: 2px;
  border-color: #00b2ed;
}

.exercise-tile-name {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40%;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.responsive-toggle-bar-copy {
  background-color: #032944;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
}

.checkbox-div-4 {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.checkbox-div-4.selected {
  background-image: url('../images/checked_1.png');
  background-size: cover;
}

.bold-text-10 {
  cursor: pointer;
}

.div-block-3727 {
  background-color: #e9e9e9;
  justify-content: space-between;
  align-items: center;
  margin-top: 3px;
  padding: 4px 14px 8px;
  display: flex;
}

.div-block-3702 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-200 {
  color: #262c46;
  font-weight: 500;
}

.div-block-3698 {
  padding-bottom: 10px;
}

.div-block-3732 {
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.delete-icon-holder-11 {
  background-color: #f6f6f6;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
}

.div-block-3700 {
  min-width: 150px;
  display: flex;
}

.delete-icon-holder-16 {
  background-color: #9e9e9e24;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
  position: relative;
  left: 0;
  right: 0;
}

.add-button {
  opacity: 1;
  cursor: pointer;
  padding-right: 10px;
  transition: opacity .3s;
  position: relative;
  transform: translate(0);
}

.add-button:hover {
  opacity: 1;
}

.modal-content-exercises-7 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 540px;
  min-height: 260px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  overflow: visible;
}

.main-view-wrapper-7 {
  flex: 1;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  position: static;
  overflow: visible;
}

.menut-list-item-overlay-8 {
  opacity: 0;
  cursor: pointer;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 95%;
  padding-top: 6px;
  padding-right: 0;
  transition: opacity .6s;
  display: block;
  position: absolute;
  inset: 0%;
}

.menut-list-item-overlay-8:hover {
  opacity: 1;
  color: #1565c0;
  background-image: linear-gradient(to right, #fff0, #fffdea 74%);
}

.hour-input-copy {
  text-align: right;
  width: 50px;
  height: 32px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.hour-input-copy::placeholder {
  color: #00000054;
}

.small-text-10 {
  color: #727272;
  text-transform: none;
  padding-top: 0;
  padding-left: 0;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
}

.image-634 {
  opacity: 1;
  margin-right: 5px;
  transition: opacity .3s;
}

.results-wrapper-52 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.right-client-overlay-13 {
  opacity: 0;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 6px;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  left: 0;
}

.right-client-overlay-13:hover {
  opacity: 1;
}

.client-sync-12 {
  background-color: #0000;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 44px;
  margin-left: 0;
  margin-right: 14px;
  display: flex;
  position: relative;
}

.exercise-holder-5 {
  flex-direction: column;
  align-items: center;
  max-height: 500px;
  padding-top: 0;
  padding-bottom: 10px;
  padding-left: 40px;
  display: block;
  position: static;
  left: 10px;
  overflow: auto;
}

.input-workout-name-2 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.text-span-270 {
  font-size: 10px;
  line-height: 14px;
}

.modalclosediv-58 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: static;
}

.modalcontent-28 {
  background-color: #fff;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 30px;
  display: block;
}

.button-div {
  opacity: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  margin-top: 12px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  bottom: 21px;
  left: 0;
  right: 0;
}

.scheduled-item-11 {
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.text-235 {
  color: #707070;
  font-size: 10px;
}

.program-wrapper-12 {
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
  top: 80px;
  overflow: visible;
}

.text-initials-13 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.form-program-name-4 {
  width: 100%;
  min-width: 240px;
}

.workout-name-2 {
  color: #424242;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.div-block-3696 {
  justify-content: flex-end;
  align-items: center;
  height: 68px;
  padding-right: 20px;
  display: flex;
}

.div-block-3717 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.add-week-column-wrapper {
  background-color: #0000;
  border-radius: 4px;
  width: auto;
  min-width: 120px;
  height: auto;
  min-height: 140px;
  margin-bottom: 0;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.text-379 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.text-379.light {
  font-weight: 300;
}

.sf-1079 {
  color: #727272;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.page-options-copy {
  opacity: 1;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  padding-top: 4px;
  padding-bottom: 10px;
  transition: opacity .3s;
  display: flex;
  position: static;
  transform: translate(0);
}

.div-block-3753 {
  border-top: 1px solid #e9e9e9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 30px;
  display: flex;
}

.modal-cancel-program {
  z-index: 999;
  background-color: #0006;
  padding-top: 60px;
  display: block;
  position: fixed;
  inset: 0;
}

.modal-cancel-program.hidden {
  display: none;
}

.tab-progress-indicator-copy {
  height: 75px;
  padding-top: 60px;
  padding-bottom: 20px;
}

.modal-editing-access {
  z-index: 995;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.program-tile-overlay-23 {
  opacity: 0;
  background-color: #ffffff80;
  border: 1px solid #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  inset: 0 0% 0% 0;
}

.program-tile-overlay-23:hover {
  opacity: 1;
  background-color: #0000;
  background-image: linear-gradient(225deg, #fffffffa, #ffffff4d 72%);
}

.default-settings-wrapper {
  z-index: 981;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  width: 330px;
  padding-bottom: 4px;
  display: block;
  position: absolute;
  inset: 0 auto auto 220px;
  box-shadow: 1px 1px 3px #00000078;
}

.workout-name-div-7 {
  flex-direction: row;
  align-items: center;
  padding: 0 20px 8px 14px;
  display: flex;
  position: relative;
}

.search-field-27 {
  color: #a8a1a1;
  background-color: #ffffffb3;
  border: 1px solid #b1d7f1;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 36px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 12px;
  display: flex;
}

.search-field-27:focus {
  border-color: #00b2ed;
}

.search-field-27::placeholder {
  color: #03294480;
}

.checkbox-label-16 {
  color: #00528c;
  margin-bottom: 0;
  margin-left: 3px;
  padding-top: 4px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.scheduled-item-2-copy {
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 4px;
  display: flex;
  overflow: hidden;
}

.label-tile-8 {
  color: #313131;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  position: absolute;
  inset: 3px 0%;
}

.modal-content-username-copy-2 {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 600px;
  min-height: 200px;
  max-height: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: flex;
  overflow: hidden;
}

.afewa-3 {
  cursor: pointer;
  margin-top: 3px;
}

.expand-panel-tab-copy {
  z-index: 1200;
  cursor: pointer;
  background-color: #c4f0ff;
  background-image: url('../images/arrow-back_1arrow-back.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border: 1px solid #ffffffb8;
  border-right-style: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 32px;
  height: 32px;
  margin-top: 2px;
  margin-left: auto;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 3px 3px 9px 5px #0000004d;
}

.expand-panel-tab-copy:hover {
  background-color: #f0fbff;
}

.timeline-sender-17 {
  flex-direction: row;
  align-items: center;
  padding-bottom: 8px;
  padding-left: 14px;
  display: flex;
}

.clear-pin {
  opacity: .5;
  background-image: url('../images/close_2close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  min-width: 20px;
  min-height: 28px;
}

.clear-pin:hover {
  opacity: .65;
}

.sf-15-med-108 {
  color: #000000db;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.item-name-input-4 {
  color: #1d1d1d;
  background-color: #ffffff94;
  border: 1px solid #d3d3d3;
  height: 40px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.item-name-input-4:hover {
  background-color: #fff;
  border: 1px solid #d3d3d3;
}

.item-name-input-4:focus {
  border: 1px solid #a7a7a7;
}

.auto-sync-text {
  justify-content: center;
  align-items: center;
  width: 160px;
  padding-top: 4px;
  padding-left: 4px;
  line-height: 52px;
  display: block;
}

.item-holder-17 {
  cursor: auto;
  display: block;
  position: static;
}

.div-block-3684 {
  margin-left: 12px;
}

.input-wrapper-14 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 2px;
  padding-bottom: 0;
  display: flex;
}

.submit-save-button-76 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 15px;
  transition: background-color .4s;
  display: flex;
}

.submit-save-button-76:hover {
  color: #fff;
  background-color: #1679cf;
}

.sf-1089 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1089.white {
  color: #fff;
  cursor: default;
}

.text-initials-57 {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: 0%;
}

.empty-client-list {
  background-color: #fff;
  border: 1px #000;
  border-top-color: #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  align-items: center;
  width: 480px;
  height: auto;
  margin: 0 auto;
  padding: 10px 6px 10px 20px;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.empty-client-list:hover {
  background-color: #fffbd6;
}

.empty-client-list.empty {
  border-style: none;
  padding: 24px 20px;
}

.empty-client-list.empty:hover {
  background-color: #0000;
}

.workout-div-66 {
  cursor: move;
  height: auto;
  min-height: 50px;
  padding-top: 0;
  padding-bottom: 4px;
  position: relative;
}

.timeline-client-name {
  padding-left: 10px;
}

.tag-small-45 {
  clear: left;
  cursor: move;
  background-color: #00528cbd;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-45:hover {
  background-color: #00528ce6;
}

.tag-small-45.hidden {
  max-width: 100%;
}

.modal-select-clients {
  z-index: 999;
  background-color: #0006;
  max-height: 100vh;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.div-block-3710 {
  background-color: #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
}

.delete-client {
  background-color: #0000;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  justify-content: flex-end;
  align-items: center;
  width: 30px;
  margin-left: 9px;
  display: flex;
  position: relative;
  right: -80px;
}

.workout-div-62 {
  cursor: move;
  background-color: #1389c0;
  transition: opacity .3s;
  display: block;
  position: relative;
}

.div-block-3685 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-left: 0;
  display: flex;
}

.right-side-top {
  background-color: #ddeefa;
}

.library-search-section-9 {
  justify-content: center;
  padding: 20px 8px 8px;
  display: block;
}

.workout-date-timeline-2 {
  border: 1px #000;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 4px;
  display: flex;
}

.face-graphic {
  background-image: url('../images/face.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 140px;
  height: 180px;
  margin-top: 20px;
}

.exercise-row-8 {
  border-style: none;
  border-color: #e9e9e9 #000 #000;
  align-items: flex-start;
  width: 82%;
  min-width: 270px;
  max-width: 460px;
  height: auto;
  margin: 0;
  padding: 0 8px 6px;
  transition: background-color .4s;
  display: flex;
  position: static;
  overflow: visible;
}

.tooltip-7 {
  z-index: 996;
  opacity: .9;
  background-color: #262c46;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.unmatched-43 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.media-preview-13 {
  text-align: left;
  background-color: #e4f2fd;
  justify-content: center;
  align-items: center;
  width: 400px;
  min-height: 220px;
  margin-top: 10px;
  display: flex;
}

.image-628 {
  filter: invert();
  position: relative;
}

.pin-date-modal {
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.sort-option-16 {
  opacity: 1;
  color: #00528c;
  text-align: center;
  cursor: default;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  height: 34px;
  margin-right: 8px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  line-height: 15px;
  display: flex;
}

.sort-option-16:hover {
  background-color: #b7d9f1b3;
}

.sort-option-16.selected {
  cursor: default;
  background-color: #b7d9f1;
  border-color: #fff;
}

.div-block-3686 {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.exercise-name-div {
  padding-left: 10px;
  padding-right: 10px;
}

.intro-23 {
  z-index: 1000;
  text-align: center;
  cursor: nwse-resize;
  background-color: #ebf0f3;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  display: block;
  position: fixed;
  overflow: hidden;
}

.profile-pic {
  background-color: #85b7da;
  border-radius: 50px;
  width: 70px;
  min-width: 70px;
  height: 70px;
  position: relative;
}

.profile-pic.small {
  width: 42px;
  min-width: 42px;
  height: 42px;
}

.div-block-3754 {
  background-color: #f7f7f7;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  margin-bottom: 2px;
  padding-left: 14px;
  padding-right: 20px;
  display: flex;
}

.div-block-3750 {
  width: 34px;
  min-width: 34px;
  margin-right: 10px;
}

.ac-default-label-small-124 {
  color: #8a8a8a;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.send-copy-inner-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 20px;
  padding-bottom: 100px;
  display: block;
}

.set-number-3 {
  background-color: #00528c;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 30px;
  height: 24px;
  padding-left: 4px;
  padding-right: 4px;
  transition: background-color .275s;
  display: flex;
}

.set-number-3:hover {
  background-color: #00b2ed;
}

.hour-input-9 {
  text-align: right;
  width: 44px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0 10px 0 0;
  display: block;
}

.hour-input-9::placeholder {
  color: #00000054;
}

.programs-search-wrapper {
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  display: block;
}

.modal-close {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.modal-close.editor {
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  inset: 0% 0% auto auto;
}

.modal-close.editor:hover {
  opacity: 1;
}

.cal-client-name {
  padding-left: 10px;
  padding-right: 20px;
}

.text-375 {
  color: #00528c;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.save-option {
  background-color: #e3edf5;
  border: 1px #adc9ec;
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 460px;
  height: 60px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 21px;
  padding-right: 12px;
  transition: box-shadow .4s;
  display: flex;
  position: static;
}

.div-block-3728 {
  align-items: flex-start;
  width: 290px;
  height: 40px;
  display: flex;
}

.workout-modal-button-holder-21 {
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  justify-content: center;
  align-items: center;
  width: 580px;
  height: 68px;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  bottom: 8px;
  right: 0;
}

.workout-modal-button-holder-21.noborder {
  border-top-style: none;
  width: auto;
  height: 80px;
}

.email-library {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  display: flex;
  overflow: auto;
}

.no-content-display-3 {
  z-index: 9999;
  opacity: .8;
  text-align: center;
  cursor: default;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  padding: 40px 20px;
  display: block;
  position: relative;
}

.div-block-722-copy {
  padding-top: 10px;
}

.arrow-right-4 {
  background-image: url('../images/arrow-right_2arrow-right.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 40px;
  height: 30px;
  margin-top: 8px;
  padding-top: 10px;
  padding-left: 12px;
  position: absolute;
}

.icon-img-holder {
  background-image: url('../images/cal-white_1cal-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 42px;
  height: 34px;
  min-height: 34px;
  margin-bottom: 8px;
}

.icon-img-holder.program-icon {
  background-image: url('../images/cal_2cal.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px;
}

.icon-img-holder.assets-icon {
  background-image: url('../images/assets_1assets.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px;
}

.div-block-3983 {
  flex: 0 auto;
  display: block;
  position: static;
  inset: 40% auto 0% 180px;
}

.post-button-img-6 {
  width: 26px;
  min-width: 26px;
}

.div-block-3968 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
}

.search-wrapper-39 {
  position: relative;
}

.div-block-3984 {
  flex-direction: row;
  align-items: center;
  padding-left: 16px;
  display: flex;
}

.select-field-35 {
  color: #1f1f1f;
  background-color: #fff;
  width: 180px;
  margin-bottom: 0;
}

.text-409 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-409.light {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.text-410 {
  color: #161616;
  font-size: 12px;
  line-height: 16px;
}

.ac-default-label-small-132 {
  color: #032944bd;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.sf-15-semi-11 {
  color: #313131;
  text-shadow: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.audio-player-controls-29 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-29:hover, .audio-player-controls-29.no-image {
  opacity: 1;
}

.checkbox-field-85 {
  margin-bottom: 20px;
}

.div-block-3999 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.form-block-124 {
  margin-bottom: 0;
}

.social-icon-5 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-5.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.form-106 {
  padding-top: 14px;
}

.div-block-3944 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.chip-label-62 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-62.small {
  font-size: 13px;
  line-height: 16px;
}

.image-679 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.toggle-option-3 {
  color: #1169c7;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-left: 1px solid #00528c6e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  transition: background-color .4s;
  display: flex;
}

.toggle-option-3:hover {
  background-color: #d9e4ff;
}

.toggle-option-3.selected {
  color: #fff;
  background-color: #1169c7;
}

.submit-button-small-38 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-small-38:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-small-38.cancel {
  background-color: #97a4af;
}

.submit-button-small-38.cancel:hover {
  background-color: #8c959c;
}

.group-inner-wrapper {
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 5px;
  padding-left: 34px;
  padding-right: 14px;
  display: flex;
}

.sf-1223 {
  color: #032944;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.result-row-68 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-68:hover, .result-row-68.selected {
  background-color: #d8e6fc;
}

.result-row-68.checked {
  background-color: #ebecee;
}

.result-row-68.checked.selected {
  background-color: #d8e6fc;
}

.upload-button-div-6 {
  clear: left;
  width: 130px;
  height: auto;
  margin-bottom: 6px;
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  position: static;
  top: 0;
}

.div-block-3987 {
  height: 6px;
  position: absolute;
}

.result-row-67 {
  align-items: center;
  height: auto;
  min-height: 38px;
  padding: 6px 8px;
  font-size: 16px;
  display: flex;
}

.result-row-67:hover {
  background-color: #d8e6fc;
}

.div-block-4002 {
  background-color: #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
}

.div-block-4025 {
  margin-bottom: 20px;
  padding-top: 20px;
}

.div-block-3967 {
  min-width: 150px;
  display: flex;
}

.plans-wrapper-9 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.post-bottom-right-dragger-2 {
  cursor: nwse-resize;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.sf-1216 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1216.semi {
  font-weight: 600;
}

.sf-1216.semi.navy {
  color: #00528c;
}

.post-button-img-9 {
  width: 24px;
  min-width: 24px;
}

.image-waiting-view {
  padding-top: 10px;
  padding-bottom: 10px;
}

.checkbox-field-83 {
  padding-left: 20px;
}

.sf-15-med-120 {
  color: #000000db;
  text-shadow: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1239 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1239.white {
  color: #fff;
  cursor: default;
}

.sf-1239.semi {
  color: #312b3de3;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.audio-bottom-controls-10 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.handle-volume-27 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-27:hover {
  background-color: #fff;
}

.div-block-3949 {
  margin-left: 14px;
  position: relative;
  right: 0;
}

.text-417 {
  color: #00528c;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1238 {
  color: #313131;
  font-size: 14px;
  line-height: 18px;
}

.div-block-1299-copy {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 10px 10px 15px;
  display: flex;
  position: relative;
}

.action-button-58 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-58:hover {
  color: #fff;
  background-color: #0d72b9;
}

.ac-default-label-small-140 {
  color: #312b3db3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.compliance-toggle {
  border-radius: 4px;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  display: flex;
}

.sf-1230 {
  color: #000000db;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1230.semi {
  font-weight: 600;
}

.form-block-63 {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.results-wrapper-59 {
  z-index: 4;
  border: 0 solid #cfcfcf;
  width: 100%;
  display: none;
  position: absolute;
  box-shadow: 3px 3px 13px 1px #0003;
}

.sf-1219 {
  color: #313131;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.tag-item-input-81 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.add-blue-button-xs {
  cursor: pointer;
  background-color: #0092ede6;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  height: 34px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.add-blue-button-xs:hover {
  color: #fff;
  background-color: #0c7fc7;
}

.text-span-295 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.sf-15-med-72 {
  color: #313131;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-72.navy {
  color: #00528c;
}

.div-block-4038 {
  padding-right: 5px;
}

.text-span-296 {
  color: #8a8a8a;
}

.reaction-icon-bar-7 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-7:hover {
  background-color: #eef3f8;
}

.div-block-3990 {
  padding-left: 8px;
}

.div-block-3976 {
  align-items: center;
  padding-top: 4px;
  display: flex;
}

.result-row-66 {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-66:hover, .result-row-66.selected {
  background-color: #d8e6fc;
}

.compliance-settings-wrapper {
  background-color: #fcfcfc;
  border-radius: 4px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.sf-1218 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1218.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.div-block-3997 {
  margin-left: 14px;
}

.frequency-toggles {
  border: 1px solid #2e7bf5;
  border-left: 1px #527bbb;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.button-select-plan-7 {
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 100px;
  height: 46px;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.button-select-plan-7:hover {
  color: #fff;
  background-color: #1679cf;
}

.add-blue-button-xs-copy {
  cursor: pointer;
  background-color: #0092ede6;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 80px;
  height: 34px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.add-blue-button-xs-copy:hover {
  color: #fff;
  background-color: #0c7fc7;
}

.div-block-4022 {
  padding-top: 10px;
}

.sf-1215 {
  color: #000000db;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1215.semi {
  font-weight: 600;
}

.sf-14-regular-28 {
  color: #313131;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.field-label-5 {
  align-self: center;
  height: 36px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 500;
}

.image-693 {
  margin-right: 4px;
}

.div-block-3953 {
  margin-left: 8px;
}

.text-192-copy {
  color: #161616;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-4003 {
  border: 1px solid #6d6d6d;
  width: 210px;
  height: 2px;
  margin-right: 6px;
  display: none;
}

.social-label-7 {
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.image-682 {
  cursor: pointer;
}

.image-682:hover {
  filter: saturate(71%);
}

.div-block-12aefafeopy {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px 10px 10px 20px;
  display: flex;
  position: relative;
}

.input-component-holder-12 {
  background-color: #f5f5f5;
  flex: 0 auto;
  padding-bottom: 140px;
  position: relative;
  overflow: auto;
}

.image-683 {
  margin-right: 3px;
}

.chip-label-61 {
  color: #fff;
  max-width: 95%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-block-212 {
  color: #313131;
  font-size: 13px;
  line-height: 16px;
}

.div-block-4031 {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 12px;
  padding-bottom: 16px;
  display: block;
}

.tag-content-59 {
  align-items: center;
  max-width: 100%;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  display: flex;
}

.results-holder-86 {
  z-index: 101;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: visible;
}

.post-right-dragger-2 {
  cursor: ew-resize;
  width: 20px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.compliance-settings {
  display: block;
}

.group-action-wrapper {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 24px;
  align-items: center;
  padding-left: 5px;
  padding-right: 6px;
  transition: opacity .2s;
  display: flex;
}

.group-action-wrapper:hover {
  background-color: #fff;
  border: 1px solid #62c0ff;
}

.group-action-wrapper.matched {
  cursor: auto;
  display: flex;
}

.group-action-wrapper.matched:hover {
  background-color: #0000;
  border-color: #0000;
}

.form-104 {
  background-color: #ecf4fd;
  border-radius: 6px;
  width: 100%;
}

.item-button-bar-14 {
  background-color: #0000;
  border-top: 1px solid #0000001f;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  display: flex;
  position: relative;
  bottom: 0;
}

.volume-level-bar-18 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-18.max {
  height: 100%;
}

.inputfield-28 {
  color: #312b3de3;
  text-align: right;
  width: 580px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  display: block;
}

.inputfield-28.number {
  text-align: right;
  width: 80px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-right: 6px;
  display: inline-block;
}

.text-block-210 {
  font-weight: 500;
}

.matched-248 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.volume-bar-7 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.message-holder-19 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.remove-section-14 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-14:hover {
  opacity: .86;
}

.sf-1210 {
  color: #313131;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.text-span-297 {
  margin-left: 9px;
  font-weight: 500;
}

.edit-section-title-9 {
  padding-top: 0;
  padding-bottom: 12px;
  padding-left: 0;
}

.remove-57 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-57:hover {
  opacity: 1;
}

.remove-57.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.sf-1241 {
  color: #000000db;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.grey-label-13 {
  color: #868686;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
}

.compliance-toggle-wrapper-2 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: none;
}

.div-block-4000 {
  padding-right: 5px;
}

.result-icon-16 {
  opacity: .5;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-16.no-results {
  background-image: url('../images/globe_1globe.png');
  background-size: 22px;
}

.result-icon-16.loading {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.image-684 {
  filter: invert();
  position: relative;
}

.image-677 {
  opacity: .5;
  display: block;
}

.audio-component-editor-14 {
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  margin-top: 10px;
  padding: 20px 14px;
  display: block;
  position: relative;
}

.audio-component-editor-14:focus {
  box-shadow: 1px 1px 3px #000;
}

.post-header-45 {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 30px 0 20px;
  display: flex;
}

.recipients-3 {
  border-bottom: 1px #e9e9e9;
  align-items: flex-start;
  padding: 20px 14px 32px;
  display: block;
}

.recipients-3.component {
  position: relative;
}

.post-wrapper-9 {
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  height: 700px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.audio-player-holder-4 {
  min-width: 100px;
  min-height: 50px;
  margin-top: 15px;
}

.div-block-3993 {
  margin-left: 12px;
}

.remove-section-13 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-13:hover {
  opacity: .86;
}

.post-editor-modal-10 {
  outline-offset: 0px;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  outline: 3px #000;
  flex-direction: column;
  width: 1100px;
  max-width: 95%;
  height: 80vh;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 0;
  display: none;
  position: fixed;
  inset: 60px 0 auto 60px;
  overflow: visible;
  box-shadow: -2px -2px 12px #0006, 7px 6px 14px #0006;
}

.sf-1220 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1220.semi {
  color: #312b3de3;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
}

.inputfield-27 {
  color: #312b3de3;
  width: 580px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  display: block;
}

.inputfield-27.label {
  width: 165px;
  margin-left: 0;
  margin-right: 0;
  font-size: 14px;
  font-weight: 400;
}

.tag-small-15 {
  clear: left;
  cursor: move;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  max-width: 100%;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-15:hover {
  background-color: #00528ccc;
}

.tag-small-15.selected {
  outline-offset: 0px;
  outline: 3px dashed #194463;
}

.tag-small-15.hidden {
  max-width: 100%;
}

.div-block-4020 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.tag-content-60 {
  justify-content: space-around;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-60.small {
  max-width: 100%;
  height: 30px;
  min-height: 30px;
}

.text-block-478 {
  border-right: 0 solid #000;
}

.div-block-3992 {
  padding-top: 15px;
}

.modal-top-bar-74 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.unmatched-140 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.ac-icon-51 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-51.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.div-block-4034 {
  padding-top: 10px;
  padding-right: 5px;
}

.div-block-3964 {
  margin-top: 16px;
}

.div-block-3988 {
  padding-bottom: 10px;
}

.sf-170 {
  color: #000000db;
  font-size: 13px;
}

.sf-170.blue {
  color: #0078ce;
}

.div-block-4012 {
  border-bottom: 1px solid #cbdfff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
  position: relative;
}

.blue-label-13 {
  color: #0078ce;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
}

.checkbox-field-84 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.remove-section-15 {
  opacity: .5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.remove-section-15:hover {
  opacity: .86;
}

.div-block-4057 {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  display: flex;
  position: absolute;
}

.sf-1217 {
  color: #312b3de3;
  flex: 1;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.sf-1217.semi {
  color: #000000b3;
  font-weight: 600;
}

.sf-1247 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1247.center {
  text-align: center;
}

.div-block-3956 {
  padding-left: 18px;
}

.checkbox-34 {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-34:hover {
  background-color: #dfdfdf;
}

.div-block-3985 {
  margin-left: 10px;
  position: relative;
}

.results-scroller-254 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 50vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.sf-1232 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1232.semi {
  font-weight: 600;
}

.sf-1232.semi.navy {
  color: #00528c;
  text-align: center;
}

.timeline-media-38 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.image-689 {
  opacity: .43;
  padding-top: 10px;
  padding-bottom: 10px;
}

.item-header-copy-15 {
  color: #312b3de3;
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.media-preview-11 {
  background-color: #a7a7a7;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 300px;
  margin-top: 0;
  display: flex;
  position: relative;
}

.media-preview-15 {
  text-align: left;
  background-color: #e4f2fd;
  justify-content: center;
  align-items: center;
  width: 400px;
  min-height: 300px;
  margin-top: 10px;
  display: flex;
}

.plan-button-div-13 {
  justify-content: center;
  display: flex;
  position: relative;
}

.div-block-4016 {
  border: 1px solid #00000042;
  min-height: 40px;
  margin-bottom: 10px;
  padding-top: 2px;
}

.time-bar-25 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.tag-item-input-83 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.checkbox-22 {
  margin-top: 6px;
}

.ac-default-label-small-141 {
  color: #032944;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.sf-15-med-121 {
  color: #000000db;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.link-block-32 {
  opacity: .25;
  width: 22px;
  height: 22px;
  margin-left: auto;
}

.link-block-32:hover {
  opacity: .8;
}

.sf-1229 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1229.center {
  text-align: center;
}

.timeline-message-textarea-7 {
  color: #0f0f0f;
  background-color: #fff;
  border: 1px solid #cecece;
  border-bottom-color: #e0e0e0;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 80px;
  max-height: 60vh;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  font-size: 16px;
  overflow: auto;
}

.results-scroller-96 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 400px;
  display: block;
  position: absolute;
  overflow: auto;
}

.checkbox-label {
  margin-left: 5px;
  padding-top: 4px;
  padding-left: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 16px;
}

.checkbox-label._14-med {
  margin-left: 0;
  font-size: 14px;
  font-weight: 500;
}

.checkbox-label._14-reg {
  margin-left: 0;
  font-size: 14px;
  font-weight: 400;
}

.div-block-4001 {
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.ai-prompt {
  opacity: 1;
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 8px;
  display: block;
}

.group-link-outer-wrapper {
  justify-content: flex-end;
  position: absolute;
  inset: auto 0% 0%;
}

.empty-preview-message-7 {
  color: #979797;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.action-button-56 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 140px;
  height: 46px;
  margin: 4px 3px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-56:hover {
  color: #fff;
  background-color: #0d72b9;
}

.action-button-55 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-55:hover {
  color: #fff;
  background-color: #0d72b9;
}

.unmatched-141 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.unmatched-141.navy {
  color: #00528c;
}

.audio-component-25 {
  background-color: #eef1f3;
  align-items: center;
  height: 74px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 16px 16px 20px;
  display: flex;
}

.div-block-2204 {
  flex: 1;
  min-height: 25px;
}

.sf-1225 {
  color: #313131;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.form-105 {
  background-color: #ecf4fd;
  border-radius: 6px;
  margin-top: 0;
  padding: 15px 20px 5px;
}

.div-block-5027 {
  border: 1px solid #a39d9d;
  width: 100px;
  height: 36px;
}

.time-bar-26 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.volume-level-bar-4 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-4.max {
  height: 100%;
}

.message-holder-20 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.volume-bar-22 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.sf-1248 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1248.white {
  color: #fff;
  cursor: default;
}

.sf-1249 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1249.center {
  text-align: center;
}

.sf-15-med-122 {
  color: #313131;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-122.navy {
  color: #00528c;
}

.div-block-5028 {
  height: 6px;
  position: absolute;
}

.item-header-copy-16 {
  color: #312b3de3;
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.image-694 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.item-button-bar-15 {
  background-color: #0000;
  border-top: 1px solid #0000001f;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  display: flex;
  position: relative;
  bottom: 0;
}

.plans-wrapper-10 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.reaction-icon-bar-8 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-8:hover {
  background-color: #eef3f8;
}

.audio-bottom-controls-22 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.handle-volume-28 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-28:hover {
  background-color: #fff;
}

.image-695 {
  filter: invert();
  position: relative;
}

.action-button-59 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-59:hover {
  color: #fff;
  background-color: #0d72b9;
}

.social-icon-6 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-6.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.action-button-60 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-60:hover {
  color: #fff;
  background-color: #0d72b9;
}

.time-bar-27 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.volume-level-bar-19 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-19.max {
  height: 100%;
}

.message-holder-21 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.volume-bar-23 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.sf-1250 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1250.white {
  color: #fff;
  cursor: default;
}

.sf-1251 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1251.center {
  text-align: center;
}

.sf-15-med-123 {
  color: #313131;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-123.navy {
  color: #00528c;
}

.div-block-5029 {
  height: 6px;
  position: absolute;
}

.item-header-copy-17 {
  color: #312b3de3;
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.image-696 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.plans-wrapper-11 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.reaction-icon-bar-9 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-9:hover {
  background-color: #eef3f8;
}

.audio-bottom-controls-23 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.handle-volume-29 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-29:hover {
  background-color: #fff;
}

.image-697 {
  filter: invert();
  position: relative;
}

.action-button-61 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-61:hover {
  color: #fff;
  background-color: #0d72b9;
}

.social-icon-7 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-7.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.action-button-62 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-62:hover {
  color: #fff;
  background-color: #0d72b9;
}

.remove-334 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-334:hover {
  opacity: 1;
}

.remove-334.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.image-698 {
  margin-left: 3px;
  display: none;
}

.tile-thumb-13 {
  background-image: url('../images/IMG_1424.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 75%;
  position: relative;
}

.tile-thumb-13.xls {
  background-image: url('../images/xls.png');
  background-size: 72px;
}

.tile-thumb-13.pdf {
  background-image: url('../images/pdf.png');
  background-size: 72px;
}

.tile-thumb-13.zip {
  background-image: url('../images/zip.png');
  background-size: 72px;
}

.tile-thumb-13.audio {
  background-image: url('../images/audio_3.png');
  background-size: 72px;
}

.tile-thumb-13.doc {
  background-image: url('../images/file.png');
  background-size: 72px;
}

.tile-thumb-13.tall-copy, .tile-thumb-13.tall {
  background-image: url('../images/thumb2.png');
  height: 75%;
  max-height: 75%;
  display: block;
  position: relative;
  overflow: hidden;
}

.tile-thumb-13.tall.vid {
  background-color: #d8d8d8;
  background-image: url('../images/vid.png');
  background-size: 60%;
}

.item-name-input {
  color: #1d1d1d;
  background-color: #ffffff94;
  border: 1px solid #d3d3d3;
  width: 100%;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 14px;
  padding-top: 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.item-name-input:hover {
  background-color: #fff;
  border: 1px solid #d3d3d3;
}

.item-name-input:focus {
  border: 1px solid #a7a7a7;
}

.item-name-input::placeholder {
  color: #27272766;
}

.media-library-holder {
  background-color: #f7f7f7;
  flex-direction: column;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.results-scroller-255 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.sf-102 {
  color: #000000db;
  text-shadow: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1252 {
  color: #032944;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1252.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.sf-99 {
  color: #032944;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.sf-14 {
  color: #313131;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.sf-14.white {
  color: #ffffffdb;
  inset: 0% auto auto 0%;
}

.sf-14.dark-gray {
  color: #5e5e5e;
  font-weight: 500;
}

.post-header-46 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.sort-option-3 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 50px;
  height: 30px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  line-height: 15px;
  display: flex;
}

.sort-option-3:hover {
  background-color: #d8e1e7;
}

.sort-option-3.selected {
  color: #312b3de3;
  background-color: #cad2e0;
  border-color: #fff;
}

.item-duration-4 {
  color: #fff;
  background-color: #000000b3;
  border-radius: 2px;
  padding: 2px 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  position: absolute;
  inset: auto 4px 4px auto;
}

.item-action-button-3 {
  cursor: pointer;
  align-items: center;
  height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.item-action-button-3:hover {
  background-color: #d1e5f3;
}

.item-action-button-3.fms {
  cursor: pointer;
}

.item-action-button-3.delete:hover {
  background-color: #ffc8c8;
}

.vid-modal-top-bar {
  cursor: move;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.chat-message-unit-17 {
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

.chip-label-210 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-210.small {
  font-size: 13px;
  line-height: 16px;
}

.sound-toggle {
  cursor: pointer;
  background-color: #000000b3;
  background-image: url('../images/unmuted_1unmuted.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 28px;
  min-width: 28px;
  min-height: 28px;
  transition: background-color .4s;
  display: inline-block;
  position: absolute;
  inset: 5px 5px auto auto;
}

.sound-toggle.off {
  background-image: url('../images/muted_1muted.png');
  background-size: 18px;
}

.sound-toggle.on {
  background-image: url('../images/unmuted_1unmuted.png');
  background-size: 18px;
}

.image-699 {
  filter: invert();
  position: relative;
}

.sf-1253 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1253:hover {
  color: #016bb6;
}

.ac-icon-52 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 4px;
  margin-right: 6px;
}

.ac-icon-52.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
  margin-left: 0;
}

.result-row-571 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-571:hover, .result-row-571.selected {
  background-color: #d8e6fc;
}

.chip-label-white-sm-2-colhk-5 {
  color: #7dafd3;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.item-button-icon-4 {
  width: 16px;
  margin-right: 1px;
  padding: 0;
}

.div-block-758 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-700 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.video-section-6 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.item-button-icon-5 {
  width: 16px;
  margin-right: 4px;
}

.library-empty-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 40px;
  display: flex;
}

.results-holder-155 {
  z-index: 101;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: visible;
}

.div-block-5030 {
  height: 6px;
  position: absolute;
}

.volume-bar-24 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.div-block-5031 {
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 2px;
  padding-right: 2px;
  display: flex;
}

.tile-tall-4 {
  text-align: center;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  max-height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-4:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-4.hidden {
  display: inline-block;
}

.tile-tall-4.content-block {
  background-color: #eee;
}

.tile-tall-4.selected {
  background-color: #b7e8f8;
  border-width: 2px;
  border-color: #00b2ed;
}

.textarea-22 {
  min-height: 80px;
  margin-top: 5px;
  font-size: 15px;
}

.action-button-holder-3 {
  background-color: #fff;
  border-bottom: 1px solid #b9b9b9;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.progress-name-bar-3 {
  width: 280px;
  padding-right: 0;
}

.image-701 {
  height: 100px;
}

.create-new-button-27 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 4px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-27:hover {
  color: #fff;
  background-color: #00b2ed;
}

.div-block-5032 {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.post-right-dragger-3 {
  cursor: ew-resize;
  width: 20px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-120 {
  opacity: .76;
}

.handle-volume-30 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-30:hover {
  background-color: #fff;
}

.cancel-upload-5 {
  background-color: #d1d1d1;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: 12px;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
}

.cancel-upload-5:hover {
  background-color: #858585;
}

.tag-content-146 {
  justify-content: space-around;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-146.small {
  align-items: center;
  height: 30px;
  min-height: 30px;
}

.autocomplete-input-379 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279cc;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.text-420 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-420.white {
  color: #fff;
}

.tag-small-46 {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-46:hover {
  background-color: #00528ccc;
}

.div-block-5033 {
  flex: 1;
  min-height: 25px;
}

.modal-top-bar-75 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.tooltip-8 {
  z-index: 996;
  opacity: .9;
  background-color: #262c46;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.library-media-content-view {
  background-color: #032944;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  max-height: 100vh;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.sf-1254 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1254.white-11 {
  color: #fff;
  cursor: default;
  font-size: 11px;
}

.close-button-3 {
  cursor: pointer;
  display: inline-block;
}

.tile-item-name-5 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25%;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.div-block-5034 {
  display: flex;
}

.unmatched-142 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-1255 {
  color: #312b3de3;
  font-size: 15px;
  line-height: 18px;
}

.div-block-5035 {
  min-height: 10px;
}

.ac-default-label-229 {
  color: #7dafd3;
  width: 230px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 10px;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.image-702 {
  display: none;
}

.empty-state-wrapper-3 {
  text-align: center;
  padding: 40px 20px 20px;
}

.post-bottom-right-dragger-3 {
  cursor: nwse-resize;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.matched-249 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.file-info-4 {
  padding-top: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  display: block;
}

.upload-img {
  opacity: .63;
  width: 106px;
  transition: opacity .2s;
}

.upload-item-row-4 {
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 10px 12px 4px;
  display: flex;
}

.sf-1256 {
  color: #000000db;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1256.white {
  color: #fff;
}

.search-wrapper-40 {
  width: 390px;
  position: relative;
}

.search-wrapper-40.media {
  flex: 1;
}

.play-video-modal {
  z-index: 999;
  outline-offset: 0px;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  outline: 3px #000;
  flex-direction: column;
  width: 200px;
  max-width: 95%;
  min-height: 260px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 0 0;
  display: none;
  position: fixed;
  inset: 60px 0 auto 140px;
  overflow: visible;
  box-shadow: -2px -2px 12px #0006, 7px 6px 14px #0006;
}

.tag-16 {
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 2px 5px 0 6px;
  display: inline-block;
}

.tag-16.multiple {
  display: inline-block;
}

.sf-93 {
  color: #313131;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-93.red {
  color: #d32f2f;
}

.sf-93.red.right {
  text-align: right;
  cursor: pointer;
  display: inline-block;
}

.sf-93.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.tag-item-input-84 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.button-wrapper-3 {
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.tag-content-147 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-5036 {
  flex-direction: row;
  flex: 1;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.settings-header-3 {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  min-height: 35px;
  padding: 2px 4px 2px 10px;
  display: flex;
}

.video-holder-3 {
  background-color: #e2e0e0;
}

.library-item-wrapper {
  object-fit: fill;
  flex: 1;
  padding-top: 12px;
  padding-left: 10px;
  transition: opacity .5s;
  display: block;
  overflow: auto;
}

.send-icon-button {
  width: 18px;
  margin-right: 3px;
}

.modal-container-19 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-block-5037 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-5038 {
  margin-top: 14px;
}

.volume-level-bar-20 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-20.max {
  height: 100%;
}

.image-703 {
  max-width: none;
}

.item-button-icon-6 {
  width: 20px;
  padding-right: 3px;
}

.help-icon-19 {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: flex;
  position: relative;
  top: -3px;
}

.help-icon-19:hover {
  opacity: 1;
}

.help-icon-19.dark {
  background-color: #00000080;
  top: -2px;
}

.progress-bar-holder-3 {
  background-color: #d8f0f8;
  height: 18px;
  margin-top: 8px;
}

.ac-default-label-small-142 {
  color: #312b3db3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.connect-input-row {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  align-items: center;
  height: auto;
  margin-bottom: 15px;
  padding: 20px 24px 30px;
  display: block;
}

.textlink-14 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-size: 16px;
  text-decoration: none;
  display: inline;
}

.textlink-14:hover {
  color: #00b2ed;
}

.textlink-14.red {
  color: #e53935;
  font-size: 14px;
}

.textlink-14.red:hover {
  color: #f3615e;
}

.sf-1257 {
  font-size: 14px;
}

.sf-1257.semi {
  font-weight: 600;
}

.user-input-holder {
  margin-right: 30px;
}

.matched-250 {
  color: #000000db;
  cursor: default;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.user-input-wrapper {
  align-items: flex-end;
  padding-top: 24px;
  display: flex;
}

.navbar {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  display: block;
  position: relative;
}

.chip-label-211 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-211.small {
  font-size: 13px;
  line-height: 16px;
}

.side-nav-2 {
  background-color: #00528c;
  width: 240px;
  height: 100vh;
  min-height: 0;
  padding-top: 0;
  padding-left: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.results-holder-156 {
  z-index: 101;
  display: block;
  position: relative;
  overflow: visible;
}

.sf-39 {
  font-size: 16px;
}

.sf-39.grey {
  color: #646464;
}

.h1 {
  font-weight: 300;
}

.connect-table {
  border: 0 #fff;
  width: 880px;
  margin-top: 32px;
  margin-bottom: 16px;
  position: relative;
}

.status-icon {
  background-image: url('../images/link-grey.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.status-icon.connected {
  background-image: url('../images/link_2.png');
}

.text-16 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-16.white {
  color: #fff;
  transition: opacity 1s;
}

.connect-button-2 {
  border-radius: 4px;
  justify-content: center;
  align-items: flex-start;
  width: 180px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
  transition: background-color .3s;
  display: flex;
}

.connect-button-2:hover {
  background-color: #2883d3;
}

.container {
  align-items: flex-start;
  display: flex;
}

.tag-small-47 {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 30px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small-47:hover {
  background-color: #00528ccc;
}

.unmatched-143 {
  color: #000000db;
  cursor: default;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}

.text-421 {
  color: #161616;
  font-size: 13px;
  line-height: 16px;
}

.text-421.white {
  opacity: .7;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  transition: opacity .3s;
}

.text-421.white:hover {
  opacity: 1;
}

.search-wrapper-41 {
  position: relative;
}

.user-name {
  color: #131313;
  font-weight: 700;
}

.ac-default-label-small {
  color: #000000db;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.connection-status {
  border: 1px solid #87aae6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-top: 30px;
  padding: 20px 14px 14px;
  display: block;
}

.remove-335 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-335:hover {
  opacity: 1;
}

.remove-335.small {
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.tag-item-input-85 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  width: 400px;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.page-title {
  width: 900px;
}

.tag-content-148 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-148.small {
  height: 30px;
  min-height: 30px;
}

.button-holder-2 {
  justify-content: flex-end;
  align-items: flex-end;
  height: 46px;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  display: flex;
}

.section {
  align-items: flex-start;
  display: flex;
}

.div-block-5039 {
  padding-left: 20px;
}

.results-scroller-256 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 70vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.sf-1258 {
  font-size: 15px;
}

.result-row-572 {
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-572:hover {
  background-color: #d8e6fc;
}

.content-wrapper {
  width: 100%;
  min-height: 0;
  padding: 0 60px 80px;
  transition: opacity 1s;
  display: block;
  position: static;
  left: 240px;
}

.status-display {
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.nav-link {
  opacity: .7;
  color: #fff;
  width: 238px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 20px;
  font-weight: 400;
  transition: background-color .2s;
  display: block;
}

.nav-link:hover, .nav-link:focus {
  opacity: 1;
  background-color: #013a64;
}

.nav-link.w--current {
  opacity: 1;
  color: #fff;
  background-color: #013a64;
  width: 238px;
}

.div-block-115 {
  padding-top: 15px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.nav-menu {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.fc-icon-2-copy {
  z-index: 998;
  opacity: 1;
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/fc.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-left: 6px;
  margin-right: 6px;
  transition: all .3s;
  display: flex;
  position: fixed;
}

.fc-icon-2-copy:hover {
  background-color: #172766;
  background-image: url('../images/nav.png');
  background-size: 20px;
}

.arrow2-5-copy {
  opacity: .86;
  background-image: url('../images/arrow_2arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  min-width: 18px;
  min-height: 18px;
  margin-right: 10px;
}

.arrow2-5-copy.dark {
  opacity: .5;
  filter: invert();
  cursor: pointer;
  align-self: flex-start;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-5-copy.dark.saving {
  opacity: 32;
  filter: none;
  background-image: url('../images/spinner2.gif');
  background-size: contain;
}

.arrow2-5-copy.dark.down {
  background-position: 50%;
  display: block;
  position: absolute;
  inset: 10px auto auto 0%;
  transform: rotate(90deg);
}

.arrow2-5-copy.dark.empty {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  min-width: 10px;
}

.arrow2-5-copy.dark {
  opacity: .5;
  filter: invert();
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-5-copy.dark.down {
  background-position: 50%;
  display: block;
  transform: rotate(90deg);
}

.arrow2-5-copy.dark {
  opacity: .5;
  filter: invert();
  margin-right: 4px;
  transition: transform .4s;
  display: block;
}

.badge-div {
  background-color: #e41b1b;
  border: 1px solid #ff7c7c;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 4px;
  display: flex;
  position: absolute;
  inset: 12px auto auto 138px;
}

.badge-text {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.hidden-icon {
  width: 15px;
  height: 15px;
}

.matched-165 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-165.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.autocomplete-search-wrapper-action-copy {
  align-self: stretch;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 20px;
  display: block;
  position: relative;
}

.user-mgmt-wrapper {
  border: 1px solid #bebebe;
  flex-flow: column;
  flex: 1;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: auto;
}

.ac-default-label-230 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-230._13 {
  color: #498fc2;
  margin-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.text-14-106 {
  text-align: left;
  font-family: Open Sans, sans-serif;
}

.text-14-106.semi {
  font-weight: 600;
}

.text-14-106.white {
  color: #ffffffc2;
}

.text-14-106.center-semi {
  text-align: center;
  font-weight: 600;
  line-height: 17px;
}

.results-holder-157 {
  z-index: 3;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-5001-copy {
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: 0;
}

.modal-user-mgmt {
  background-color: #0006;
  width: 100%;
  padding: 60px 100px 20px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.remove-336 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-336:hover {
  opacity: 1;
}

.remove-336.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.results-wrapper-14 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-14.assign-copy {
  width: 100%;
  min-width: 300px;
}

.modal-content-wrapper {
  background-color: #f5fbff;
  border-bottom: 1px solid #c3d1da;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 380px;
  padding: 20px 15px 30px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.section-header-5 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.hover-row {
  opacity: 0;
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
  transition: opacity .5s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hover-row:hover {
  opacity: 100;
}

.unmatched-144 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-144.sm {
  font-size: 14px;
  line-height: 18px;
}

.autocomplete-input-380 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.label-wrapper-12-copy {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

.div-block-5040 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-table {
  background-color: #fff;
  border: 1px solid #7eb8ff;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  max-height: 400px;
  margin-bottom: 10px;
  display: none;
  position: relative;
  overflow: auto;
}

.chip-label-xs-10 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.table-loading-cover {
  filter: hue-rotate(124deg);
  background-color: #ffffff87;
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 62px;
  display: none;
  position: absolute;
  inset: 0%;
}

.enable-user-section {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
}

.user-row {
  background-color: #fff;
  border-bottom: 1px solid #e0eaf3;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 40px;
  padding: 10px;
  display: flex;
  position: relative;
}

.user-row:hover {
  background-color: #e9f1fc;
}

.div-block-5041 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag-17 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-17.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-17.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-17.multi.small:hover {
  background-color: #a9d6ff;
}

.div-block-5042 {
  flex: 1;
}

.result-row-148 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-148:hover {
  background-color: #e4f2ff;
}

.div-block-5043 {
  width: 120px;
  min-width: 120px;
}

.text-field-21-copy {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  min-width: 300px;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-21-copy::placeholder {
  color: #b4b4b4;
}

.modal-create-user {
  background-color: #0006;
  width: 100%;
  padding: 60px 100px 20px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.new-user-wrapper {
  border: 1px solid #bebebe;
  flex-flow: column;
  flex: 1;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: auto;
}

.section-header-6 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.div-block-5044 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.create-user-section {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
}

.div-block-5045 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.div-block-5046 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-block-201 {
  margin-bottom: 0;
}

.div-block-5047 {
  flex: 1;
}

.div-block-5048 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-358 {
  margin-right: 8px;
}

.column-option-holder {
  display: block;
}

.user-mgmt {
  opacity: .76;
  cursor: pointer;
  background-image: url('../images/settings.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 4px;
  min-width: 26px;
  max-width: 26px;
  min-height: 26px;
  max-height: 26px;
  transition: background-color .4s, opacity .4s;
  position: absolute;
  inset: 4px 4px auto auto;
}

.user-mgmt:hover {
  opacity: 1;
  background-color: #0077b8;
}

.div-block-5049 {
  cursor: pointer;
  width: 100px;
  height: 20px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.saved-search-heading {
  border-bottom: 1px solid #ffffff52;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 15px;
  padding-left: 5px;
}

.custom-column-wrapper {
  min-height: 100px;
  max-height: calc(100vh - 385px);
  overflow: auto;
}

.side-nav-item-3 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 4px 10px 4px 15px;
  display: flex;
  position: relative;
}

.side-nav-item-3:hover {
  opacity: 100;
  background-color: #00000029;
}

.side-nav-item-3.custom {
  min-height: 38px;
}

.text-13-7 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-7.white {
  color: #ffffffdb;
}

.hidden-icon-2 {
  width: 13px;
}

.icon-custom-column {
  background-color: #fff;
  background-image: url('../images/save.png');
  background-position: 50% 4px;
  background-repeat: no-repeat;
  background-size: 24px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 100%;
  position: relative;
  left: -1px;
}

.icon-custom-column:hover {
  filter: saturate(200%);
  background-color: #e2ebff;
}

.icon-custom-column.hidden {
  background-position: 50%;
  display: block;
}

.icon-edit-custom {
  opacity: .76;
  cursor: pointer;
  background-image: url('../images/edit_1edit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 4px;
  min-width: 26px;
  max-width: 26px;
  min-height: 26px;
  max-height: 26px;
  margin-left: 10px;
  transition: background-color .4s, opacity .4s;
  position: static;
  inset: 4px 4px auto auto;
}

.icon-edit-custom:hover {
  opacity: 1;
  background-color: #0077b869;
}

.autocomplete-search-wrapper-custom {
  align-self: stretch;
  width: 100%;
  margin-bottom: 20px;
  display: block;
  position: relative;
}

.text-15-3 {
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.matched-251 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-251.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.results-holder-21-copy {
  z-index: 6;
  display: none;
  position: relative;
  overflow: visible;
}

.text-13-8 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-8.red {
  color: #ed4444;
}

.ac-default-label-231 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-231._13 {
  color: #498fc2;
  margin-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.edit-save {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  margin-bottom: 20px;
  padding: 15px 20px 10px;
  display: block;
}

.div-block-5050 {
  margin-bottom: 20px;
}

.div-block-5051 {
  justify-content: flex-start;
  align-items: center;
  min-height: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 15px 20px auto auto;
}

.remove-337 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-337:hover {
  opacity: 1;
}

.remove-337.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.results-wrapper-60 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-60.assign-copy {
  width: 100%;
  min-width: 300px;
}

.section-header-7 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.unmatched-145 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-145.sm {
  font-size: 14px;
  line-height: 18px;
}

.autocomplete-input-381 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.div-block-5052 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5001-copy-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: 0;
}

.image-497 {
  margin-right: 3px;
}

.edit-wrapper {
  border: 1px solid #bebebe;
  flex-flow: column;
  flex: 1;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: visible;
}

.chip-label-xs-11 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.div-block-5053 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.modal-edit-custom-column {
  background-color: #0006;
  width: 100%;
  padding: 60px 100px 20px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.div-block-5054 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag-18 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-18.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-18.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-18.multi.small:hover {
  background-color: #a9d6ff;
}

.div-block-5055 {
  flex: 1;
}

.result-row-573 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-573:hover {
  background-color: #e4f2ff;
}

.text-13-9 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.toggle-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  padding-bottom: 3px;
  display: flex;
}

.toggle-switch {
  cursor: pointer;
  background-color: #00a3fe;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 38px;
  min-width: 38px;
  margin-top: 0;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.toggle-switch:hover {
  opacity: 1;
}

.toggle-switch.off {
  background-color: #e0e0e0;
  display: block;
}

.privacy-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-right: 4px;
  display: flex;
}

.div-block-5056 {
  padding-right: 6px;
}

.toggle-switch-knob {
  background-color: #fff;
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  transition: all .5s;
  display: block;
  position: relative;
  left: 0;
  overflow: hidden;
  box-shadow: 2px 2px 8px -1px #00000040;
}

.toggle-switch-knob.on {
  opacity: 1;
  background-color: #fff;
  border-style: none;
  font-size: 11px;
  left: 15px;
  box-shadow: -1px 1px 5px 1px #00000040;
}

.label-wrapper-15 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 3px;
  display: flex;
}

.div-block-5057 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.div-block-5058 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-private {
  opacity: .8;
  background-image: url('../images/lock.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  min-width: 13px;
  height: 13px;
  min-height: 13px;
  margin-left: 4px;
}

.div-block-5059 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-task {
  z-index: 9;
  opacity: 0;
  background-color: #fff;
  background-image: url('../images/plus_1plus.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-top: 0;
  margin-left: -9px;
  position: absolute;
  inset: auto 0% 0%;
}

.add-task:hover {
  opacity: 1;
  background-color: #e7edf7;
  background-size: 13px;
}

.add-task.top-level {
  opacity: .8;
  margin-left: -7px;
  top: 0;
}

.tree-line {
  z-index: 7;
  background-color: #d1d1d1;
  width: 1px;
  height: calc(100% - 20px);
  margin-left: 4px;
  position: absolute;
  top: 24px;
  left: 50px;
  right: auto;
}

.hover-dots {
  opacity: 0;
  background-image: url('../images/dots_1dots.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 21px;
  border-radius: 22px;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  transition: opacity .3s;
}

.hover-dots:hover {
  opacity: 1;
  background-color: #e7edf7;
}

.hover-dots.hide {
  display: none;
}

.owner-name-tag {
  background-color: #e0f2fc;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1px;
  margin-left: 10px;
  padding: 2px 6px;
  display: flex;
}

.owner-name-tag:hover {
  text-decoration: underline;
}

.owner-name-tag.started {
  background-color: #fff7db;
}

.owner-name-tag.attention {
  background-color: #ffdce1;
}

.owner-name-tag.done {
  background-color: #dafde4;
}

.item-column-wrapper-4 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding-left: 6px;
  display: flex;
  overflow: hidden;
}

.item-column-wrapper-4.tree {
  min-width: 520px;
  display: block;
}

.arrow-tree {
  background-image: url('../images/arrow-grey_1arrow-grey.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  width: 18px;
  height: 18px;
  transition: all .4s;
}

.arrow-tree.none {
  display: none;
}

.tree-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.tree-item {
  position: relative;
}

.div-block-5060 {
  flex: 1;
}

.task-name-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
  position: relative;
}

.tree-icon-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 52px;
  min-width: 52px;
  padding-right: 5px;
  display: flex;
}

.icon-lock {
  opacity: .8;
  background-image: url('../images/lock.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
  margin-left: 4px;
}

.tree-view-outer-wrapper {
  background-color: #fff;
  height: 100%;
  min-height: 100px;
  max-height: 100%;
  padding: 15px 20px 20px 10px;
  overflow: auto;
}

.section-header-8 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.div-block-5061 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bulletpoint {
  background-color: #555;
  border-radius: 14px;
  width: 7px;
  min-width: 7px;
  height: 7px;
  min-height: 7px;
  margin-top: 6px;
  margin-right: 8px;
}

.text-14-96 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.text-14-96.white {
  color: #ffffffdb;
  cursor: move;
  font-weight: 400;
}

.text-14-96.semi {
  font-weight: 600;
  line-height: 20px;
}

.sub-item-wrapper {
  margin-left: 30px;
  position: relative;
}

.overdue-label-copy {
  background-color: #467ba000;
  border: 1px #cfcfcf;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  margin-left: auto;
  padding: 2px 0;
  display: flex;
}

.alert-wrapper-copy {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.alert-wrapper-copy.hidden {
  display: block;
}

.red-dot {
  z-index: 9;
  background-color: #ff4a4a;
  border: 2px solid #061f47;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: 13px 0% auto 38px;
}

.red-dot._2 {
  border-width: 1px;
  border-color: #ffa7a7;
  width: 10px;
  height: 10px;
  inset: 18px auto auto 36px;
}

.red-dot-3 {
  z-index: 9;
  background-color: #ff4a4a;
  border: 2px solid #061f47;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: 13px 0% auto 38px;
}

.red-dot-3-copy {
  z-index: 9;
  background-color: #ff4a4a;
  border: 1px solid #ffa7a7;
  border-radius: 12px;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: 5px 0% auto 25px;
}

.unseen-item-dot {
  opacity: .8;
  background-color: #e41b1b;
  border-radius: 12px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  margin-left: 8px;
  margin-right: 4px;
}

.loading-screen {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 220px 20px 40px;
  position: relative;
}

.loading-screen.popup {
  background-color: #fff;
}

.action-item-header-bg {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding-left: 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
  position: relative;
}

.action-item-header-bg:hover {
  background-color: #f8ecc1;
}

.action-item-header-bg.resolved {
  background-color: #dafde4;
}

.action-item-header-bg.resolved:hover {
  background-color: #c6f1d2;
}

.action-item-header-bg.editable {
  background-color: #fff0;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.action-item-header-bg.flash {
  background-color: silver;
  transition-duration: .3s;
}

.action-item-header-bg.red {
  background-color: #ffdce1;
}

.action-item-header-bg.light-blue {
  background-color: #e0f3fc;
}

.action-item-header-bg.light-blue.flash, .action-item-header-bg.flash, .action-item-header-bg.flash, .action-item-header-bg.flash {
  background-color: silver;
}

.image-870 {
  width: 16px;
}

.text-10-5 {
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.text-10-5.semi-white {
  color: #fff;
  font-weight: 600;
}

.div-block-5923 {
  flex: 1;
}

.div-block-5900 {
  padding-right: 6px;
}

.reason-input-section-19 {
  z-index: 4;
  background-color: #fff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin-bottom: 20px;
  display: block;
}

.unmatched-304 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-304.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-5922 {
  width: 100px;
  min-height: 38px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.matched-317 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-317.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-5872 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.result-row-728 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-728:hover {
  background-color: #e4f2ff;
}

.result-row-728.selected {
  background-color: #d1e9ff;
}

.item-header-copy-18 {
  color: #312b3de3;
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.text-15-4 {
  padding-left: 4px;
  padding-right: 4px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.div-block-5905 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.chip-label-266 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-266.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-5906, .div-block-5864 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hidden-icon-5 {
  width: 13px;
}

.section-header-55 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.action-item-header-39 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-39:hover {
  background-color: #f8ecc1;
}

.action-item-header-39.editable {
  background-color: #fff7db00;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.image-869 {
  filter: invert();
  position: relative;
}

.matched-318 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-318.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.image-873 {
  width: 16px;
}

.result-row-721 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-721:hover {
  background-color: #e4f2ff;
}

.result-row-721.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.result-row-732 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-732:hover {
  background-color: #e4f2ff;
}

.result-row-732.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.text-span-384 {
  font-weight: 400;
}

.action-item-button-14 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-14:hover {
  background-color: #1b7897;
}

.action-item-button-14.start {
  background-color: #00a4fd;
}

.action-item-button-14.start:hover {
  background-color: #048dd8;
}

.action-item-button-14.blue {
  background-color: #0077b8;
}

.action-item-button-14.blue:hover {
  background-color: #02507a;
}

.action-item-button-14.completed {
  background-color: #1b7897;
}

.div-block-5913 {
  flex: 1;
}

.div-block-5927 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-header-42 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.section-header-42.tall {
  height: 50px;
  min-height: 50px;
  padding-right: 10px;
}

.result-row-727 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-727:hover {
  background-color: #e4f2ff;
}

.result-row-727.selected {
  background-color: #d1e9ff;
}

.recording-icon-3 {
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.recording-icon-3:hover {
  filter: saturate(71%);
}

.recording-icon-3.large {
  width: 38px;
  height: 38px;
}

.result-row-730 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-730:hover {
  background-color: #e4f2ff;
}

.result-row-730.selected {
  background-color: #d1e9ff;
}

.div-block-5874 {
  background-image: url('../images/upload.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 70px;
}

.ac-default-label-324 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-324._13 {
  margin-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.results-wrapper-152 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-152.assign-copy {
  width: 100%;
  min-width: 300px;
}

.form-block-50 {
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.div-block-5891 {
  height: 6px;
  position: absolute;
}

.volume-level-bar-21 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-21.max {
  height: 100%;
}

.progress-name-bar-4 {
  width: 100%;
  padding-right: 0;
}

.results-wrapper-151 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-151.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.form-91 {
  max-height: 100vh;
  overflow: auto;
}

.div-block-5915 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.modal-top-bar-17 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.div-block-5930 {
  flex: 1;
}

.div-block-5903 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-5903.flex {
  display: flex;
}

.autocomplete-input-48 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-48.owners.awef {
  min-height: 30px;
}

.autocomplete-input-48.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.autocomplete-input-48.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.autocomplete-input-48.users {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.text-13-11 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-11.semi {
  font-weight: 600;
}

.text-13-11.red {
  color: #ed4444;
}

.text-13-11.white {
  color: #ffffffdb;
}

.div-block-5899 {
  padding-top: 3px;
}

.unmatched-298 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-298.sm {
  font-size: 14px;
  line-height: 18px;
}

.unmatched-305 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-305.sm {
  font-size: 14px;
  line-height: 18px;
}

.ac-default-label-331 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-331._13 {
  color: #498fc2;
  margin-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.header-right-side-16 {
  justify-content: flex-end;
  align-items: center;
  min-width: 30%;
  padding-top: 2px;
  display: flex;
}

.image-867 {
  width: 16px;
}

.result-row-723 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-723:hover {
  background-color: #e4f2ff;
}

.result-row-723.selected {
  background-color: #d1e9ff;
}

.div-block-5898 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sf-1277 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1277.white {
  color: #fff;
  cursor: default;
}

.result-row-729 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-729:hover {
  background-color: #e4f2ff;
}

.result-row-729.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.address-20 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-20.sm {
  font-size: 13px;
  line-height: 16px;
}

.results-holder-207 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-207.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.text-area-div-18 {
  color: #9c9c9c;
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.toggle-wrapper-18 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  padding-bottom: 3px;
  display: flex;
}

.matched-287 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-287.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.chip-label-264 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-264.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-5001-copy-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: 0;
}

.action-item-header-38 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding-left: 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-38:hover {
  background-color: #f8ecc1;
}

.action-item-header-38.light-blue {
  background-color: #e0f3fc;
}

.action-item-header-38.light-blue:hover {
  background-color: #d1edfa;
}

.action-item-header-38.resolved {
  background-color: #dafde4;
}

.action-item-header-38.resolved:hover {
  background-color: #c6f1d2;
}

.action-item-header-38.editable {
  background-color: #fff0;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.action-item-header-38.red {
  background-color: #ffdce1;
}

.action-item-header-38.flash {
  background-color: silver;
  transition-duration: .3s;
}

.image-866 {
  width: 16px;
}

.div-block-5908 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.result-row-644 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-644:hover {
  background-color: #e4f2ff;
}

.text-14-120 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.text-14-120.semi {
  font-weight: 600;
  line-height: 20px;
}

.text-14-120.white {
  color: #ffffffdb;
  cursor: move;
  font-weight: 400;
}

.div-block-5928 {
  justify-content: flex-start;
  align-items: center;
  min-height: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 15px 20px auto auto;
}

.plans-wrapper-12 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.text-span-386 {
  font-weight: 400;
}

.sf-15-med-127 {
  color: #313131;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-127.navy {
  color: #00528c;
}

.results-holder-50 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-50.tags {
  display: none;
}

.div-block-5904 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5876 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.result-row-725 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-725:hover {
  background-color: #e4f2ff;
}

.result-row-725.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.div-block-5917 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.post-button-18 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-18:hover {
  background-color: #02507a;
}

.post-button-18.update {
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.chip-label-xs-12 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.status-tag-19 {
  text-align: center;
  background-color: #636363;
  width: 70px;
  padding: 2px;
}

.unmatched-301 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-301.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-5912 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ac-default-label-330 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-330._13 {
  color: #498fc2;
  margin-left: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.text-span-385 {
  font-weight: 400;
}

.chip-address-18 {
  font-size: 15px;
  font-weight: 400;
}

.chip-address-18.sm {
  font-size: 12px;
  line-height: 16px;
}

.unmatched-294 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-294.sm {
  font-size: 14px;
  line-height: 18px;
}

.add-item-17 {
  cursor: pointer;
  background-color: #0077b869;
  border: 1px solid #ffffff45;
  border-radius: 2px;
  padding: 4px 8px;
  transition: background-color .4s;
}

.add-item-17:hover {
  background-color: #0077b8;
}

.add-item-17.big {
  background-color: #0077b8;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.add-item-17.big:hover {
  background-color: #066192;
}

.image-876 {
  width: 16px;
  margin-right: 4px;
}

.loading-items-3 {
  text-align: center;
  background-color: #ffffff1c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}

.ac-default-label-326 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-326._14 {
  font-size: 14px;
  font-weight: 400;
  top: 0;
}

.ac-default-label-326._14.small {
  height: 28px;
  margin-left: 2px;
  padding-top: 4px;
}

.ac-default-label-326._13 {
  color: #70a2ff;
  height: 26px;
  margin-left: 2px;
  padding-top: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.div-block-5866 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.unmatched-299 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-299.sm {
  font-size: 14px;
  line-height: 18px;
}

.time-bar-28 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.select-field-16 {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 32px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.select-field-16:hover {
  background-color: #eee;
}

.results-scroller-338 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-338.sm {
  min-width: 304px;
}

.div-block-5868 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-5868.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.div-block-5921 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.image-863 {
  width: 16px;
}

.div-block-5871 {
  padding: 15px;
}

.due-soon-label-17 {
  background-color: #467ba0;
  border: 1px #cfcfcf;
  border-radius: 2px;
  padding: 4px 4px 6px;
}

.results-holder-209 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-209.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.address-11 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-11.sm {
  font-size: 13px;
  line-height: 16px;
}

.handle-volume-31 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-31:hover {
  background-color: #fff;
}

.result-row-726 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-726:hover {
  background-color: #e4f2ff;
}

.result-row-726.selected {
  background-color: #d1e9ff;
}

.div-block-5907 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.result-row-722 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-722:hover {
  background-color: #e4f2ff;
}

.result-row-722.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.div-block-5929 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5918 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-5918.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.div-block-5869 {
  display: flex;
}

.div-block-5879 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.search-bar-18 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 10px;
  display: none;
}

.label-wrapper-36 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 3px;
  display: flex;
}

.label-wrapper-36._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.form-block-19 {
  margin-bottom: 0;
}

.section-header-56 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.div-block-5902, .div-block-5865, .div-block-5893 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5863 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-5887, .div-block-5895 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5886 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.div-block-5878 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.delete-task-button-5 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-5:hover {
  background-color: #ed4444;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
}

.image-786 {
  width: 8px;
  margin-top: 4px;
  margin-left: 8px;
}

.result-row-724 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-724:hover {
  background-color: #e4f2ff;
}

.result-row-724.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.div-block-5877 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-5877.flex {
  display: flex;
}

.keyword-search-input-6 {
  color: #000;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  padding-right: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  position: relative;
}

.keyword-search-input-6::placeholder {
  color: #667792;
}

.image-865 {
  cursor: pointer;
}

.chip-label-265 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-265.sm {
  font-size: 13px;
  line-height: 16px;
}

.results-holder-208 {
  z-index: 3;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-5920 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-5920.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.unmatched-295 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-295.sm {
  font-size: 14px;
  line-height: 18px;
}

.text-area-div-8 {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.text-area-div-8.read-only {
  background-color: #f1f1f1;
}

.unmatched-302 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-302.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-5909 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.image-875 {
  width: 16px;
}

.activity-message-16 {
  background-color: #e6f1ff;
  margin-bottom: 5px;
  padding: 8px 14px 10px;
  position: relative;
}

.activity-message-16.resolution {
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  max-width: 900px;
  margin-top: 10px;
  margin-left: 24px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.all-item-wrapper-18 {
  height: 100%;
  min-height: 100px;
  max-height: 100%;
  overflow: hidden;
}

.div-block-5896 {
  margin-left: 10px;
}

.div-block-5882 {
  flex: 1;
  display: flex;
}

.div-block-5916 {
  flex: 1;
}

.div-block-5933 {
  padding-top: 3px;
}

.result-row-731 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-731:hover {
  background-color: #e4f2ff;
}

.result-row-731.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.div-block-5862 {
  padding-left: 8px;
  padding-right: 8px;
}

.text-span-373 {
  padding-left: 4px;
  font-weight: 400;
}

.div-block-5919 {
  align-self: center;
  display: flex;
}

.div-block-5897 {
  flex: 1;
}

.action-item-name-38 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100px;
  max-width: 890px;
  padding-top: 0;
  display: block;
}

.action-item-name-38.edit {
  width: 100%;
  max-width: 900px;
}

.text-span-383 {
  font-weight: 400;
}

.volume-bar-25 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.button-label-19 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-19.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-19.xsm {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.button-label-19.xsm.blue {
  color: #0077b8;
  font-size: 13px;
  font-weight: 600;
}

.div-block-5932 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.div-block-5901 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-wrapper-154 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-154.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.image-871, .image-864 {
  width: 16px;
  margin-right: 4px;
}

.remove-338 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-338:hover {
  opacity: 1;
}

.remove-338.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.results-wrapper-149 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-149.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.image-868 {
  cursor: pointer;
}

.action-button-76 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-76:hover {
  color: #fff;
  background-color: #0d72b9;
}

.div-block-5914 {
  margin-bottom: 20px;
}

.div-block-5870 {
  display: flex;
}

.action-item-name-37 {
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  min-width: 100px;
  max-width: 895px;
  margin-left: 4px;
  padding-top: 0;
  padding-right: 10px;
  display: block;
}

.action-item-name-37.owner {
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  min-width: 80px;
  padding-right: 0;
  display: flex;
}

.results-holder-206 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-206.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.div-block-5881 {
  transform-style: preserve-3d;
  background-image: url('../images/face.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  margin-top: 40px;
  transform: rotateX(0)rotateY(-180deg)rotateZ(23deg);
}

.chip-label-263 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-263.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-5710 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-5867 {
  width: 120px;
  min-width: 120px;
}

.icon-search-19 {
  opacity: .7;
  background-color: #fff0;
  background-image: url('../images/js-toolbar-search_1js-toolbar-search.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  min-width: 28px;
  min-height: 28px;
  margin-left: 6px;
}

.icon-search-19:hover {
  opacity: 1;
  background-color: #0077b869;
}

.div-block-5888 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.social-icon-8 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-8.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.text-field-77 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-77::placeholder {
  color: #b4b4b4;
}

.action-button-67 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-67:hover {
  color: #fff;
  background-color: #0d72b9;
}

.div-block-5892 {
  justify-content: flex-end;
  align-items: center;
  display: block;
  position: relative;
}

.image-874 {
  margin-right: 3px;
}

.div-block-5883 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-5883.flex {
  display: flex;
}

.reaction-icon-bar-10 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-10:hover {
  background-color: #eef3f8;
}

.text-field-76 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-76::placeholder {
  color: #b4b4b4;
}

.unmatched-297 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-297.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-5924 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.text-field-75 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-75::placeholder {
  color: #b4b4b4;
}

.activity-message-wrapper-b-18 {
  max-width: 900px;
  max-height: 520px;
  margin-bottom: 10px;
  display: block;
  overflow: auto;
}

.textarea-23 {
  color: #000;
  border: 1px solid #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.textarea-23::placeholder {
  color: #979797;
}

.empty-state-action-item-17 {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ffffff1c;
  border-bottom: 1px solid #6896af;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px 400px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.div-block-5875 {
  padding-left: 8px;
  padding-right: 8px;
}

.div-block-5926 {
  position: relative;
}

.notes-section-21 {
  padding-bottom: 20px;
  display: block;
}

.duration-wrapper-19 {
  justify-content: flex-end;
  align-items: center;
  width: 60px;
  min-width: 60px;
  display: flex;
}

.div-block-5925, .div-block-5889 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-wrapper-153 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-153.tags {
  width: 100%;
  min-width: 300px;
}

.results-wrapper-153.assign {
  width: auto;
  min-width: 0;
}

.results-wrapper-153.assign-copy {
  width: 100%;
  min-width: 300px;
}

.div-block-5890 {
  padding: 5px;
}

.side-nav-item-11 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 4px 10px 4px 15px;
  display: flex;
  position: relative;
}

.side-nav-item-11:hover {
  opacity: 100;
  background-color: #00000029;
}

.side-nav-item-11.custom {
  min-height: 38px;
}

.side-nav-item-11.clark {
  justify-content: flex-start;
}

.tag-content-57 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-5911 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.side-nav-item-8 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.side-nav-item-8:hover {
  opacity: 100;
  background-color: #00000029;
}

.matched-316 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-316.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.text-12-12 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-12.gray {
  padding-top: 2px;
  font-weight: 400;
  display: block;
}

.text-12-12.gray.hidden {
  display: block;
}

.text-12-12.semi {
  font-weight: 600;
}

.text-12-12.light-grey {
  color: #818181;
}

.message-holder-22 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.div-block-5931 {
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.div-block-5884 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.image-862 {
  margin-right: 1px;
}

.tooltip-29 {
  z-index: 996;
  background-color: #fffbd4;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.section-header-57 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.div-block-5861 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.unmatched-303 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-303.sm {
  font-size: 14px;
  line-height: 18px;
}

.results-holder-210 {
  z-index: 3;
  width: 530px;
  display: block;
  position: relative;
  overflow: visible;
}

.results-holder-210.sm {
  width: auto;
  display: none;
}

.text-tooltip-7 {
  color: #000;
  font-size: 12px;
  line-height: 16px;
  display: inline;
}

.results-wrapper-147 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: none;
  position: relative;
}

.results-wrapper-147.sm {
  width: 100%;
  min-width: 300px;
  display: block;
}

.checkbox-44 {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-44:hover {
  background-color: #dfdfdf;
}

.checkbox-44.selected {
  background-color: #2196f3;
  background-image: url('../images/check_4check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-color: #2196f3;
}

.checkbox-44.checked {
  background-color: #2196f3;
  background-image: url('../images/check_4check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.div-block-5873 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.duplicate-task-button-16 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-16:hover {
  background-color: #cbdfff;
}

.audio-bottom-controls-24 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.item-detail-wrapper-10 {
  background-color: #e0eaf7;
  border-bottom: 1px solid #c3d1da;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 20px;
  transition: background-color .4s;
  display: block;
  position: relative;
}

.item-detail-wrapper-10:hover, .item-detail-wrapper-10.selected {
  background-color: #f5fbff;
}

.tag-19 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-19.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-19.multi.small {
  height: 30px;
  min-height: 30px;
}

.tag-19.multi.reverse {
  background-color: #008ba0;
  border-style: none;
  border-color: #0c7c8d;
  height: 30px;
  min-height: 30px;
}

.tag-19.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-19.multi.small:hover {
  background-color: #a9d6ff;
}

.tag-19.small {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-left: 8px;
}

.item-column-wrapper-18 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding-left: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.item-column-wrapper-18.resolved {
  display: flex;
}

.item-column-wrapper-18.search {
  display: flex;
}

.item-column-wrapper-18.tree {
  min-width: 520px;
  display: none;
}

.item-column-wrapper-18.my {
  display: none;
}

.image-872 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-5880 {
  flex: 1;
}

.div-block-5894 {
  padding: 5px;
}

.results-scroller-337 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-337.sm {
  width: auto;
  min-width: 300px;
}

.results-scroller-342 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-342.sm {
  width: auto;
  min-width: 300px;
}

.unmatched-300 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-300.sm {
  font-size: 14px;
  line-height: 18px;
}

.results-scroller-339 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-339.sm {
  width: auto;
  min-width: 300px;
}

.sf-1278 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1278.center {
  text-align: center;
}

.div-block-5885 {
  padding-top: 3px;
}

.clear-keyword-icon-5 {
  opacity: .4;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 4px 2px auto auto;
}

.clear-keyword-icon-5:hover {
  opacity: .6;
}

.clear-keyword-icon-5.hidden {
  background-repeat: no-repeat;
  background-size: 20px;
}

.autocomplete-icon-21 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-21.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-21.remit.sm, .autocomplete-icon-21.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.loader-11 {
  background-color: #072046;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: auto;
  min-width: 100px;
  max-width: 220px;
  height: 160px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 14px 14px;
  display: block;
  position: absolute;
  inset: 40% 0% 0%;
  overflow: visible;
}

.unmatched-296 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-296.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-6003 {
  flex: 1;
}

.text-10-6 {
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.text-10-6.semi-white {
  color: #fff;
  font-weight: 600;
}

.div-block-5950 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.unmatched-308 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-308.sm {
  font-size: 14px;
  line-height: 18px;
}

.unmatched-308.sm.afeawef {
  align-self: center;
}

.text-span-387 {
  font-weight: 400;
}

.div-block-5995 {
  flex: 1;
  display: flex;
}

.div-block-5989 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.search-bar-19 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 10px;
  display: none;
}

.div-block-5943 {
  flex: 1;
}

.div-block-5965 {
  height: 6px;
  position: absolute;
}

.div-block-5977 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.result-row-741 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-741:hover {
  background-color: #e4f2ff;
}

.result-row-741.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.result-row-735 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-735:hover {
  background-color: #e4f2ff;
}

.result-row-735.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.item-header-copy-19 {
  color: #312b3de3;
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.result-row-743 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-743:hover {
  background-color: #e4f2ff;
}

.result-row-743.selected {
  background-color: #d1e9ff;
}

.image-879 {
  width: 16px;
  margin-right: 4px;
}

.text-12-13 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-13.gray {
  padding-top: 2px;
  font-weight: 400;
  display: block;
}

.text-12-13.gray.hidden {
  display: block;
}

.text-12-13.semi {
  font-weight: 600;
}

.text-12-13.light-grey {
  color: #818181;
}

.hidden-icon-6 {
  width: 13px;
}

.div-block-5982 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.result-row-737 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-737:hover {
  background-color: #e4f2ff;
}

.result-row-737.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.result-row-738 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-738:hover {
  background-color: #e4f2ff;
}

.result-row-738.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.header-right-side-17 {
  justify-content: flex-end;
  align-items: center;
  min-width: 30%;
  padding-top: 2px;
  display: flex;
}

.div-block-5983 {
  justify-content: flex-start;
  align-items: center;
  min-height: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 15px 20px auto auto;
}

.action-item-button-15 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-15:hover {
  background-color: #1b7897;
}

.action-item-button-15.start {
  background-color: #00a4fd;
}

.action-item-button-15.start:hover {
  background-color: #048dd8;
}

.action-item-button-15.blue {
  background-color: #0077b8;
}

.action-item-button-15.blue:hover {
  background-color: #02507a;
}

.action-item-button-15.completed {
  background-color: #1b7897;
}

.section-header-58 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.section-header-58.tall {
  height: 50px;
  min-height: 50px;
  padding-right: 10px;
}

.div-block-5984 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.volume-level-bar-22 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-22.max {
  height: 100%;
}

.progress-name-bar-5 {
  width: 100%;
  padding-right: 0;
}

.div-block-5986 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.notes-section-17 {
  margin-bottom: 10px;
  padding: 5px 18px;
  display: block;
}

.autocomplete-input-382 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-382.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.autocomplete-input-382.users {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.autocomplete-input-382.owners {
  border-color: #dbdbdb;
  min-height: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.autocomplete-input-382.owners.awef {
  min-height: 30px;
}

.image-880 {
  cursor: pointer;
}

.unmatched-315 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-315.sm {
  font-size: 14px;
  line-height: 18px;
}

.result-row-734 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-734:hover {
  background-color: #e4f2ff;
}

.result-row-734.selected {
  background-color: #d1e9ff;
}

.div-block-5962 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-5962.flex {
  display: flex;
}

.div-block-5959 {
  position: relative;
}

.chip-label-267 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-267.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-5948 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.results-wrapper-157 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-157.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.text-13-12 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-12.semi {
  font-weight: 600;
}

.text-13-12.red {
  color: #ed4444;
}

.text-13-12.white {
  color: #ffffffdb;
}

.checkbox-45 {
  color: #ffffffb3;
  text-align: center;
  background-color: #ffffff0f;
  border: 1px solid #2196f3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-45:hover {
  background-color: #54a7ff54;
}

.checkbox-45.checked {
  background-color: #205dc5;
  background-image: url('../images/check_4check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.image-883 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.chip-label-268 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-268.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-5968 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-label-20 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-20.xsm {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.button-label-20.xsm.blue {
  color: #0077b8;
  font-size: 13px;
  font-weight: 600;
}

.button-label-20.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.div-block-5937 {
  padding-top: 3px;
}

.div-block-5945 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.matched-319 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-319.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-5001-copy-5 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: 0;
}

.notes-section-22 {
  padding-bottom: 20px;
  display: block;
}

.form-block-52 {
  margin-bottom: 0;
}

.div-block-5988 {
  flex: 1;
}

.div-block-5957 {
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.result-row-744 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-744:hover {
  background-color: #e4f2ff;
}

.div-block-5971 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.result-row-739 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-739:hover {
  background-color: #e4f2ff;
}

.result-row-739.selected {
  background-color: #d1e9ff;
}

.activity-message-wrapper-b-14 {
  max-width: 900px;
  margin-bottom: 10px;
  display: block;
  overflow: auto;
}

.plans-wrapper-13 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.div-block-5976 {
  margin-left: 10px;
}

.unmatched-311 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-311.sm {
  font-size: 14px;
  line-height: 18px;
}

.text-field-79 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-79::placeholder {
  color: #b4b4b4;
}

.image-885 {
  width: 16px;
  margin-right: 4px;
}

.div-block-5993 {
  margin-bottom: 20px;
}

.div-block-5938 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-5938.flex {
  display: flex;
}

.div-block-5951 {
  padding-top: 3px;
}

.sf-15-med-128 {
  color: #313131;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-128.navy {
  color: #00528c;
}

.loading-items-18 {
  text-align: center;
  background-color: #ffffff1c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}

.chip-label-269 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-269.sm {
  font-size: 13px;
  line-height: 16px;
}

.text-14-121 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.text-14-121.semi {
  font-weight: 600;
  line-height: 20px;
}

.text-14-121.white {
  color: #ffffffdb;
  cursor: move;
  cursor: move;
  cursor: move;
  cursor: move;
  cursor: move;
  cursor: move;
  cursor: move;
  font-weight: 400;
}

.div-block-5991 {
  padding-right: 6px;
}

.div-block-5936 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.chip-label-xs-13 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.image-886 {
  margin-right: 1px;
}

.chip-address-19 {
  font-size: 15px;
  font-weight: 400;
}

.chip-address-19.sm {
  font-size: 12px;
  line-height: 16px;
}

.div-block-6000 {
  padding: 15px;
}

.due-soon-label-18 {
  background-color: #467ba0;
  border: 1px #cfcfcf;
  border-radius: 2px;
  padding: 4px 4px 6px;
}

.matched-320 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-320.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.action-item-header-40 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding-left: 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-40:hover {
  background-color: #f8ecc1;
}

.action-item-header-40.resolved {
  background-color: #dafde4;
}

.action-item-header-40.resolved:hover {
  background-color: #c6f1d2;
}

.action-item-header-40.red {
  background-color: #ffdce1;
}

.action-item-header-40.editable {
  background-color: #fff0;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.action-item-header-40.light-blue {
  background-color: #e0f3fc;
}

.action-item-header-40.light-blue:hover {
  background-color: #d1edfa;
}

.div-block-5980 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.all-item-wrapper-19 {
  height: 100%;
  min-height: 100px;
  max-height: 100%;
  padding-right: 4px;
  overflow: hidden;
}

.all-item-wrapper-19.m {
  padding-right: 0;
}

.div-block-5997 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.time-bar-29 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.div-block-5969 {
  flex: 1;
}

.image-881 {
  width: 16px;
}

.select-field-36 {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 32px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.select-field-36:hover {
  background-color: #eee;
}

.div-block-5994 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-header-59 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.results-scroller-344 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-344.sm {
  width: auto;
  min-width: 300px;
}

.div-block-5949 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.handle-volume-32 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-32:hover {
  background-color: #fff;
}

.text-field-78 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-78::placeholder {
  color: #b4b4b4;
}

.div-block-5998 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.unmatched-316 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-316.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-5952 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5935 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-5935.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.label-wrapper-37 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 3px;
  display: flex;
}

.label-wrapper-37._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.form-block-51 {
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.div-block-6004 {
  width: 120px;
  min-width: 120px;
}

.action-item-header-27 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 6px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-item-header-27:hover {
  background-color: #f8ecc1;
}

.action-item-header-27.blue {
  background-color: #e0f2fc;
}

.recording-icon-19 {
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.recording-icon-19:hover {
  filter: saturate(71%);
}

.recording-icon-19.large {
  width: 38px;
  height: 38px;
}

.image-878 {
  margin-right: 3px;
}

.image-882 {
  width: 16px;
}

.matched-321 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-321.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.icon-search-20 {
  opacity: .7;
  background-color: #fff0;
  background-image: url('../images/js-toolbar-search_1js-toolbar-search.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  min-width: 28px;
  min-height: 28px;
  margin-left: 6px;
}

.icon-search-20:hover {
  opacity: 1;
  background-color: #0077b869;
}

.div-block-5972 {
  flex: 1;
}

.results-holder-211 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-211.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.div-block-5987 {
  padding: 5px;
}

.image-891 {
  width: 16px;
}

.delete-task-button-6 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-6:hover {
  background-color: #ed4444;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
}

.image-892 {
  width: 8px;
  margin-top: 4px;
  margin-left: 8px;
}

.results-holder-215 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-215.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.unmatched-317 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-317.sm {
  font-size: 14px;
  line-height: 18px;
}

.keyword-search-input-7 {
  color: #000;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  padding-right: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  position: relative;
}

.keyword-search-input-7::placeholder {
  color: #667792;
}

.action-button-77 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-77:hover {
  color: #fff;
  background-color: #0d72b9;
}

.text-area-div-19 {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.text-area-div-19.read-only {
  background-color: #f1f1f1;
}

.results-holder-212 {
  z-index: 3;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-5944 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5934 {
  padding: 5px;
}

.div-block-6006 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.activity-message-17 {
  background-color: #e6f1ff;
  margin-bottom: 5px;
  padding: 8px 14px 10px;
  position: relative;
}

.activity-message-17.resolution {
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  max-width: 900px;
  margin-top: 10px;
  margin-left: 16px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.results-holder-213 {
  z-index: 3;
  width: 530px;
  display: block;
  position: relative;
  overflow: visible;
}

.results-holder-213.sm {
  width: auto;
  display: none;
}

.results-wrapper-155 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-155.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.results-scroller-347 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-347.sm {
  width: auto;
  min-width: 300px;
}

.div-block-5966 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-5966.flex {
  display: flex;
}

.image-888 {
  width: 16px;
}

.unmatched-310 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-310.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-5954 {
  width: 100px;
  min-height: 38px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.unmatched-312 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-312.sm {
  font-size: 14px;
  line-height: 18px;
}

.image-889 {
  filter: invert();
  position: relative;
}

.div-block-5979 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.text-span-388 {
  padding-left: 4px;
  font-weight: 400;
}

.matched-322 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-322.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.results-wrapper-156 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-156.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.div-block-6002 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.result-row-742 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-742:hover {
  background-color: #e4f2ff;
}

.result-row-742.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.volume-bar-26 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.div-block-5967 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-5967.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.hidden-icon-10 {
  width: 15px;
  min-width: 15px;
  height: 15px;
}

.div-block-5955 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.result-row-740 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-740:hover {
  background-color: #e4f2ff;
}

.result-row-740.selected {
  background-color: #d1e9ff;
}

.empty-state-action-item-18 {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ffffff1c;
  border-bottom: 1px solid #6896af;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px 400px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.remove-339 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-339:hover {
  opacity: 1;
}

.remove-339.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.item-column-wrapper-23 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: block;
  overflow: auto;
}

.sf-1279 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1279.white {
  color: #fff;
  cursor: default;
}

.div-block-5990 {
  display: flex;
}

.div-block-5961 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.action-item-name-40 {
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  min-width: 100px;
  max-width: 895px;
  margin-left: 4px;
  padding-top: 0;
  padding-right: 10px;
  display: block;
}

.action-item-name-40.owner {
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  min-width: 80px;
  padding-right: 0;
  display: flex;
}

.div-block-5964 {
  padding-left: 8px;
  padding-right: 8px;
}

.div-block-6001, .div-block-5975 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5941 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.action-item-name-39 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100px;
  max-width: 890px;
  padding-top: 0;
  display: block;
}

.action-item-name-39.edit {
  width: 100%;
  max-width: 900px;
}

.div-block-5974 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.all-item-wrapper-11 {
  min-height: 100px;
  overflow: auto;
}

.image-890 {
  width: 16px;
}

.div-block-5985 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.div-block-6007 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-5958 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-5958.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.image-877 {
  width: 16px;
  margin-right: 4px;
}

.add-item-18 {
  cursor: pointer;
  background-color: #0077b869;
  border: 1px solid #ffffff45;
  border-radius: 2px;
  padding: 4px 8px;
  transition: background-color .4s;
}

.add-item-18:hover {
  background-color: #0077b8;
}

.add-item-18.big {
  background-color: #0077b8;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.add-item-18.big:hover {
  background-color: #066192;
}

.div-block-5001-copy-10 {
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: 0;
}

.section-header-60 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.social-icon-9 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-9.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.div-block-5996, .div-block-5956 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.action-button-78 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-78:hover {
  color: #fff;
  background-color: #0d72b9;
}

.post-button-19 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-19:hover {
  background-color: #02507a;
}

.post-button-19.update {
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.reaction-icon-bar-11 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-11:hover {
  background-color: #eef3f8;
}

.text-span-390 {
  font-weight: 400;
}

.reason-input-section-20 {
  z-index: 4;
  background-color: #fff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin-bottom: 20px;
  display: block;
}

.results-holder-214 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-214.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.autocomplete-icon-16 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-16.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-16.remit.sm, .autocomplete-icon-16.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.textarea-24 {
  color: #000;
  border: 1px solid #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.textarea-24::placeholder {
  color: #979797;
}

.image-884 {
  cursor: pointer;
}

.address-22 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-22.sm {
  font-size: 13px;
  line-height: 16px;
}

.action-item-header-41 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-41:hover {
  background-color: #f8ecc1;
}

.action-item-header-41.editable {
  background-color: #fff7db00;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.div-block-5946 {
  padding-top: 3px;
}

.status-tag-20 {
  text-align: center;
  background-color: #636363;
  width: 70px;
  padding: 2px;
}

.chip-label-270 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-270.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-6005 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.duration-wrapper-20 {
  justify-content: flex-end;
  align-items: center;
  width: 60px;
  min-width: 60px;
  display: flex;
}

.unmatched-313 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-313.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-5953 {
  flex: 1;
}

.tag-content-149 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-5963 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.side-nav-item-12 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.side-nav-item-12:hover {
  opacity: 100;
  background-color: #00000029;
}

.result-row-736 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-736:hover {
  background-color: #e4f2ff;
}

.result-row-736.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.message-holder-23 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.unmatched-307 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-307.sm {
  font-size: 14px;
  line-height: 18px;
}

.tooltip-30 {
  z-index: 996;
  background-color: #fffbd4;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.result-row-733 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-733:hover {
  background-color: #e4f2ff;
}

.result-row-733.selected {
  background-color: #d1e9ff;
}

.text-field-80 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-80::placeholder {
  color: #b4b4b4;
}

.div-block-5973 {
  transform-style: preserve-3d;
  background-image: url('../images/face.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  margin-top: 60px;
  transform: rotateX(0)rotateY(-180deg)rotateZ(23deg);
}

.sf-1280 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1280.semi {
  font-weight: 600;
}

.sf-1280.semi.navy {
  color: #00528c;
  text-align: center;
}

.text-10-17 {
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
}

.text-10-17.semi-white {
  color: #fff;
  text-align: center;
  font-weight: 600;
  line-height: 13px;
}

.text-span-389 {
  font-weight: 400;
}

.results-wrapper-158 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: none;
  position: relative;
}

.results-wrapper-158.sm {
  width: 100%;
  min-width: 300px;
  display: block;
}

.duplicate-task-button-18 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-18:hover {
  background-color: #cbdfff;
}

.div-block-5960 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.duplicate-task-button-19 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-19:hover {
  background-color: #cbdfff;
}

.audio-bottom-controls-25 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.item-detail-wrapper-11 {
  background-color: #e0eaf7;
  border-bottom: 1px solid #c3d1da;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 20px;
  transition: background-color .4s;
  display: block;
  position: relative;
}

.item-detail-wrapper-11:hover, .item-detail-wrapper-11.selected {
  background-color: #f5fbff;
}

.unmatched-309 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-309.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-5970 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag-20 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-20.small {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-left: 8px;
}

.tag-20.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-20.multi.small {
  height: 30px;
  min-height: 30px;
}

.tag-20.multi.reverse {
  background-color: #008ba0;
  border-style: none;
  border-color: #0c7c8d;
  height: 30px;
  min-height: 30px;
}

.tag-20.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-20.multi.small:hover {
  background-color: #a9d6ff;
}

.result-row-745 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-745:hover {
  background-color: #e4f2ff;
}

.result-row-745.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.div-block-5947 {
  display: flex;
}

.results-scroller-346 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-346.sm {
  width: auto;
  min-width: 300px;
}

.results-scroller-343 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-343.sm {
  min-width: 304px;
}

.section-header-61 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.div-block-5992 {
  justify-content: flex-end;
  align-items: center;
  display: block;
  position: relative;
}

.div-block-5942 {
  background-image: url('../images/upload.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 70px;
}

.div-block-5940 {
  padding-left: 8px;
  padding-right: 8px;
}

.unmatched-314 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-314.sm {
  font-size: 14px;
  line-height: 18px;
}

.form-93 {
  max-height: 100vh;
  overflow: auto;
}

.div-block-5939 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-span-391 {
  font-weight: 400;
}

.div-block-5981 {
  align-self: center;
  display: flex;
}

.div-block-5999 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.image-887 {
  width: 16px;
}

.text-13-13 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-13.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.slider-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 300px;
  height: 30px;
  padding-left: 0;
  padding-right: 8px;
  display: flex;
}

.slide-bar-filled {
  background-color: #14b5b8;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.slider-handle {
  cursor: pointer;
  background-color: #115c66;
  border: 3px solid #68c4c5;
  border-radius: 20px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  display: block;
  position: relative;
  inset: 0% auto 0% 0%;
}

.slider-handle:hover {
  background-color: #16abbe;
  border-color: #e7fd81;
}

.slider-bar-base {
  background-color: #6d879b;
  border-radius: 6px;
  align-items: center;
  width: 144px;
  height: 5px;
  display: flex;
  position: relative;
}

.div-block-6008 {
  text-align: right;
  white-space: nowrap;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
}

.red-dot-slider {
  min-height: 60px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 15px;
  transition: all .5s;
}

.clark-header {
  background-color: #133d5c;
  justify-content: flex-start;
  align-items: center;
  min-height: 32px;
  padding: 5px 10px;
  display: flex;
}

.duplicate-task-button-20 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-20:hover {
  background-color: #cbdfff;
}

.results-wrapper-159 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-159.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.div-block-6009 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.small-button-wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-left: 2px;
  margin-right: 2px;
  display: block;
}

.section-header-62 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.autocomplete-input-383 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-383.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.autocomplete-input-383.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.all-item-wrapper-20 {
  min-height: 100px;
  overflow: auto;
}

.div-block-6011 {
  align-self: center;
  display: flex;
}

.text-area-div-20 {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.button-label-21 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-21.xxsm {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-21.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.clark-items {
  background-color: #f5fbff;
  min-height: 200px;
}

.loading-items-19 {
  text-align: center;
  background-color: #ffffff1c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}

.result-row-158 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-158:hover {
  background-color: #e4f2ff;
}

.result-row-158.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.item-column-wrapper-24 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: block;
  overflow: auto;
}

.item-column-wrapper-24.kpi {
  display: block;
}

.notes-section-23 {
  padding-bottom: 20px;
  display: block;
}

.post-button-4 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-4:hover {
  background-color: #02507a;
}

.div-block-5936-copy {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.form-block-202 {
  margin-bottom: 0;
}

.select-field-4-copy {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 28px;
  margin-bottom: 0;
  margin-left: 4px;
  padding: 4px 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.select-field-4-copy:hover {
  background-color: #eee;
}

.matched-323 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-323.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.remove-340 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-340:hover {
  opacity: 1;
}

.remove-340.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.action-item-button-16 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-16:hover {
  background-color: #1b7897;
}

.action-item-button-16.reject {
  background-color: #ed4444;
}

.action-item-button-16.reject:hover {
  background-color: #cc3434;
}

.action-item-button-16.reject.s {
  width: 60px;
  min-width: 0;
  height: 26px;
  min-height: 0;
  padding: 0 6px;
}

.action-item-button-16.accept {
  background-color: #508305;
}

.action-item-button-16.accept:hover {
  background-color: #48700a;
}

.action-item-button-16.accept.s {
  min-width: 60px;
  height: 26px;
  min-height: 0;
  padding: 0 6px;
}

.div-block-6012 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.div-block-6013 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-span-392 {
  padding-left: 4px;
  font-weight: 400;
}

.unmatched-318 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-318.sm {
  font-size: 14px;
  line-height: 18px;
}

.results-scroller-348 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-348.sm {
  width: auto;
  min-width: 300px;
}

.div-block-6014, .div-block-6015 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.matched-324 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-324.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.results-holder-216 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-216.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.delete-task-button-7 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-7:hover {
  background-color: #ed4444;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
}

.chip-label-271 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-271.sm {
  font-size: 13px;
  line-height: 16px;
}

.results-wrapper-160 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-160.assign-copy {
  width: 100%;
  min-width: 300px;
}

.result-row-746 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-746:hover {
  background-color: #e4f2ff;
}

.result-row-746.selected {
  background-color: #d1e9ff;
}

.chip-label-xs-14 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.autocomplete-icon-22 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-22.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.autocomplete-icon-22.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-22.remit.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.image-893 {
  margin-right: 5px;
}

.div-block-6016 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.tag-21 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-21.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-21.multi.small {
  cursor: pointer;
  height: 28px;
  min-height: 28px;
}

.tag-21.multi.small:hover {
  background-color: #a9d6ff;
}

.tag-21.small {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-left: 8px;
}

.address-5 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-5.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-6017 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-header-63 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.div-block-6018 {
  min-height: 90px;
  margin-top: auto;
}

.all-item-wrapper-21 {
  min-height: 100px;
  overflow: auto;
}

.loading-items-20 {
  text-align: center;
  background-color: #ffffff1c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}

.item-column-wrapper-25 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: block;
  overflow: auto;
}

.item-column-wrapper-25.kpi {
  display: block;
  position: relative;
}

.text-18-3 {
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.text-18-3.red {
  color: #ed4444;
  font-weight: 600;
}

.text-18-3.green {
  color: #55b83c;
  font-weight: 600;
}

.delta-display {
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.delta-display.hidden {
  display: none;
}

.div-block-1319 {
  margin-top: 6px;
}

.div-block-1319.flex {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.text-26 {
  color: #233852;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 34px;
}

.dash-tile {
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 12px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 15px;
  display: inline-block;
  position: relative;
  box-shadow: 0 3px 5px #031f680f;
}

.dash-tile:hover {
  background-color: #f9fbfc;
}

.div-block-6019 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.arrow-delta {
  background-image: url('../images/arrow-up_2.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 22px;
  height: 28px;
}

.arrow-delta.down {
  background-image: url('../images/arrow-down_4.png');
}

.kpi-holder {
  background-color: #f5fbff;
  padding: 10px 10px 40px;
}

.sf-401 {
  color: #313131;
  font-size: 24px;
  line-height: 32px;
}

.sf-401.red {
  color: #ed4444;
}

.clark-icon {
  opacity: 1;
  cursor: pointer;
  background-color: #0077b800;
  background-image: url('../images/clark.png');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: 36px;
  border: 1px #bfc9da;
  border-radius: 8px;
  min-width: 26px;
  max-width: 30px;
  min-height: 26px;
  max-height: 30px;
  margin-right: 8px;
  transition: background-color .4s, opacity .4s;
}

.clark-icon:hover {
  opacity: 1;
}

.clark-icon.column-header {
  margin-left: 10px;
}

.red-dot-4 {
  z-index: 9;
  background-color: #ff4a4a;
  border: 2px solid #061f47;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: 13px 0% auto 38px;
}

.red-dot-4.clark {
  border: 1px solid #ff7c7c;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  position: static;
}

.empty-state-action-report {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ffffff24;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.loading-report {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 52px;
  min-width: 120px;
  min-height: 150px;
  margin-left: auto;
  margin-right: auto;
}

.remove-kpi-icon {
  background-color: #c7c7c7;
  background-image: url('../images/icon-delete_1icon-delete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  position: absolute;
  inset: -6px -6px auto auto;
}

.remove-kpi-icon:hover {
  background-color: #afafaf;
}

.div-block-6020 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.reload-kpi {
  background-color: #0077b8;
  background-image: url('../images/refresh_3refresh.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  margin-right: 6px;
}

.reload-kpi:hover {
  background-color: #02507a;
}

.reload-kpi-2 {
  background-image: url('../images/refresh-gray_1refresh-gray.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  margin-left: 6px;
}

.reload-kpi-2:hover {
  background-color: #a5a5a5;
  background-image: url('../images/refresh_3refresh.png');
}

.seen-check {
  cursor: auto;
  background-image: url('../images/seen.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 4px;
}

.div-block-6032 {
  justify-content: flex-start;
  align-items: center;
  width: 60px;
  height: 33px;
  display: flex;
}

.button-label-22 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-22._12 {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.result-row-747 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-747:hover {
  background-color: #e4f2ff;
}

.result-row-747.selected {
  background-color: #d1e9ff;
}

.post-button-20 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-20:hover {
  background-color: #02507a;
}

.post-button-20.xs {
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}

.remove-341 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-341:hover {
  opacity: 1;
}

.remove-341.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.unmatched-319 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-319.sm {
  font-size: 14px;
  line-height: 18px;
}

.change-requester-wrapper {
  background-color: #e6f1ff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: center;
  padding: 8px 2px 8px 6px;
  display: flex;
}

.results-wrapper-278 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-278.assign-copy {
  width: 100%;
  min-width: 300px;
}

.autocomplete-input-384 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-384.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.chip-label-xs-15 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.matched-175 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-175.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.tag-22 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-22.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-22.multi.small {
  cursor: pointer;
  height: 26px;
  min-height: 26px;
}

.tag-22.multi.small:hover {
  background-color: #a9d6ff;
}

.link-53 {
  color: #046cea;
  text-decoration: none;
}

.link-53:hover {
  text-decoration: underline;
}

.div-block-6034 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 108px;
  min-height: 100px;
  display: flex;
}

.podium-name-wrapper {
  padding-bottom: 8px;
  padding-left: 4px;
  padding-right: 4px;
}

.podium-score {
  color: #4d4d4d;
  background-color: #fed130;
  border: 4px solid #e0c425;
  border-right-width: 3px;
  border-radius: 44px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 4px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

.podium-score._3rd {
  color: #fff;
  background-color: #c09d64;
  border-color: #e0bd7d;
}

.podium-score._2nd {
  color: #fff;
  background-color: #979797;
  border-color: #bdbdbd;
}

.podium {
  background-color: #d4eaf8;
  border-bottom: 3px solid #9abdd3;
  border-right: 2px solid #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 112px;
  padding-top: 8px;
  padding-bottom: 5px;
  display: flex;
}

.podium._2nd {
  height: 92px;
}

.podium._3rd {
  height: 80px;
}

.podium._1st {
  background-image: url('../images/laurel.png');
  background-position: 50% 6px;
  background-repeat: no-repeat;
  background-size: 76px;
}

.podium-wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 20px;
  display: flex;
}

.div-block-6035 {
  padding-bottom: 4px;
  padding-left: 10px;
}

.visible-icon {
  width: 15px;
  height: 15px;
}

.unopened-indicator {
  background-color: #3c6dff;
  border-bottom: 1px solid #c3d1da;
  border-left: 1px solid #c3d1da;
  width: 6px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.total-display {
  margin-top: 6px;
}

.total-display.team-total {
  border-bottom: 1px solid #e7e7e7;
  justify-content: space-between;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 6px;
  display: flex;
}

.div-block-6046 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.legend {
  background-color: #58b19f;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.legend.blue {
  background-color: #3b5ee4;
}

.div-block-6047 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fawfawef {
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.simple-right-click-menu-fds {
  z-index: 996;
  opacity: 1;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 6px 8px 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% 0 0;
  box-shadow: 2px 3px 7px 2px #0003;
}

.simple-right-click-menu-fds:hover {
  opacity: .92;
}

.right-click-menu-options-gregg {
  z-index: 40;
  background-color: #2e48a6;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 35px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  box-shadow: 1px 1px 3px #00000078;
}

.option-menu-div-2-cfewa {
  color: #fff;
  cursor: pointer;
  flex: 1;
  align-items: center;
  width: 100%;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.option-menu-div-2-cfewa:hover {
  background-color: #1b2762;
}

.option-menu-div-2-cfewa:active {
  text-transform: lowercase;
}

.option-menu-div-2-cfewa.tall {
  color: #0000;
  background-color: #e9e9e9;
  height: 50px;
}

.option-menu-div-2-cfewa.tall:hover {
  background-color: #f6f6f6;
}

.option-menu-div-2-cfewa.tall {
  color: #0000;
  height: 50px;
  padding-left: 14px;
}

.option-menu-div-2-cfewa.big {
  color: #0000;
  cursor: pointer;
  height: 40px;
  padding: 6px 15px;
}

.option-menu-div-2-cfewa.big:hover {
  background-color: #e9e9e9;
}

.text-menu-option-copqdqwdy {
  color: var(--white);
  font-size: 12px;
  line-height: 20px;
}

.text-menu-option-copqdqwdy.big {
  font-size: 16px;
  line-height: 18px;
}

.text-menu-option-copqdqwdy.subhead {
  color: #7e7e7e;
  line-height: 16px;
}

.text-menu-option-copqdqwdy.big {
  font-size: 14px;
}

.text-menu-option-copqdqwdy.right-click, .text-menu-option-copqdqwdy.right-clickpasdfawf {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
  display: block;
}

.text-menu-option-copqdqwdy.right-click-fc {
  box-shadow: none;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  text-decoration: none;
  display: block;
}

.close-modal-awefawef {
  opacity: .7;
  cursor: pointer;
  display: inline-block;
}

.close-modal-awefawef:hover {
  opacity: .9;
}

.close-modal-fasfawdf {
  opacity: .7;
  cursor: pointer;
  display: inline-block;
}

.close-modal-fasfawdf:hover {
  opacity: .9;
}

.resize-dragger {
  z-index: 999;
  cursor: col-resize;
  width: 4px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.resize-dragger:hover {
  background-color: #5eccff;
}

.div-block-7093 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-7080 {
  height: 300px;
  margin-top: auto;
}

.div-block-7118 {
  margin-top: 6px;
}

.div-block-7118.flex {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-7158 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-422 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.text-422.semi {
  font-weight: 600;
}

.div-block-7132 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 33%;
  min-height: 100px;
  display: flex;
}

.div-block-7123 {
  padding-bottom: 4px;
  padding-left: 10px;
}

.nav-item-results-holder {
  flex-direction: column;
  flex: 1;
  min-height: 200px;
  display: flex;
}

.visiblity-icon {
  width: 15px;
  min-width: 15px;
}

.side-nav-search-wrapper {
  position: relative;
}

.div-block-6049 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  max-width: 45px;
  padding-left: 4px;
  display: flex;
}

.nav-search {
  background-color: #0c3955;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 4px 8px;
  display: block;
}

.action-item-nav-holder {
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-option-holder {
  flex: 1;
  min-height: 220px;
  max-height: calc(100vh - 250px);
  overflow: auto;
}

.close-sectionafeawf-2 {
  opacity: .7;
  cursor: pointer;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  inset: 14px 8px 0% auto;
}

.close-sectionafeawf-2:hover {
  opacity: 1;
}

.autocomplete-input-385 {
  float: none;
  clear: none;
  color: #333;
  background-color: #0c283b;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 42px;
  padding: 2px 4px 2px 5px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.side-nav-item-13 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 4px 10px 4px 14px;
  display: flex;
  position: relative;
}

.side-nav-item-13:hover {
  opacity: 100;
  background-color: #00000029;
}

.side-nav-item-13.no-hover {
  justify-content: flex-start;
}

.side-nav-item-13.no-hover:hover {
  opacity: .88;
  background-color: #0000;
}

.editi-icon {
  opacity: .8;
  width: 15px;
  min-width: 15px;
  margin-right: 10px;
}

.editi-icon:hover {
  opacity: 1;
}

.nav-item-scroller {
  flex: 1;
  overflow: auto;
}

.ac-default-label-332 {
  color: #ffffff9c;
  width: 120px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.ac-default-label-332:focus {
  width: 200px;
}

.ac-default-label-332.mobile {
  display: none;
}

.result-icon-17 {
  opacity: .5;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-17.loading-icon-copy {
  opacity: 1;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-size: 22px;
}

.badge-div-2 {
  background-color: #e41b1b;
  border: 1px solid #ff7c7c;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 4px;
  display: flex;
  position: absolute;
  inset: 12px auto auto 136px;
}

.unmatched-320 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.unmatched-320.white {
  color: #fffc;
  cursor: pointer;
}

.fewagaegae {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 12px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.text-field-81 {
  text-align: right;
  width: 70px;
  margin-right: 10px;
}

.message-holder-24 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 0;
  padding-left: 10px;
  display: block;
}

.form-109 {
  position: relative;
}

.select-field-37 {
  color: #fffc;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  height: 34px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
}

.button-16 {
  cursor: pointer;
  background-color: #276ee0;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 40px;
  width: 40px;
  height: 40px;
}

.button-16:hover {
  background-color: #004df9;
}

.button-16.s {
  width: 32px;
  height: 32px;
}

.button-16.disabled {
  opacity: .33;
  display: none;
}

.button-16.disabled.hidden {
  display: none;
}

.result-row-748 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-748:hover {
  background-color: #0b095e5e;
}

.result-row-748.selected {
  background-color: #100f1d;
}

.div-block-7159 {
  position: relative;
}

.text-12-14 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-14.blue {
  color: #add2fff0;
}

.side-bar-title-3 {
  border-bottom: 1px solid #3a60d4;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 12px;
  display: flex;
}

.div-block-7160 {
  padding-left: 0;
  padding-right: 5px;
}

.mic-button-8 {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/mic-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border: 1px solid #4187f8;
  border-radius: 32px;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.mic-button-8:hover {
  opacity: 1;
  background-color: #276ee0;
  background-image: url('../images/mic.png');
}

.mic-button-8.s {
  background-size: auto 18px;
  width: 32px;
  height: 32px;
}

.tag-content-150 {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.message-bubble-dark-3 {
  text-align: left;
  background-color: #123b94;
  border-radius: 12px;
  min-width: 50px;
  max-width: 80%;
  min-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 14px;
}

.prompt-panel-3 {
  z-index: 10;
  background-color: #152b69;
  border-left: 1px solid #ffffff1f;
  border-right: 2px solid #639fff52;
  justify-content: flex-end;
  align-items: flex-start;
  min-width: 320px;
  height: 100vh;
  padding: 25px 15px 40px;
  display: block;
  position: relative;
  overflow: auto;
}

.div-block-7161 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 140px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.message-holder-25 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.message-holder-25.bot {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.results-wrapper-280 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-280.blue {
  background-color: #08296e;
  width: 100%;
  min-width: 300px;
}

.results-wrapper-280.assign-copy, .results-wrapper-280.tags {
  width: 100%;
  min-width: 300px;
}

.results-wrapper-280.assign {
  width: auto;
  min-width: 0;
}

.results-wrapper-280.vs {
  background-color: #222;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  min-width: 0;
  padding: 6px;
}

.results-wrapper-280.branch {
  background-color: #1b1b1b;
  width: auto;
  min-width: 0;
}

.audio-recorder-button-holder-3 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-13-24 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-24.semi {
  font-weight: 600;
}

.text-13-24.semi.blue {
  color: #add2fff0;
  padding-left: 4px;
}

.bubble-holder-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 8px;
  padding-right: 0;
  display: flex;
}

.bubble-holder-2.bot {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 40px;
  display: flex;
}

.chat-loading-copy-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-7162 {
  padding-top: 6px;
}

.remove-342 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  position: relative;
}

.remove-342:hover {
  opacity: 1;
}

.chat-convo-holder-5 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding: 20px 0 10px;
  display: block;
  overflow: visible;
}

.bubble-holder-3 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 420px;
  padding: 8px;
  display: flex;
}

.chip-label-272 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.date-range-4 {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.side-panel-right {
  background-color: #0c3955;
  border: 2px solid #0c3955;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  transition: right .4s;
  display: none;
  position: relative;
  left: auto;
}

.div-block-7163 {
  text-align: right;
  cursor: pointer;
  width: 100px;
  height: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.textarea-25 {
  color: #70a2ff;
  resize: none;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 6px;
  min-height: 110px;
  margin-top: 8px;
  padding: 10px 10px 50px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  overflow: visible;
}

.textarea-25::placeholder {
  color: #ffffff80;
}

.close-icon {
  z-index: 6;
  opacity: .6;
  cursor: pointer;
  background-image: url('../images/icon-delete_1icon-delete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 6px 6px auto auto;
}

.close-icon:hover {
  opacity: .9;
}

.div-block-7164 {
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.chat-avatar-3 {
  background-color: #0a1c6b;
  background-image: url('../images/fc.png'), linear-gradient(324deg, #0270e6, #08194c 48%, #36f);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 24px, auto;
  border: 1px solid #157ad8;
  border-radius: 32px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin-top: 10px;
  position: absolute;
}

.chat-avatar-3.clark {
  background-image: url('../images/clark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.chat-avatar-3.clark-big {
  background-image: url('../images/clark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 62px;
  min-width: 62px;
  height: 62px;
  min-height: 62px;
  margin-top: 0;
  margin-bottom: 15px;
  position: static;
}

.chat-form-wrapper-4 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
}

.date-input-17 {
  color: #c9c6c6b3;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 2px;
  justify-content: flex-end;
  align-items: center;
  width: 130px;
  height: 36px;
  margin-bottom: 0;
  margin-right: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.date-input-17::placeholder {
  color: #70a2ff;
}

.div-block-7165 {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.div-block-7165.sm {
  justify-content: flex-end;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 6px;
}

.matched-325 {
  color: #ffffffb0;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.messages-holder-2 {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.checkbox-46 {
  color: #ffffffb3;
  text-align: center;
  background-color: #ffffff0f;
  border: 1px solid #2196f3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-46:hover {
  background-color: #54a7ff54;
}

.autocomplete-input-386 {
  float: none;
  clear: none;
  color: #add2fff0;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 4px 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.text-block-383 {
  color: #70a2ff;
  padding-top: 5px;
  padding-right: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.text-block-383.s {
  font-size: 13px;
}

.form-110 {
  position: relative;
}

.select-field-38 {
  color: #fffc;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  height: 34px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
}

.button-17 {
  cursor: pointer;
  background-color: #276ee0;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 40px;
  width: 40px;
  height: 40px;
}

.button-17:hover {
  background-color: #004df9;
}

.button-17.s {
  width: 32px;
  height: 32px;
}

.button-17.disabled {
  opacity: .33;
  display: none;
}

.button-17.disabled.hidden {
  display: none;
}

.result-row-749 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-749:hover {
  background-color: #0b095e5e;
}

.result-row-749.selected {
  background-color: #100f1d;
}

.div-block-7166 {
  position: relative;
}

.text-12-15 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-15.blue {
  color: #add2fff0;
}

.side-bar-title-4 {
  border-bottom: 1px solid #3a60d4;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 12px;
  display: flex;
}

.div-block-7167 {
  padding-left: 0;
  padding-right: 5px;
}

.mic-button-9 {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/mic-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border: 1px solid #4187f8;
  border-radius: 32px;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.mic-button-9:hover {
  opacity: 1;
  background-color: #276ee0;
  background-image: url('../images/mic.png');
}

.mic-button-9.s {
  background-size: auto 18px;
  width: 32px;
  height: 32px;
}

.tag-content-151 {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.message-bubble-dark-4 {
  text-align: left;
  background-color: #123b94;
  border-radius: 12px;
  min-width: 50px;
  max-width: 80%;
  min-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 14px;
}

.prompt-panel-4 {
  z-index: 10;
  background-color: #152b69;
  border-left: 1px solid #ffffff1f;
  border-right: 2px solid #639fff52;
  justify-content: flex-end;
  align-items: flex-start;
  min-width: 320px;
  height: 100vh;
  padding: 25px 15px 40px;
  display: block;
  position: relative;
  overflow: auto;
}

.div-block-7168 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 140px;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.message-holder-26 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.message-holder-26.bot {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.text-13-25 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-25.semi {
  font-weight: 600;
}

.text-13-25.semi.blue {
  color: #add2fff0;
  padding-left: 4px;
}

.chat-loading-copy-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-7169 {
  padding-top: 6px;
}

.remove-343 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  position: relative;
}

.remove-343:hover {
  opacity: 1;
}

.chat-convo-holder-6 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding: 20px 0 10px;
  display: block;
  overflow: visible;
}

.bubble-holder-4 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 420px;
  padding: 8px;
  display: flex;
}

.chip-label-273 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.date-range-5 {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-7170 {
  text-align: right;
  cursor: pointer;
  width: 100px;
  height: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.textarea-26 {
  color: #70a2ff;
  resize: none;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 6px;
  min-height: 110px;
  margin-top: 8px;
  padding: 10px 10px 50px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  overflow: visible;
}

.textarea-26::placeholder {
  color: #ffffff80;
}

.div-block-7171 {
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.chat-avatar-4 {
  background-color: #0a1c6b;
  background-image: url('../images/fc.png'), linear-gradient(324deg, #0270e6, #08194c 48%, #36f);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 24px, auto;
  border: 1px solid #157ad8;
  border-radius: 32px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin-top: 10px;
  position: absolute;
}

.chat-avatar-4.clark {
  background-image: url('../images/clark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.chat-avatar-4.clark-big {
  background-image: url('../images/clark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 62px;
  min-width: 62px;
  height: 62px;
  min-height: 62px;
  margin-top: 0;
  margin-bottom: 15px;
  position: static;
}

.div-block-7172 {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.div-block-7172.sm {
  justify-content: flex-end;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 6px;
}

.matched-326 {
  color: #ffffffb0;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.messages-holder-3 {
  flex: 1;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
  overflow: auto;
}

.messages-holder-3.hidden {
  overflow: auto;
}

.side-panel-right-2 {
  z-index: 100;
  background-color: #0c3955;
  border: 2px solid #0c3955;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  width: 500px;
  transition: right .4s;
  display: none;
  position: relative;
  inset: 0% 0% 0% auto;
}

.checkbox-47 {
  color: #ffffffb3;
  text-align: center;
  background-color: #ffffff0f;
  border: 1px solid #2196f3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-47:hover {
  background-color: #54a7ff54;
}

.autocomplete-input-387 {
  float: none;
  clear: none;
  color: #add2fff0;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 4px 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.text-block-479 {
  color: #70a2ff;
  padding-top: 5px;
  padding-right: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.text-block-479.s {
  font-size: 13px;
}

.message-holder-27 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  padding-bottom: 0;
  padding-left: 10px;
  display: block;
}

.div-block-7173 {
  background-image: url('../images/Ellipsis-1.3s-200px.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
  margin-left: 4px;
}

.playground-chat-input-section {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 4px 10px 10px;
}

.playground-chat-input-section.prompt {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.playground-chat-input-section.button-holder {
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  padding-left: 5px;
  display: flex;
  position: relative;
  bottom: 10px;
}

.div-block-7174 {
  align-self: auto;
  display: flex;
}

.complete-icon {
  width: 20px;
  margin-right: 1px;
}

.result-row-750 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-750:hover {
  background-color: #e4f2ff;
}

.div-block-7175 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.reason-input-section-21 {
  z-index: 4;
  background-color: #fff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin-bottom: 20px;
  display: block;
}

.result-row-751 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-751:hover {
  background-color: #e4f2ff;
}

.result-row-751.selected {
  background-color: #d1e9ff;
}

.address-23 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-23.sm {
  font-size: 13px;
  line-height: 16px;
}

.results-wrapper-281 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-281.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.result-row-752 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-752:hover {
  background-color: #e4f2ff;
}

.result-row-752.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.textarea-27 {
  color: #000;
  border: 1px solid #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.textarea-27::placeholder {
  color: #979797;
}

.div-block-7176 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-holder-217 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-217.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.div-block-7177 {
  align-self: center;
  display: flex;
}

.div-block-7178 {
  margin-bottom: 20px;
}

.add-item-19 {
  cursor: pointer;
  background-color: #0077b869;
  border: 1px solid #ffffff45;
  border-radius: 2px;
  padding: 4px 8px;
  transition: background-color .4s;
}

.add-item-19:hover {
  background-color: #0077b8;
}

.add-item-19.big {
  background-color: #0077b8;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.add-item-19.big:hover {
  background-color: #066192;
}

.message-holder-28 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.div-block-7179 {
  align-self: center;
  display: flex;
}

.unmatched-321 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-321.sm {
  font-size: 14px;
  line-height: 18px;
}

.results-scroller-349 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-349.sm {
  width: auto;
  min-width: 300px;
}

.autocomplete-icon-23 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-23.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-23.remit.sm, .autocomplete-icon-23.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.result-row-753 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-753:hover {
  background-color: #e4f2ff;
}

.result-row-753.selected {
  background-color: #d1e9ff;
}

.image-894 {
  margin-right: 1px;
}

.item-column-wrapper-26 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: block;
  overflow: auto;
}

.item-column-wrapper-26.kpi {
  display: block;
  position: relative;
}

.div-block-7180 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.header-right-side-18 {
  justify-content: flex-end;
  align-items: center;
  min-width: 30%;
  padding-top: 2px;
  display: flex;
}

.result-row-754 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-754:hover {
  background-color: #e4f2ff;
}

.result-row-754.selected {
  background-color: #d1e9ff;
}

.matched-327 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-327.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.image-895 {
  width: 16px;
  margin-right: 4px;
}

.image-896 {
  margin-right: 3px;
}

.duration-wrapper-21 {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 90px;
  min-width: 90px;
  display: flex;
}

.div-block-7181 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-897 {
  filter: invert();
  position: relative;
}

.div-block-7182 {
  position: relative;
}

.image-898 {
  width: 16px;
  margin-right: 4px;
}

.form-111 {
  height: 100%;
  max-height: 100%;
  overflow: auto;
}

.image-899 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-7183 {
  justify-content: flex-start;
  align-items: center;
  width: 60px;
  height: 33px;
  display: flex;
}

.autocomplete-input-388 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-388.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-7184 {
  width: 120px;
  min-width: 120px;
}

.div-block-7185 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.image-900 {
  cursor: pointer;
}

.text-18-4 {
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.text-18-4.red {
  color: #ed4444;
  font-weight: 600;
}

.text-18-4.green {
  color: #55b83c;
  font-weight: 600;
}

.results-holder-218 {
  z-index: 3;
  width: 530px;
  display: block;
  position: relative;
  overflow: visible;
}

.results-holder-218.sm {
  width: auto;
  display: none;
}

.div-block-7186 {
  transform-style: preserve-3d;
  background-image: url('../images/face.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  margin-top: 60px;
  transform: rotateX(0)rotateY(-180deg)rotateZ(23deg);
}

.sf-15-med-129 {
  color: #313131;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-129.navy {
  color: #00528c;
}

.div-block-7187 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.unmatched-322 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-322.sm {
  font-size: 14px;
  line-height: 18px;
}

.text-423 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.text-423.semi {
  font-weight: 600;
}

.div-block-7188 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.matched-328 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-328.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-7189 {
  min-height: 90px;
  margin-top: auto;
}

.remove-344 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-344:hover {
  opacity: 1;
}

.remove-344.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.activity-message-18 {
  background-color: #e6f1ff;
  margin-bottom: 5px;
  padding: 8px 14px 10px;
  position: relative;
}

.activity-message-18.resolution {
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  max-width: 900px;
  margin-top: 10px;
  margin-left: 16px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-7190 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7191 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.div-block-7192 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-wrapper-282 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-282.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.textarea-28 {
  color: #70a2ff;
  resize: none;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 6px;
  min-height: 110px;
  margin-top: 8px;
  padding: 10px 10px 50px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  overflow: visible;
}

.textarea-28::placeholder {
  color: #ffffff80;
}

.div-block-7193 {
  flex: 1;
}

.div-block-7194 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-901 {
  width: 16px;
}

.hidden-icon-11 {
  width: 15px;
  min-width: 15px;
  height: 15px;
}

.unmatched-323 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-323.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-7195 {
  padding: 15px;
}

.div-block-7196 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.results-wrapper-283 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-283.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.div-block-7197 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag-content-152 {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.chip-label-274 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-274.sm {
  font-size: 13px;
  line-height: 16px;
}

.text-area-div-21 {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.div-block-7198 {
  flex: 1;
}

.matched-329 {
  color: #ffffffb0;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-7199 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-7199.flex {
  display: flex;
}

.image-902 {
  width: 16px;
}

.item-column-wrapper-27 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: block;
  overflow: auto;
}

.item-column-wrapper-27.kpi {
  display: none;
  position: relative;
}

.volume-level-bar-23 {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar-23.max {
  height: 100%;
}

.div-block-7200 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.loading-items-21 {
  text-align: center;
  background-color: #ffffff1c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}

.image-903 {
  margin-right: 5px;
}

.div-block-7201 {
  display: flex;
}

.address-24 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-24.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-7202 {
  flex: 1;
}

.post-button-21 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-21:hover {
  background-color: #02507a;
}

.div-block-7203 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7204 {
  margin-left: 10px;
}

.div-block-7205 {
  background-image: url('../images/upload.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 70px;
}

.div-block-7206 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ac-default-label-333 {
  color: #ffffff9c;
  width: 120px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.ac-default-label-333:focus {
  width: 200px;
}

.ac-default-label-333.mobile {
  display: none;
}

.result-row-755 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-755:hover {
  background-color: #e4f2ff;
}

.result-row-755.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.tag-23 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-23.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-23.multi.small {
  cursor: pointer;
  height: 26px;
  min-height: 26px;
}

.tag-23.multi.small:hover {
  background-color: #a9d6ff;
}

.remove-345 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-345:hover {
  opacity: 1;
}

.remove-345.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.results-wrapper-284 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: none;
  position: relative;
}

.results-wrapper-284.sm {
  width: 100%;
  min-width: 300px;
  display: block;
}

.div-block-7207 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.div-block-7208 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-7208.flex {
  display: flex;
}

.div-block-7209 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-label-23 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-23.xxsm {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-23.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.div-block-7210 {
  margin-top: 6px;
}

.div-block-7210.flex {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.checkbox-48 {
  color: #ffffffb3;
  text-align: center;
  background-color: #ffffff0f;
  border: 1px solid #2196f3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-48:hover {
  background-color: #54a7ff54;
}

.div-block-7211 {
  padding-top: 3px;
}

.image-904 {
  width: 8px;
  margin-top: 4px;
  margin-left: 8px;
}

.result-row-756 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-756:hover {
  background-color: #e4f2ff;
}

.result-row-756.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.unmatched-324 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-324.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-7212 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-scroller-350 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-350.sm {
  min-width: 304px;
}

.icon-search-21 {
  opacity: .7;
  background-color: #fff0;
  background-image: url('../images/js-toolbar-search_1js-toolbar-search.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  min-width: 28px;
  min-height: 28px;
  margin-left: 6px;
}

.icon-search-21:hover {
  opacity: 1;
  background-color: #0077b869;
}

.div-block-7213 {
  padding-left: 8px;
  padding-right: 8px;
}

.result-row-757 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-757:hover {
  background-color: #e4f2ff;
}

.result-row-757.selected {
  background-color: #d1e9ff;
}

.image-905 {
  width: 16px;
}

.autocomplete-icon-24 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-24.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.autocomplete-icon-24.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-24.remit.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.div-block-7214 {
  padding: 5px;
}

.message-bubble-dark-5 {
  text-align: left;
  background-color: #123b94;
  border-radius: 12px;
  min-width: 50px;
  max-width: 80%;
  min-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 14px;
}

.tag-24 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-24.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-24.multi.small {
  cursor: pointer;
  height: 28px;
  min-height: 28px;
}

.tag-24.multi.small:hover {
  background-color: #a9d6ff;
}

.tag-24.small {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-left: 8px;
}

.div-block-7215 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.matched-330 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-330.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-7216 {
  width: 100px;
  min-height: 38px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.messages-holder-4 {
  flex: 1;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
  overflow: auto;
}

.messages-holder-4.hidden {
  overflow: auto;
}

.text-span-393 {
  font-weight: 400;
}

.autocomplete-input-389 {
  float: none;
  clear: none;
  color: #333;
  background-color: #0c283b;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 42px;
  padding: 2px 4px 2px 5px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.div-block-7217 {
  justify-content: flex-end;
  align-items: center;
  display: block;
  position: relative;
}

.div-block-7218 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7219 {
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.badge-div-3 {
  background-color: #e41b1b;
  border: 1px solid #ff7c7c;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 4px;
  display: flex;
  position: absolute;
  inset: 12px auto auto 136px;
}

.unmatched-325 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-325.sm {
  font-size: 14px;
  line-height: 18px;
}

.result-row-758 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-758:hover {
  background-color: #e4f2ff;
}

.result-row-758.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.div-block-7220 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-10-18 {
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.text-10-18.semi-white {
  color: #fff;
  font-weight: 600;
}

.result-row-759 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-759:hover {
  background-color: #e4f2ff;
}

.result-row-759.selected {
  background-color: #d1e9ff;
}

.text-span-394 {
  padding-left: 4px;
  font-weight: 400;
}

.post-button-22 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-22:hover {
  background-color: #02507a;
}

.post-button-22.update {
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.chip-label-xs-16 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.section-header-64 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.section-header-64.fewafew {
  background-color: #d88d6c;
}

.side-panel-right-3 {
  z-index: 100;
  background-color: #0c3955;
  border: 2px solid #0c3955;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  width: 500px;
  transition: right .4s;
  display: none;
  position: relative;
  inset: 0% 0% 0% auto;
}

.div-block-7221 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 33%;
  min-height: 100px;
  display: flex;
}

.div-block-7222 {
  margin-top: 6px;
}

.matched-331 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.matched-331.white {
  color: #fffc;
  cursor: pointer;
}

.sf-1281 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1281.semi {
  font-weight: 600;
}

.sf-1281.semi.navy {
  color: #00528c;
  text-align: center;
}

.div-block-7223 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7224 {
  justify-content: flex-start;
  align-items: center;
  min-height: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 15px 20px auto auto;
}

.chip-label-xs-17 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.div-block-7225 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-7226 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.chip-label-xs-18 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.button-18 {
  cursor: pointer;
  background-color: #276ee0;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 40px;
  width: 40px;
  height: 40px;
}

.button-18:hover {
  background-color: #004df9;
}

.button-18.s {
  width: 32px;
  height: 32px;
}

.button-18.disabled {
  opacity: .33;
  display: none;
}

.button-18.disabled.hidden {
  display: none;
}

.delete-task-button-8 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-8:hover {
  background-color: #ed4444;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
}

.post-button-23 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-23:hover {
  background-color: #02507a;
}

.post-button-23.xs {
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}

.result-row-760 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-760:hover {
  background-color: #e4f2ff;
}

.result-row-760.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.results-scroller-351 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-351.sm {
  width: auto;
  min-width: 300px;
}

.div-block-7227 {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.div-block-7227.sm {
  justify-content: flex-end;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 6px;
}

.result-row-761 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-761:hover {
  background-color: #e4f2ff;
}

.result-row-761.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.chip-label-275 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.text-13-26 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-26.semi {
  font-weight: 600;
}

.text-13-26.red {
  color: #ed4444;
}

.div-block-7228 {
  height: 300px;
  margin-top: auto;
}

.date-input-26 {
  text-align: right;
  border: 1px solid #dbdbdb;
  min-width: 120px;
  height: 40px;
  min-height: 40px;
  margin-top: 4px;
  margin-right: 8px;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.div-block-7229 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.remove-346 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  position: relative;
}

.remove-346:hover {
  opacity: 1;
}

.duplicate-task-button-21 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-21:hover {
  background-color: #cbdfff;
}

.div-block-7230 {
  flex: 1;
}

.div-block-7231 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.div-block-7232 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  max-width: 45px;
  padding-left: 4px;
  display: flex;
}

.label-wrapper-38 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 1px;
  padding-bottom: 3px;
  display: flex;
}

.label-wrapper-38._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.div-block-7233 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-span-395 {
  padding-left: 4px;
  font-weight: 400;
}

.div-block-7234 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 140px;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.plans-wrapper-14 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.reaction-icon-bar-12 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-12:hover {
  background-color: #eef3f8;
}

.div-block-7235 {
  flex: 1;
  display: flex;
}

.results-holder-219 {
  z-index: 3;
  display: block;
  position: relative;
  overflow: visible;
}

.search-bar-20 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 10px;
  display: none;
}

.side-nav-item-14 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.side-nav-item-14:hover {
  opacity: 100;
  background-color: #00000029;
}

.side-nav-item-15 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 4px 10px 4px 14px;
  display: flex;
  position: relative;
}

.side-nav-item-15:hover {
  opacity: 100;
  background-color: #00000029;
}

.side-nav-item-15.no-hover {
  justify-content: flex-start;
}

.side-nav-item-15.no-hover:hover {
  opacity: .88;
  background-color: #0000;
}

.results-holder-220 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-220.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.div-block-7236 {
  display: flex;
}

.red-dot-5 {
  z-index: 9;
  background-color: #ff4a4a;
  border: 2px solid #061f47;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: 13px 0% auto 38px;
}

.red-dot-5.clark {
  border: 1px solid #ff7c7c;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  position: static;
}

.button-label-24 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-24._12 {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.div-block-7237 {
  padding-top: 3px;
}

.select-field-39 {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 32px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.select-field-39:hover {
  background-color: #eee;
}

.mic-button-10 {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/mic-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border: 1px solid #4187f8;
  border-radius: 32px;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.mic-button-10:hover {
  opacity: 1;
  background-color: #276ee0;
  background-image: url('../images/mic.png');
}

.mic-button-10.s {
  background-size: auto 18px;
  width: 32px;
  height: 32px;
}

.all-item-wrapper-22 {
  min-height: 100px;
  overflow: auto;
}

.unmatched-326 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-326.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-7238 {
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.result-row-762 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-762:hover {
  background-color: #e4f2ff;
}

.result-row-762.selected {
  background-color: #d1e9ff;
}

.action-item-button-17 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-17:hover {
  background-color: #1b7897;
}

.action-item-button-17.reject {
  background-color: #ed4444;
}

.action-item-button-17.reject:hover {
  background-color: #cc3434;
}

.action-item-button-17.reject.s {
  width: 60px;
  min-width: 0;
  height: 26px;
  min-height: 0;
  padding: 0 6px;
}

.action-item-button-17.accept {
  background-color: #508305;
}

.action-item-button-17.accept:hover {
  background-color: #48700a;
}

.action-item-button-17.accept.s {
  min-width: 60px;
  height: 26px;
  min-height: 0;
  padding: 0 6px;
}

.due-soon-label-19 {
  background-color: #467ba0;
  border: 1px #cfcfcf;
  border-radius: 2px;
  padding: 4px 4px 6px;
}

.volume-bar-27 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.div-block-7239 {
  flex: 1;
}

.image-906 {
  cursor: pointer;
}

.item-header-copy-20 {
  color: #312b3de3;
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.text-span-396 {
  font-weight: 400;
}

.all-item-wrapper-23 {
  min-height: 100px;
  overflow: auto;
}

.form-block-203 {
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.unmatched-327 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-327.sm {
  font-size: 14px;
  line-height: 18px;
}

.text-12-16 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-16.semi {
  font-weight: 600;
}

.text-12-16.gray {
  padding-top: 2px;
  font-weight: 400;
}

.text-12-16.light-grey {
  color: #818181;
}

.text-12-16.gray {
  padding-top: 2px;
  font-weight: 400;
  display: block;
}

.text-12-16.gray.hidden {
  display: block;
}

.unmatched-328 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-328.sm {
  font-size: 14px;
  line-height: 18px;
}

.progress-name-bar-6 {
  width: 100%;
  padding-right: 0;
}

.matched-332 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-332.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.tag-content-153 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.text-field-82 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-82::placeholder {
  color: #b4b4b4;
}

.div-block-7240 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.loading-items-22 {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 20px 40px;
  position: relative;
}

.loading-items-22.popup {
  background-color: #fff;
}

.result-row-763 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-763:hover {
  background-color: #0b095e5e;
}

.result-row-763.selected {
  background-color: #100f1d;
}

.sf-1282 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1282.white {
  color: #fff;
  cursor: default;
}

.item-column-wrapper-28 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: none;
  overflow: auto;
}

.div-block-7241 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-7241.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.results-holder-221 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-221.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.sf-1283 {
  color: #313131;
  font-size: 24px;
  line-height: 32px;
}

.sf-1283.red {
  color: #ed4444;
}

.all-item-wrapper-24 {
  min-height: 100px;
  overflow: auto;
}

.results-holder-222 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-222.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.form-112 {
  max-height: 100vh;
  overflow: auto;
}

.unmatched-329 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.unmatched-329.white {
  color: #fffc;
  cursor: pointer;
}

.notes-section-24 {
  padding-bottom: 20px;
  display: block;
}

.result-icon-18 {
  opacity: .5;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-18.loading-icon-copy {
  opacity: 1;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-size: 22px;
}

.result-icon-18.loading {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon-18.fieldname {
  background-image: url('../images/field_1field.png');
  background-size: 18px;
  border-style: none;
}

.result-icon-18.value {
  opacity: .55;
  background-color: #0000;
  background-image: url('../images/numbers.png');
  background-size: 20px;
  background-attachment: scroll;
}

.result-icon-18.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.result-icon-18.operator {
  background-image: url('../images/operator.png');
  background-size: 20px;
}

.time-bar-30 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.results-scroller-352 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-352.sm {
  width: auto;
  min-width: 300px;
}

.section-header-65 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.bubble-holder-5 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 420px;
  padding: 8px;
  display: flex;
}

.div-block-7242 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-field-83 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-83::placeholder {
  color: #b4b4b4;
}

.message-holder-29 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.message-holder-29.bot {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.action-item-button-18 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-18:hover {
  background-color: #1b7897;
}

.action-item-button-18.start {
  background-color: #00a4fd;
}

.action-item-button-18.start:hover {
  background-color: #048dd8;
}

.action-item-button-18.blue {
  background-color: #0077b8;
}

.action-item-button-18.blue:hover {
  background-color: #02507a;
}

.action-item-button-18.completed {
  background-color: #1b7897;
}

.div-block-7243 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.delete-task-button-9 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-9:hover {
  background-color: #ed4444;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
}

.text-area-div-22 {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.text-area-div-22.read-only {
  background-color: #f1f1f1;
}

.div-block-7244 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.chip-label-276 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-276.sm {
  font-size: 13px;
  line-height: 16px;
}

.duplicate-task-button-22 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-22:hover {
  background-color: #cbdfff;
}

.audio-bottom-controls-26 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-7245 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.action-item-name-41 {
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  min-width: 100px;
  max-width: 895px;
  margin-left: 4px;
  padding-top: 0;
  padding-right: 10px;
  display: block;
}

.action-item-name-41.owner {
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  min-width: 80px;
  padding-right: 0;
  display: flex;
}

.div-block-7246 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-7247 {
  padding-right: 6px;
}

.autocomplete-input-390 {
  float: none;
  clear: none;
  color: #add2fff0;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 4px 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.remove-347 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-347:hover {
  opacity: 1;
}

.remove-347.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.autocomplete-input-391 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-391.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.autocomplete-input-391.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-7248 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-7248.flex {
  display: flex;
}

.div-block-7249 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.action-item-header-42 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 6px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-item-header-42:hover {
  background-color: #f8ecc1;
}

.action-item-header-42.blue {
  background-color: #e0f2fc;
}

.link-54 {
  color: #046cea;
  text-decoration: none;
}

.link-54:hover {
  text-decoration: underline;
}

.result-row-764 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-764:hover {
  background-color: #e4f2ff;
}

.result-row-764.selected {
  background-color: #d1e9ff;
}

.div-block-7250 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.action-item-header-43 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-43:hover {
  background-color: #f8ecc1;
}

.action-item-header-43.editable {
  background-color: #fff7db00;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.section-header-66 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.div-block-7252 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7253 {
  background-image: url('../images/Ellipsis-1.3s-200px.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
  margin-left: 4px;
}

.chip-label-277 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-277.sm {
  font-size: 13px;
  line-height: 16px;
}

.results-scroller-353 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-353.sm {
  width: auto;
  min-width: 300px;
}

.text-span-397, .text-span-398 {
  font-weight: 400;
}

.chip-label-278 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-278.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-7254 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.handle-volume-33 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-33:hover {
  background-color: #fff;
}

.action-button-79 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-79:hover {
  color: #fff;
  background-color: #0d72b9;
}

.recording-icon-20 {
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.recording-icon-20:hover {
  filter: saturate(71%);
}

.recording-icon-20.large {
  width: 38px;
  height: 38px;
}

.div-block-7255 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.empty-state-action-item-19 {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ffffff1c;
  border-bottom: 1px solid #6896af;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px 400px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.social-icon-10 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-10.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.div-block-7256 {
  padding-bottom: 4px;
  padding-left: 10px;
}

.div-block-7257 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.autocomplete-input-392 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-392.owners.awef {
  min-height: 30px;
}

.autocomplete-input-392.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.autocomplete-input-392.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.autocomplete-input-392.users {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-7258 {
  text-align: right;
  white-space: nowrap;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
}

.results-wrapper-285 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-285.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.item-detail-wrapper-12 {
  background-color: #e0eaf7;
  border-bottom: 1px solid #c3d1da;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 20px;
  transition: background-color .4s;
  display: block;
  position: relative;
}

.item-detail-wrapper-12:hover, .item-detail-wrapper-12.selected {
  background-color: #f5fbff;
}

.chip-address-20 {
  font-size: 15px;
  font-weight: 400;
}

.chip-address-20.sm {
  font-size: 12px;
  line-height: 16px;
}

.text-13-27 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-27.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.div-block-5001-copy-11 {
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: 0;
}

.section-header-67 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.div-block-7259 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.unmatched-330 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-330.sm {
  font-size: 14px;
  line-height: 18px;
}

.checkbox-49 {
  color: #ffffffb3;
  text-align: center;
  background-color: #ffffff0f;
  border: 1px solid #2196f3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-49:hover {
  background-color: #54a7ff54;
}

.checkbox-49.checked {
  background-color: #205dc5;
  background-image: url('../images/check_4check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.text-field-84 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-84::placeholder {
  color: #b4b4b4;
}

.div-block-7260 {
  position: relative;
}

.div-block-7261 {
  height: 6px;
  position: absolute;
}

.tooltip-31 {
  z-index: 996;
  background-color: #fffbd4;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.div-block-7262 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-7262.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.div-block-7263 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-7263.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.matched-333 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-333.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.matched-334 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-334.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.unmatched-331 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-331.sm {
  font-size: 14px;
  line-height: 18px;
}

.image-907 {
  width: 16px;
}

.div-block-7264 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7265 {
  padding-left: 8px;
  padding-right: 8px;
}

.section-header-68 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.div-block-7266 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.button-label-25 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-25.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-25.xsm {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.button-label-25.xsm.blue {
  color: #0077b8;
  font-size: 13px;
  font-weight: 600;
}

.message-holder-30 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  padding-bottom: 0;
  padding-left: 10px;
  display: block;
}

.div-block-7267 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7268 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.div-block-7269 {
  padding: 5px;
}

.image-908 {
  width: 16px;
}

.activity-message-wrapper-b-19 {
  max-width: 900px;
  margin-bottom: 10px;
  display: block;
  overflow: auto;
}

.section-header-69 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.section-header-69.tall {
  height: 50px;
  min-height: 50px;
  padding-right: 10px;
}

.tag-25 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-25.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-25.multi.reverse {
  background-color: #008ba0;
  border-style: none;
  border-color: #0c7c8d;
  height: 30px;
  min-height: 30px;
}

.tag-25.multi.small {
  cursor: pointer;
  height: 28px;
  min-height: 28px;
}

.tag-25.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-25.multi.small:hover {
  background-color: #a9d6ff;
}

.tag-25.small {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-left: 8px;
}

.action-button-80 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-80:hover {
  color: #fff;
  background-color: #0d72b9;
}

.image-909 {
  width: 16px;
}

.div-block-7270 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.unmatched-332 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-332.sm {
  font-size: 14px;
  line-height: 18px;
}

.status-tag-21 {
  text-align: center;
  background-color: #636363;
  border-radius: 2px;
  width: 70px;
  padding: 2px;
  display: block;
}

.matched-335 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-335.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-7271 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-7272 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.div-block-7273 {
  padding-top: 3px;
}

.div-block-7274 {
  align-self: auto;
  display: flex;
}

.div-block-7275 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7276 {
  flex: 1;
}

.text-14-122 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-122.semi {
  font-weight: 600;
  line-height: 20px;
}

.div-block-7278 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.result-row-765 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-765:hover {
  background-color: #e4f2ff;
}

.div-block-7279 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.reason-input-section-22 {
  z-index: 4;
  background-color: #fff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin-bottom: 20px;
  display: block;
}

.result-row-766 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-766:hover {
  background-color: #e4f2ff;
}

.result-row-766.selected {
  background-color: #d1e9ff;
}

.address-25 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-25.sm {
  font-size: 13px;
  line-height: 16px;
}

.results-wrapper-286 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-286.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.textarea-29 {
  color: #000;
  border: 1px solid #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.textarea-29::placeholder {
  color: #979797;
}

.item-column-wrapper-29 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding-left: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.item-column-wrapper-29.search, .item-column-wrapper-29.resolved {
  display: flex;
}

.item-column-wrapper-29.tree {
  min-width: 520px;
  display: none;
}

.item-column-wrapper-29.my {
  display: none;
}

.div-block-7280 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-holder-223 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-223.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.div-block-7281 {
  align-self: center;
  display: flex;
}

.div-block-7282 {
  margin-bottom: 20px;
}

.add-item-20 {
  cursor: pointer;
  background-color: #0077b869;
  border: 1px solid #ffffff45;
  border-radius: 2px;
  padding: 4px 8px;
  transition: background-color .4s;
}

.add-item-20:hover {
  background-color: #0077b8;
}

.add-item-20.big {
  background-color: #0077b8;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.add-item-20.big:hover {
  background-color: #066192;
}

.message-holder-31 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.div-block-7283 {
  align-self: center;
  display: flex;
}

.unmatched-333 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-333.sm {
  font-size: 14px;
  line-height: 18px;
}

.results-scroller-354 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-354.sm {
  width: auto;
  min-width: 300px;
}

.autocomplete-icon-25 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-25.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-25.remit.sm, .autocomplete-icon-25.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.result-row-767 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-767:hover {
  background-color: #e4f2ff;
}

.result-row-767.selected {
  background-color: #d1e9ff;
}

.image-910 {
  margin-right: 1px;
}

.div-block-7284 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.header-right-side-19 {
  justify-content: flex-end;
  align-items: center;
  min-width: 30%;
  padding-top: 2px;
  display: flex;
}

.result-row-768 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-768:hover {
  background-color: #e4f2ff;
}

.result-row-768.selected {
  background-color: #d1e9ff;
}

.matched-336 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-336.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.image-911 {
  width: 16px;
  margin-right: 4px;
}

.image-912 {
  margin-right: 3px;
}

.duration-wrapper-22 {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 90px;
  min-width: 90px;
  display: flex;
}

.div-block-7285 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-913 {
  filter: invert();
  position: relative;
}

.div-block-7286 {
  position: relative;
}

.image-914 {
  width: 16px;
  margin-right: 4px;
}

.form-113 {
  height: 100%;
  max-height: 100%;
  overflow: auto;
}

.image-915 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-7287 {
  justify-content: flex-start;
  align-items: center;
  width: 60px;
  height: 33px;
  display: flex;
}

.autocomplete-input-393 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-393.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-7288 {
  width: 120px;
  min-width: 120px;
}

.div-block-7289 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.image-916 {
  cursor: pointer;
}

.text-18-5 {
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.text-18-5.red {
  color: #ed4444;
  font-weight: 600;
}

.text-18-5.green {
  color: #55b83c;
  font-weight: 600;
}

.results-holder-224 {
  z-index: 3;
  width: 530px;
  display: block;
  position: relative;
  overflow: visible;
}

.results-holder-224.sm {
  width: auto;
  display: none;
}

.div-block-7290 {
  transform-style: preserve-3d;
  background-image: url('../images/face.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  margin-top: 60px;
  transform: rotateX(0)rotateY(-180deg)rotateZ(23deg);
}

.sf-15-med-130 {
  color: #313131;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-130.navy {
  color: #00528c;
}

.div-block-7291 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.unmatched-334 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-334.sm {
  font-size: 14px;
  line-height: 18px;
}

.text-424 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.text-424.semi {
  font-weight: 600;
}

.div-block-7292 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.matched-337 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-337.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-7293 {
  min-height: 90px;
  margin-top: auto;
}

.remove-348 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-348:hover {
  opacity: 1;
}

.remove-348.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.activity-message-19 {
  background-color: #e6f1ff;
  margin-bottom: 5px;
  padding: 8px 14px 10px;
  position: relative;
}

.activity-message-19.resolution {
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  max-width: 900px;
  margin-top: 10px;
  margin-left: 16px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-7294 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7295 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.div-block-7296 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-wrapper-287 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-287.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.textarea-30 {
  color: #70a2ff;
  resize: none;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 6px;
  min-height: 110px;
  margin-top: 8px;
  padding: 10px 10px 50px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  overflow: visible;
}

.textarea-30::placeholder {
  color: #ffffff80;
}

.div-block-7297 {
  flex: 1;
}

.div-block-7298 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-917 {
  width: 16px;
}

.hidden-icon-12 {
  width: 15px;
  min-width: 15px;
  height: 15px;
}

.unmatched-335 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-335.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-7299 {
  padding: 15px;
}

.div-block-7300 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.results-wrapper-288 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-288.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.div-block-7301 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag-content-154 {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.chip-label-279 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-279.sm {
  font-size: 13px;
  line-height: 16px;
}

.text-area-div-23 {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.div-block-7302 {
  flex: 1;
}

.div-block-7303 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-7303.flex {
  display: flex;
}

.image-918 {
  width: 16px;
}

.div-block-7304 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.image-919 {
  margin-right: 5px;
}

.div-block-7305 {
  display: flex;
}

.address-26 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-26.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-7306 {
  flex: 1;
}

.post-button-24 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-24:hover {
  background-color: #02507a;
}

.div-block-7307 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7308 {
  margin-left: 10px;
}

.div-block-7309 {
  background-image: url('../images/upload.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 70px;
}

.div-block-7310 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ac-default-label-334 {
  color: #ffffff9c;
  width: 120px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.ac-default-label-334:focus {
  width: 200px;
}

.ac-default-label-334.mobile {
  display: none;
}

.tag-26 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-26.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-26.multi.small {
  cursor: pointer;
  height: 26px;
  min-height: 26px;
}

.tag-26.multi.small:hover {
  background-color: #a9d6ff;
}

.remove-349 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-349:hover {
  opacity: 1;
}

.remove-349.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.results-wrapper-289 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: none;
  position: relative;
}

.results-wrapper-289.sm {
  width: 100%;
  min-width: 300px;
  display: block;
}

.div-block-7311 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.div-block-7312 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-7312.flex {
  display: flex;
}

.div-block-7313 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-label-26 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-26.xxsm {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-26.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.select-field-40 {
  color: #333;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 32px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.select-field-40:hover {
  background-color: #eee;
}

.div-block-7314 {
  margin-top: 6px;
}

.div-block-7314.flex {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.checkbox-50 {
  color: #ffffffb3;
  text-align: center;
  background-color: #ffffff0f;
  border: 1px solid #2196f3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-50:hover {
  background-color: #54a7ff54;
}

.div-block-7315 {
  padding-top: 3px;
}

.image-920 {
  width: 8px;
  margin-top: 4px;
  margin-left: 8px;
}

.result-row-769 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-769:hover {
  background-color: #e4f2ff;
}

.result-row-769.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.unmatched-336 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-336.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-7316 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-scroller-355 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-355.sm {
  min-width: 304px;
}

.icon-search-22 {
  opacity: .7;
  background-color: #fff0;
  background-image: url('../images/js-toolbar-search_1js-toolbar-search.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  min-width: 28px;
  min-height: 28px;
  margin-left: 6px;
}

.icon-search-22:hover {
  opacity: 1;
  background-color: #0077b869;
}

.div-block-7317 {
  padding-left: 8px;
  padding-right: 8px;
}

.text-18-6 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.result-row-770 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-770:hover {
  background-color: #e4f2ff;
}

.result-row-770.selected {
  background-color: #d1e9ff;
}

.image-921 {
  width: 16px;
}

.autocomplete-icon-26 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-26.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.autocomplete-icon-26.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-26.remit.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.div-block-7318 {
  padding: 5px;
}

.message-bubble-dark-6 {
  text-align: left;
  background-color: #123b94;
  border-radius: 12px;
  min-width: 50px;
  max-width: 80%;
  min-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 14px;
}

.tag-27 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-27.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-27.multi.small {
  cursor: pointer;
  height: 28px;
  min-height: 28px;
}

.tag-27.multi.small:hover {
  background-color: #a9d6ff;
}

.tag-27.small {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-left: 8px;
}

.div-block-7319 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.matched-338 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-338.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-7320 {
  width: 100px;
  min-height: 38px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.messages-holder-5 {
  flex: 1;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
  overflow: auto;
}

.messages-holder-5.hidden {
  overflow: auto;
}

.text-span-399 {
  font-weight: 400;
}

.autocomplete-input-394 {
  float: none;
  clear: none;
  color: #333;
  background-color: #0c283b;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 42px;
  padding: 2px 4px 2px 5px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.div-block-7321 {
  justify-content: flex-end;
  align-items: center;
  display: block;
  position: relative;
}

.div-block-7322 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7323 {
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.badge-div-4 {
  background-color: #e41b1b;
  border: 1px solid #ff7c7c;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 4px;
  display: flex;
  position: absolute;
  inset: 12px auto auto 136px;
}

.unmatched-337 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-337.sm {
  font-size: 14px;
  line-height: 18px;
}

.result-row-771 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-771:hover {
  background-color: #e4f2ff;
}

.result-row-771.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.div-block-7324 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-10-19 {
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.text-10-19.semi-white {
  color: #fff;
  font-weight: 600;
}

.result-row-772 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-772:hover {
  background-color: #e4f2ff;
}

.result-row-772.selected {
  background-color: #d1e9ff;
}

.text-span-400 {
  padding-left: 4px;
  font-weight: 400;
}

.post-button-25 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-25:hover {
  background-color: #02507a;
}

.post-button-25.update {
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.chip-label-xs-19 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.section-header-70 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.div-block-7325 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 33%;
  min-height: 100px;
  display: flex;
}

.div-block-7326 {
  margin-top: 6px;
}

.matched-339 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.matched-339.white {
  color: #fffc;
  cursor: pointer;
}

.sf-1284 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1284.semi {
  font-weight: 600;
}

.sf-1284.semi.navy {
  color: #00528c;
  text-align: center;
}

.div-block-7327 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7328 {
  justify-content: flex-start;
  align-items: center;
  min-height: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 15px 20px auto auto;
}

.chip-label-xs-20 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.div-block-7329 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-7330 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.chip-label-xs-21 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.button-19 {
  cursor: pointer;
  background-color: #276ee0;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 40px;
  width: 40px;
  height: 40px;
}

.button-19:hover {
  background-color: #004df9;
}

.button-19.s {
  width: 32px;
  height: 32px;
}

.button-19.disabled {
  opacity: .33;
  display: none;
}

.button-19.disabled.hidden {
  display: none;
}

.delete-task-button-10 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-10:hover {
  background-color: #ed4444;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
}

.post-button-26 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-26:hover {
  background-color: #02507a;
}

.post-button-26.xs {
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}

.result-row-773 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-773:hover {
  background-color: #e4f2ff;
}

.result-row-773.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.results-scroller-356 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-356.sm {
  width: auto;
  min-width: 300px;
}

.div-block-7331 {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.div-block-7331.sm {
  justify-content: flex-end;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 6px;
}

.result-row-774 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-774:hover {
  background-color: #e4f2ff;
}

.result-row-774.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.chip-label-280 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.text-13-28 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-28.semi {
  font-weight: 600;
}

.text-13-28.red {
  color: #ed4444;
}

.div-block-7332 {
  height: 300px;
  margin-top: auto;
}

.date-input-27 {
  text-align: right;
  border: 1px solid #dbdbdb;
  min-width: 120px;
  height: 40px;
  min-height: 40px;
  margin-top: 4px;
  margin-right: 8px;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.div-block-7333 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.remove-350 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  position: relative;
}

.remove-350:hover {
  opacity: 1;
}

.duplicate-task-button-23 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-23:hover {
  background-color: #cbdfff;
}

.div-block-7334 {
  flex: 1;
}

.div-block-7335 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.div-block-7336 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  max-width: 45px;
  padding-left: 4px;
  display: flex;
}

.label-wrapper-39 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 1px;
  padding-bottom: 3px;
  display: flex;
}

.label-wrapper-39._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.div-block-7337 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-span-401 {
  padding-left: 4px;
  font-weight: 400;
}

.div-block-7338 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 140px;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.plans-wrapper-15 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.notes-section-25 {
  margin-bottom: 10px;
  padding: 5px 18px;
  display: block;
}

.reaction-icon-bar-13 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-13:hover {
  background-color: #eef3f8;
}

.div-block-7339 {
  flex: 1;
  display: flex;
}

.results-holder-225 {
  z-index: 3;
  display: block;
  position: relative;
  overflow: visible;
}

.search-bar-21 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 10px;
  display: none;
}

.result-icon-19 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-19.loading {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-size: 20px;
}

.result-icon-19.loading-integrity {
  opacity: 1;
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-size: 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-bottom: 0;
}

.result-icon-19.loading-integrity.sm {
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.result-icon-19.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon-19.no-results.sm {
  background-image: url('../images/search_1search.png');
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.result-icon-19.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.side-nav-item-16 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.side-nav-item-16:hover {
  opacity: 100;
  background-color: #00000029;
}

.side-nav-item-17 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 4px 10px 4px 14px;
  display: flex;
  position: relative;
}

.side-nav-item-17:hover {
  opacity: 100;
  background-color: #00000029;
}

.side-nav-item-17.no-hover {
  justify-content: flex-start;
}

.side-nav-item-17.no-hover:hover {
  opacity: .88;
  background-color: #0000;
}

.results-holder-226 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-226.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.div-block-7340 {
  display: flex;
}

.red-dot-6 {
  z-index: 9;
  background-color: #ff4a4a;
  border: 2px solid #061f47;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: 13px 0% auto 38px;
}

.red-dot-6.clark {
  border: 1px solid #ff7c7c;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  position: static;
}

.button-label-27 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-27._12 {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.div-block-7341 {
  padding-top: 3px;
}

.mic-button-11 {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/mic-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border: 1px solid #4187f8;
  border-radius: 32px;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.mic-button-11:hover {
  opacity: 1;
  background-color: #276ee0;
  background-image: url('../images/mic.png');
}

.mic-button-11.s {
  background-size: auto 18px;
  width: 32px;
  height: 32px;
}

.all-item-wrapper-25 {
  min-height: 100px;
  overflow: auto;
}

.unmatched-338 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-338.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-7342 {
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.result-row-775 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-775:hover {
  background-color: #e4f2ff;
}

.result-row-775.selected {
  background-color: #d1e9ff;
}

.action-item-button-19 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-19:hover {
  background-color: #1b7897;
}

.action-item-button-19.reject {
  background-color: #ed4444;
}

.action-item-button-19.reject:hover {
  background-color: #cc3434;
}

.action-item-button-19.reject.s {
  width: 60px;
  min-width: 0;
  height: 26px;
  min-height: 0;
  padding: 0 6px;
}

.action-item-button-19.accept {
  background-color: #508305;
}

.action-item-button-19.accept:hover {
  background-color: #48700a;
}

.action-item-button-19.accept.s {
  min-width: 60px;
  height: 26px;
  min-height: 0;
  padding: 0 6px;
}

.due-soon-label-20 {
  background-color: #467ba0;
  border: 1px #cfcfcf;
  border-radius: 2px;
  padding: 4px 4px 6px;
}

.volume-bar-28 {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.div-block-7343 {
  flex: 1;
}

.image-922 {
  cursor: pointer;
}

.item-header-copy-21 {
  color: #312b3de3;
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.text-span-402 {
  font-weight: 400;
}

.all-item-wrapper-26 {
  min-height: 100px;
  overflow: auto;
}

.form-block-204 {
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.unmatched-339 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-339.sm {
  font-size: 14px;
  line-height: 18px;
}

.unmatched-340 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-340.sm {
  font-size: 14px;
  line-height: 18px;
}

.progress-name-bar-7 {
  width: 100%;
  padding-right: 0;
}

.matched-340 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-340.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.tag-content-155 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.text-field-85 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-85::placeholder {
  color: #b4b4b4;
}

.div-block-7344 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.loading-items-23 {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 20px 40px;
  position: relative;
}

.loading-items-23.popup {
  background-color: #fff;
}

.result-row-776 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-776:hover {
  background-color: #0b095e5e;
}

.result-row-776.selected {
  background-color: #100f1d;
}

.sf-1285 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1285.white {
  color: #fff;
  cursor: default;
}

.item-column-wrapper-30 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: none;
  overflow: auto;
}

.div-block-7345 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-7345.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.results-holder-227 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-227.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.sf-1286 {
  color: #313131;
  font-size: 24px;
  line-height: 32px;
}

.sf-1286.red {
  color: #ed4444;
}

.all-item-wrapper-27 {
  min-height: 100px;
  overflow: auto;
}

.results-holder-228 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-228.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.form-114 {
  max-height: 100vh;
  overflow: auto;
}

.unmatched-341 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.unmatched-341.white {
  color: #fffc;
  cursor: pointer;
}

.time-bar-31 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.results-scroller-357 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-357.sm {
  width: auto;
  min-width: 300px;
}

.section-header-71 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.bubble-holder-6 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 420px;
  padding: 8px;
  display: flex;
}

.div-block-7346 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-field-86 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-86::placeholder {
  color: #b4b4b4;
}

.message-holder-32 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.message-holder-32.bot {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.action-item-button-20 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-20:hover {
  background-color: #1b7897;
}

.action-item-button-20.start {
  background-color: #00a4fd;
}

.action-item-button-20.start:hover {
  background-color: #048dd8;
}

.action-item-button-20.blue {
  background-color: #0077b8;
}

.action-item-button-20.blue:hover {
  background-color: #02507a;
}

.action-item-button-20.completed {
  background-color: #1b7897;
}

.div-block-7347 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.delete-task-button-11 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-11:hover {
  background-color: #ed4444;
  background-image: url('../images/ic_delete_black_48dp_2x_1ic_delete_black_48dp_2x.png');
}

.text-area-div-24 {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.text-area-div-24.read-only {
  background-color: #f1f1f1;
}

.div-block-7348 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.chip-label-281 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-281.sm {
  font-size: 13px;
  line-height: 16px;
}

.duplicate-task-button-24 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-24:hover {
  background-color: #cbdfff;
}

.div-block-7349 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.action-item-name-42 {
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  min-width: 100px;
  max-width: 895px;
  margin-left: 4px;
  padding-top: 0;
  padding-right: 10px;
  display: block;
}

.action-item-name-42.owner {
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  min-width: 80px;
  padding-right: 0;
  display: flex;
}

.div-block-7350 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-7351 {
  padding-right: 6px;
}

.autocomplete-input-395 {
  float: none;
  clear: none;
  color: #add2fff0;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 4px 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.remove-351 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-351:hover {
  opacity: 1;
}

.remove-351.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.autocomplete-input-396 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-396.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.autocomplete-input-396.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-7352 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-7352.flex {
  display: flex;
}

.div-block-7353 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.action-item-header-44 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 6px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-item-header-44:hover {
  background-color: #f8ecc1;
}

.action-item-header-44.blue {
  background-color: #e0f2fc;
}

.link-55 {
  color: #046cea;
  text-decoration: none;
}

.link-55:hover {
  text-decoration: underline;
}

.result-row-777 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-777:hover {
  background-color: #e4f2ff;
}

.result-row-777.selected {
  background-color: #d1e9ff;
}

.div-block-7354 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.action-item-header-45 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-45:hover {
  background-color: #f8ecc1;
}

.action-item-header-45.editable {
  background-color: #fff7db00;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.section-header-72 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.div-block-7356 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7357 {
  background-image: url('../images/Ellipsis-1.3s-200px.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
  margin-left: 4px;
}

.chip-label-282 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-282.sm {
  font-size: 13px;
  line-height: 16px;
}

.results-scroller-358 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-358.sm {
  width: auto;
  min-width: 300px;
}

.text-span-403, .text-span-404 {
  font-weight: 400;
}

.chip-label-283 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-283.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-7358 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.handle-volume-34 {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume-34:hover {
  background-color: #fff;
}

.action-button-81 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-81:hover {
  color: #fff;
  background-color: #0d72b9;
}

.recording-icon-21 {
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.recording-icon-21:hover {
  filter: saturate(71%);
}

.recording-icon-21.large {
  width: 38px;
  height: 38px;
}

.div-block-7359 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.empty-state-action-item-20 {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ffffff1c;
  border-bottom: 1px solid #6896af;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px 400px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.social-icon-11 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-11.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.div-block-7360 {
  padding-bottom: 4px;
  padding-left: 10px;
}

.div-block-7361 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.autocomplete-input-397 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-397.owners.awef {
  min-height: 30px;
}

.autocomplete-input-397.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.autocomplete-input-397.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.autocomplete-input-397.users {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.div-block-7362 {
  text-align: right;
  white-space: nowrap;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
}

.results-wrapper-290 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-290.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.item-detail-wrapper-13 {
  background-color: #e0eaf7;
  border-bottom: 1px solid #c3d1da;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 20px;
  transition: background-color .4s;
  display: block;
  position: relative;
}

.item-detail-wrapper-13:hover, .item-detail-wrapper-13.selected {
  background-color: #f5fbff;
}

.chip-address-21 {
  font-size: 15px;
  font-weight: 400;
}

.chip-address-21.sm {
  font-size: 12px;
  line-height: 16px;
}

.text-13-29 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-29.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.div-block-5001-copy-12 {
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: 0;
}

.section-header-73 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.div-block-7363 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.unmatched-342 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-342.sm {
  font-size: 14px;
  line-height: 18px;
}

.checkbox-51 {
  color: #ffffffb3;
  text-align: center;
  background-color: #ffffff0f;
  border: 1px solid #2196f3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-51:hover {
  background-color: #54a7ff54;
}

.checkbox-51.checked {
  background-color: #205dc5;
  background-image: url('../images/check_4check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.text-field-87 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-87::placeholder {
  color: #b4b4b4;
}

.div-block-7364 {
  position: relative;
}

.div-block-7365 {
  height: 6px;
  position: absolute;
}

.tooltip-32 {
  z-index: 996;
  background-color: #fffbd4;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.div-block-7366 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-7366.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.div-block-7367 {
  background-image: url('../images/upload.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-7367.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.matched-341 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-341.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.matched-342 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-342.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.header-right-side-20 {
  justify-content: flex-end;
  align-items: center;
  min-width: 30%;
  padding-top: 2px;
  display: flex;
}

.unmatched-343 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-343.sm {
  font-size: 14px;
  line-height: 18px;
}

.image-923 {
  width: 16px;
}

.div-block-7368 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7369 {
  padding-left: 8px;
  padding-right: 8px;
}

.section-header-74 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.div-block-7370 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.button-label-28 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-28.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-28.xsm {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.button-label-28.xsm.blue {
  color: #0077b8;
  font-size: 13px;
  font-weight: 600;
}

.message-holder-33 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  padding-bottom: 0;
  padding-left: 10px;
  display: block;
}

.div-block-7371 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7372 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.div-block-7373 {
  padding: 5px;
}

.image-924 {
  width: 16px;
}

.activity-message-wrapper-b-20 {
  max-width: 900px;
  margin-bottom: 10px;
  display: block;
  overflow: auto;
}

.section-header-75 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.section-header-75.tall {
  height: 50px;
  min-height: 50px;
  padding-right: 10px;
}

.tag-28 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-28.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-28.multi.reverse {
  background-color: #008ba0;
  border-style: none;
  border-color: #0c7c8d;
  height: 30px;
  min-height: 30px;
}

.tag-28.multi.small {
  cursor: pointer;
  height: 28px;
  min-height: 28px;
}

.tag-28.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-28.multi.small:hover {
  background-color: #a9d6ff;
}

.tag-28.small {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-left: 8px;
}

.action-button-82 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-82:hover {
  color: #fff;
  background-color: #0d72b9;
}

.image-925 {
  width: 16px;
}

.div-block-7374 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.unmatched-344 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-344.sm {
  font-size: 14px;
  line-height: 18px;
}

.status-tag-22 {
  text-align: center;
  background-color: #636363;
  border-radius: 2px;
  width: 70px;
  padding: 2px;
  display: block;
}

.matched-343 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-343.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-7375 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-7376 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.div-block-7377 {
  padding-top: 3px;
}

.div-block-7378 {
  align-self: auto;
  display: flex;
}

.div-block-7379 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7380 {
  flex: 1;
}

.text-14-123 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-123.semi {
  font-weight: 600;
  line-height: 20px;
}

.div-block-7382 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.main-bottom-section {
  flex-direction: column;
  flex: none;
  width: 100%;
  height: 200px;
  display: flex;
  position: static;
  bottom: 0;
}

.tag-29 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-29.vs {
  background-color: #fff0;
  border-radius: 0;
  height: 22px;
  min-height: 22px;
  padding: 0 0 0 6px;
}

.outer-wrapper2 {
  background-color: #181818;
  height: 100vh;
  overflow: hidden;
}

.column-right {
  background-color: #181818;
  flex-direction: column;
  flex: none;
  width: 250px;
  min-width: 100px;
  height: 100vh;
  max-height: 100vh;
  display: flex;
}

.icon-bar {
  background-color: #181818;
  border-right: 1px solid #555;
  flex-direction: column;
  width: 50px;
  min-width: 50px;
  height: 100vh;
  max-height: 100vh;
}

.ac-default-label-41-copy {
  color: #919191;
  width: 120px;
  height: 24px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 13px;
  font-weight: 300;
  display: block;
  position: relative;
  top: -1px;
  overflow: hidden;
}

.ac-default-label-41-copy:focus {
  width: 200px;
}

.search-wrapper {
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.middle-inner-wrapper {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  max-width: 100vw;
  max-height: 100vh;
  padding-bottom: 6px;
  display: flex;
  overflow: hidden;
}

.main-wrapper {
  background-color: #181818;
  border: 1px solid #555;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.result-icon-20 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-20.loading-integrity {
  opacity: 1;
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-size: 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-bottom: 0;
}

.result-icon-20.loading-integrity.sm {
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.result-icon-20.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon-20.no-results.sm {
  background-image: url('../images/search_1search.png');
}

.matched-344 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-344.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.arrow-solid {
  opacity: .72;
  background-image: url('../images/arrow-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-right: 2px;
}

.top-tab {
  cursor: pointer;
  background-color: #181818;
  border: 1px solid #2b2b2b;
  align-items: center;
  width: auto;
  min-width: 30px;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.top-tab:hover {
  opacity: .93;
  background-color: #1f1f1f;
}

.top-tab.selected {
  opacity: 1;
  background-color: #1f1f1f;
  border-top: 1px solid #3376ce;
  align-items: center;
  display: flex;
}

.results-arrow-2 {
  opacity: .72;
  background-image: url('../images/arrow-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-right: 2px;
}

.results-arrow-2.none {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 8px;
  min-width: 8px;
}

.results-arrow-2.collapsed {
  background-image: url('../images/arrow-white.png');
  transform: rotate(-90deg);
}

.text-label-tab {
  color: #9d9d9d;
  white-space: nowrap;
  cursor: text;
  line-height: 15px;
}

.text-label-tab.yellow {
  color: #c6a937;
}

.chip-label-sm {
  color: #ccc;
  font-size: 13px;
  font-weight: 400;
}

.autocomplete-input-398 {
  float: none;
  clear: none;
  color: #333;
  background-color: #242424;
  border: 1px solid #454545;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 28px;
  padding: 2px 4px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.div-block-6069 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tab-content-holder {
  flex: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: auto;
}

.code-editor-section {
  background-color: #1f1f1f;
  flex: 1;
  max-height: 100vh;
  position: relative;
  overflow: auto;
}

.sf-13 {
  font-size: 13px;
  line-height: 14px;
}

.sf-13.yellow {
  color: #c6a937;
}

.sf-13.white {
  color: #ccc;
  font-weight: 400;
  line-height: 15px;
}

.icon-holder {
  opacity: .52;
  background-image: url('../images/pages.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
}

.icon-holder.search {
  background-image: url('../images/search_2.png');
  background-position: 50%;
  background-size: 26px;
}

.icon-holder.selected {
  opacity: 100;
}

.div-block-7383 {
  display: flex;
}

.remove-352 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-352:hover {
  opacity: 1;
}

.remove-352.xs {
  background-color: #061f4700;
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.unmatched-345 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-345.sm {
  font-size: 14px;
  line-height: 18px;
}

.result-row-778 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-778:hover {
  background-color: #e4f2ff;
}

.result-row-778.selected {
  background-color: #d1e9ff;
}

.tab-container-3 {
  align-items: center;
  display: flex;
}

.middle-section-wrapper {
  background-color: #181818;
  flex-direction: column;
  width: 100%;
  min-width: 200px;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-7384 {
  background-color: #498ad85e;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.sort-option-button-2 {
  color: #fffc;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 54px;
  height: 30px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  display: flex;
}

.sort-option-button-2:hover {
  background-color: #498ad85e;
}

.sort-option-button-2.selected {
  color: #fff;
  background-color: #1c3d97;
  border-color: #ffffff87;
  font-weight: 600;
}

.search-holder {
  width: 500px;
  height: 28px;
}

.image-139 {
  opacity: .76;
  margin-right: 5px;
}

.tab-label-holder-2 {
  color: #ffffffe6;
  object-fit: fill;
  align-items: center;
  height: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  display: flex;
  overflow: hidden;
}

.tree-row {
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 28px;
  padding-left: 10px;
  padding-right: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tree-row:hover {
  background-color: #202020;
}

.tree-row.indent {
  padding-left: 20px;
}

.tree-row.indent2 {
  padding-left: 30px;
}

.col-content-holder {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.div-block-7385 {
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  display: none;
}

.tree-holder {
  background-color: #0003;
  flex: 1;
  padding-top: 0;
  padding-bottom: 10px;
  overflow: auto;
}

.div-block-7386 {
  align-self: auto;
  display: flex;
}

.drag-bar-3 {
  cursor: ew-resize;
  background-color: #181818;
  border-left: 1px solid #ffffff42;
  border-right: 1px solid #555;
  align-self: stretch;
  width: 6px;
  min-width: 6px;
  display: block;
}

.drag-bar-3:hover {
  background-color: #4b4b4b;
}

.drag-bar-3.horizontal {
  cursor: ns-resize;
  border-style: solid none;
  border-top-width: 1px;
  border-top-color: #ffffff42;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff42;
  width: 100%;
  height: 6px;
  min-height: 6px;
}

.drag-bar-3.horizontal:hover {
  border-top-color: #555;
  border-bottom-color: #555;
}

.main-section {
  flex-direction: column;
  flex: 1;
  min-width: 100px;
  height: 100%;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.column-left {
  background-color: #181818;
  flex-direction: column;
  flex: none;
  width: 250px;
  min-width: 100px;
  height: 100vh;
  max-height: 100vh;
  display: flex;
}

.text-block-480 {
  font-weight: 400;
}

.main-scroller {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.tab-bar {
  border-bottom: 1px solid #555;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 100vw;
  display: flex;
  position: relative;
}

.tag-30 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-30.vs {
  background-color: #fff0;
  border-radius: 0;
  height: 22px;
  min-height: 22px;
  padding: 0 0 0 6px;
  display: flex;
}

.main-scroller-2 {
  flex-direction: column;
  flex: 1;
  min-height: 80px;
  display: flex;
  overflow: hidden;
}

.ac-default-label-41-copy-2 {
  color: #989898;
  width: auto;
  min-width: 90px;
  height: 24px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 13px;
  font-weight: 300;
  display: block;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.ac-default-label-41-copy-2:focus {
  width: 200px;
}

.search-wrapper-42 {
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.autocomplete-input-399 {
  float: none;
  clear: none;
  color: #333;
  background-color: #242424;
  border: 1px solid #454545;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 28px;
  padding: 2px 4px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.outer-wrapper-vs {
  background-color: #181818;
  flex-flow: column;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.results-arrow-3 {
  opacity: .72;
  background-image: url('../images/arrow-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-right: 2px;
}

.results-arrow-3.none {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 8px;
  min-width: 8px;
}

.results-arrow-3.collapsed {
  background-image: url('../images/arrow-white.png');
  transform: rotate(-90deg);
}

.search-holder-2 {
  width: 40%;
  min-width: 200px;
  max-width: 500px;
  height: 28px;
}

.div-block-7387 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.drag-bar-4 {
  opacity: 100;
  cursor: ew-resize;
  background-color: #181818;
  border-left: 1px solid #ffffff42;
  border-right: 1px solid #555;
  align-self: stretch;
  width: 6px;
  min-width: 6px;
  display: block;
}

.drag-bar-4:hover {
  background-color: #4b4b4b;
}

.drag-bar-4.horizontal {
  cursor: ns-resize;
  border-style: solid none;
  border-top-width: 1px;
  border-top-color: #ffffff42;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff42;
  width: 100%;
  height: 6px;
  min-height: 6px;
}

.drag-bar-4.horizontal:hover {
  border-top-color: #555;
  border-bottom-color: #555;
}

.icon-bar-2 {
  background-color: #181818;
  border-left: 1px solid #2b2b2b;
  border-right: 1px solid #2b2b2b;
  flex-direction: column;
  width: 48px;
  min-width: 48px;
  height: 100vh;
  max-height: 100vh;
}

.div-block-7388 {
  display: flex;
}

.remove-353 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-353:hover {
  opacity: 1;
}

.remove-353.xs {
  background-color: #061f4700;
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.tab-container-4 {
  align-items: center;
  display: flex;
}

.icon-holder-2 {
  opacity: .52;
  background-image: url('../images/pages.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.icon-holder-2.search {
  background-image: url('../images/search_2.png');
  background-position: 50%;
  background-size: 26px;
}

.icon-holder-2.selected {
  opacity: 100;
}

.result-row-vs {
  opacity: .72;
  border-radius: 4px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 20px;
  padding: 4px 6px 4px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-vs:hover, .result-row-vs.selected {
  opacity: 100;
  background-color: #353535;
}

.result-row-vs.no-hover {
  opacity: .72;
}

.result-row-vs.no-hover:hover {
  background-color: #fff0;
}

.result-icon-21 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-21.vs {
  background-image: url('../images/search_2.png');
  background-position: 0 0;
  background-size: 16px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 2px;
}

.result-icon-21.loading-copy {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 0 0;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 2px;
}

.div-block-7389 {
  background-color: #498ad85e;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.unmatched-vs {
  color: #fff;
  cursor: default;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.sort-option-button-3 {
  color: #fffc;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 54px;
  height: 30px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  display: flex;
}

.sort-option-button-3:hover {
  background-color: #498ad85e;
}

.sort-option-button-3.selected {
  color: #fff;
  background-color: #1c3d97;
  border-color: #ffffff87;
  font-weight: 600;
}

.image-926 {
  opacity: .76;
  margin-right: 5px;
}

.results-holder-229 {
  z-index: 3;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-7390 {
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  display: none;
}

.text-block-481 {
  font-weight: 400;
}

.matched-vs {
  color: #fff;
  cursor: default;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.tag-31 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-31.vs {
  background-color: #fff0;
  border-radius: 0;
  height: 22px;
  min-height: 22px;
  padding: 0 0 0 6px;
  display: flex;
}

.ac-default-label-41-copy-3 {
  color: #989898;
  width: auto;
  min-width: 90px;
  height: 24px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 13px;
  font-weight: 300;
  display: block;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.ac-default-label-41-copy-3:focus {
  width: 200px;
}

.search-wrapper-43 {
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.autocomplete-input-400 {
  float: none;
  clear: none;
  color: #333;
  background-color: #242424;
  border: 1px solid #454545;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 28px;
  padding: 2px 4px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.div-block-7391 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.drag-bar-5 {
  opacity: 100;
  cursor: ew-resize;
  background-color: #181818;
  border-left: 1px solid #ffffff42;
  border-right: 1px solid #555;
  align-self: stretch;
  width: 6px;
  min-width: 6px;
  display: block;
}

.drag-bar-5:hover {
  background-color: #4b4b4b;
}

.drag-bar-5.horizontal {
  cursor: ns-resize;
  border-style: solid none;
  border-top-width: 1px;
  border-top-color: #ffffff42;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff42;
  width: 100%;
  height: 6px;
  min-height: 6px;
}

.drag-bar-5.horizontal:hover {
  border-top-color: #555;
  border-bottom-color: #555;
}

.icon-bar-3 {
  background-color: #181818;
  border-left: 1px solid #2b2b2b;
  border-right: 1px solid #2b2b2b;
  flex-direction: column;
  width: 48px;
  min-width: 48px;
  height: 100%;
}

.icon-bar-3.hidden {
  height: calc(100vh - 50px);
}

.div-block-7392 {
  display: flex;
}

.remove-354 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-354:hover {
  opacity: 1;
}

.remove-354.xs {
  background-color: #061f4700;
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.tab-container-5 {
  align-items: center;
  display: flex;
}

.icon-holder-3 {
  opacity: .52;
  background-image: url('../images/pages.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.icon-holder-3.search {
  background-image: url('../images/search_2.png');
  background-position: 50%;
  background-size: 26px;
}

.icon-holder-3.selected {
  opacity: 100;
}

.result-icon-22 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-22.vs {
  background-image: url('../images/search_2.png');
  background-position: 0 0;
  background-size: 16px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 2px;
}

.result-icon-22.loading-copy {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 0 0;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 2px;
}

.div-block-7393 {
  background-color: #498ad85e;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.sort-option-button-4 {
  color: #fffc;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 54px;
  height: 30px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  display: flex;
}

.sort-option-button-4:hover {
  background-color: #498ad85e;
}

.sort-option-button-4.selected {
  color: #fff;
  background-color: #1c3d97;
  border-color: #ffffff87;
  font-weight: 600;
}

.image-927 {
  opacity: .76;
  margin-right: 5px;
}

.results-holder-230 {
  z-index: 3;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-7394 {
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  display: none;
}

.text-block-482 {
  font-weight: 400;
}

.tag-32 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-32.vs {
  background-color: #fff0;
  border-radius: 0;
  height: 22px;
  min-height: 22px;
  padding: 0 0 0 6px;
  display: flex;
}

.ac-default-label-41-copy-4 {
  color: #989898;
  width: auto;
  min-width: 90px;
  height: 24px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: block;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.ac-default-label-41-copy-4:focus {
  width: 200px;
}

.search-wrapper-44 {
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.autocomplete-input-401 {
  float: none;
  clear: none;
  color: #333;
  background-color: #242424;
  border: 1px solid #454545;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 28px;
  padding: 2px 4px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.chip-label-sm-2 {
  color: #ccc;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.div-block-7395 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.drag-bar-6 {
  opacity: 100;
  cursor: ew-resize;
  background-color: #181818;
  border-left: 1px solid #ffffff42;
  border-right: 1px solid #555;
  align-self: stretch;
  width: 6px;
  min-width: 6px;
  display: block;
}

.drag-bar-6:hover {
  background-color: #4b4b4b;
}

.drag-bar-6.horizontal {
  cursor: ns-resize;
  border-style: solid none;
  border-top-width: 1px;
  border-top-color: #ffffff42;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff42;
  width: 100%;
  height: 6px;
  min-height: 6px;
}

.drag-bar-6.horizontal:hover {
  border-top-color: #555;
  border-bottom-color: #555;
}

.sf-13-2 {
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.sf-13-2.yellow {
  color: #c6a937;
}

.sf-13-2.white {
  color: #ccc;
  font-weight: 400;
  line-height: 15px;
}

.div-block-7396 {
  display: flex;
}

.remove-355 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-355:hover {
  opacity: 1;
}

.remove-355.xs {
  background-color: #061f4700;
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.matched-vs-2, .unmatched-vs-2 {
  color: #fff;
  cursor: default;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.tab-container-6 {
  align-items: center;
  display: flex;
}

.icon-holder-4 {
  opacity: .52;
  background-image: url('../images/pages.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.icon-holder-4.search {
  background-image: url('../images/search_2.png');
  background-position: 50%;
  background-size: 26px;
}

.icon-holder-4.selected {
  opacity: 100;
}

.result-icon-23 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-23.vs {
  background-image: url('../images/search_2.png');
  background-position: 0 0;
  background-size: 16px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 2px;
}

.result-icon-23.loading-copy {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 0 0;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 2px;
}

.div-block-7397 {
  background-color: #498ad85e;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.sort-option-button-5 {
  color: #fffc;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 54px;
  height: 30px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  display: flex;
}

.sort-option-button-5:hover {
  background-color: #498ad85e;
}

.sort-option-button-5.selected {
  color: #fff;
  background-color: #1c3d97;
  border-color: #ffffff87;
  font-weight: 600;
}

.image-928 {
  opacity: .76;
  margin-right: 5px;
}

.results-holder-231 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.div-block-7398 {
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  display: none;
}

.text-label-tab-vs {
  color: #9d9d9d;
  white-space: nowrap;
  cursor: text;
  font-family: Sf Ui Text, Arial, sans-serif;
  line-height: 15px;
}

.text-label-tab-vs.yellow {
  color: #c6a937;
}

.text-block-483 {
  font-weight: 400;
}

.tag-33 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-33.vs {
  background-color: #fff0;
  border-radius: 0;
  height: 22px;
  min-height: 22px;
  padding: 0 0 0 6px;
  display: flex;
}

.ac-default-label-41-copy-5 {
  color: #989898;
  width: auto;
  min-width: 90px;
  height: 24px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: block;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.ac-default-label-41-copy-5:focus {
  width: 200px;
}

.search-wrapper-45 {
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.autocomplete-input-402 {
  float: none;
  clear: none;
  color: #333;
  background-color: #242424;
  border: 1px solid #454545;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 28px;
  padding: 2px 4px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.chip-label-sm-3 {
  color: #ccc;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.div-block-7399 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.drag-bar-7 {
  opacity: 100;
  cursor: ew-resize;
  background-color: #181818;
  border-left: 1px solid #ffffff42;
  border-right: 1px solid #555;
  align-self: stretch;
  width: 6px;
  min-width: 6px;
  display: block;
}

.drag-bar-7:hover {
  background-color: #4b4b4b;
}

.drag-bar-7.horizontal {
  cursor: ns-resize;
  border-style: solid none;
  border-top-width: 1px;
  border-top-color: #ffffff42;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff42;
  width: 100%;
  height: 6px;
  min-height: 6px;
}

.drag-bar-7.horizontal:hover {
  border-top-color: #555;
  border-bottom-color: #555;
}

.sf-13-3 {
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.sf-13-3.yellow {
  color: #c6a937;
}

.sf-13-3.white {
  color: #ccc;
  font-weight: 400;
  line-height: 15px;
}

.div-block-7400 {
  display: flex;
}

.remove-356 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-356:hover {
  opacity: 1;
}

.remove-356.xs {
  background-color: #061f4700;
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.matched-vs-3, .unmatched-vs-3 {
  color: #fff;
  cursor: default;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.tab-container-7 {
  align-items: center;
  display: flex;
}

.icon-holder-5 {
  opacity: .52;
  background-image: url('../images/pages.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.icon-holder-5.search {
  background-image: url('../images/search_2.png');
  background-position: 50%;
  background-size: 26px;
}

.icon-holder-5.selected {
  opacity: 100;
}

.result-icon-24 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-24.vs {
  background-image: url('../images/search_2.png');
  background-position: 0 0;
  background-size: 16px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 2px;
}

.result-icon-24.loading-copy {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 0 0;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 2px;
}

.div-block-7401 {
  background-color: #498ad85e;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.sort-option-button-6 {
  color: #fffc;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 54px;
  height: 30px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  display: flex;
}

.sort-option-button-6:hover {
  background-color: #498ad85e;
}

.sort-option-button-6.selected {
  color: #fff;
  background-color: #1c3d97;
  border-color: #ffffff87;
  font-weight: 600;
}

.image-929 {
  opacity: .76;
  margin-right: 5px;
}

.div-block-7402 {
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  display: none;
}

.text-block-484 {
  font-weight: 400;
}

.vs-middle-inner-wrapper {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  max-width: 100vw;
  height: calc(100vh - 50px);
  padding-bottom: 6px;
  display: flex;
  overflow: hidden;
}

.tag-34 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-34.vs {
  background-color: #fff0;
  border-radius: 0;
  height: 22px;
  min-height: 22px;
  padding: 0 0 0 6px;
  display: flex;
}

.vs-tab-content-holder {
  flex: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: auto;
}

.tree-holder-vs {
  flex: 1;
  padding-top: 0;
  padding-bottom: 40px;
  overflow: auto;
}

.ac-default-label-41-copy-6 {
  color: #989898;
  width: auto;
  min-width: 90px;
  height: 24px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-bottom: 4px;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: block;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.ac-default-label-41-copy-6:focus {
  width: 200px;
}

.search-wrapper-46 {
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.autocomplete-input-403 {
  float: none;
  clear: none;
  color: #333;
  background-color: #242424;
  border: 1px solid #454545;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 28px;
  padding: 2px 4px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.chip-label-sm-4 {
  color: #ccc;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.div-block-7403 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.drag-bar-8 {
  opacity: 100;
  cursor: ew-resize;
  background-color: #181818;
  border-left: 1px solid #ffffff42;
  border-right: 1px solid #555;
  align-self: stretch;
  width: 6px;
  min-width: 6px;
  display: block;
}

.drag-bar-8:hover {
  background-color: #4b4b4b;
}

.drag-bar-8.horizontal {
  cursor: ns-resize;
  border-style: solid none;
  border-top-width: 1px;
  border-top-color: #ffffff42;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff42;
  width: 100%;
  height: 6px;
  min-height: 6px;
}

.drag-bar-8.horizontal:hover {
  border-top-color: #555;
  border-bottom-color: #555;
}

.vs-main-section {
  flex-direction: column;
  flex: 1;
  min-width: 100px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sf-13-4 {
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

.sf-13-4.yellow {
  color: #c6a937;
}

.sf-13-4.white {
  color: #ccc;
  font-weight: 300;
  line-height: 15px;
}

.div-block-7404 {
  display: flex;
}

.remove-357 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-357:hover {
  opacity: 1;
}

.remove-357.xs {
  background-color: #061f4700;
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.remove-357.fawef {
  position: absolute;
  inset: 0% 0% auto auto;
}

.vs-column-right {
  background-color: #181818;
  flex-direction: column;
  flex: none;
  width: 400px;
  min-width: 100px;
  height: calc(100vh - 50px);
  display: flex;
}

.matched-vs-4 {
  color: #fff;
  cursor: default;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.tab-container-8 {
  align-items: center;
  display: flex;
}

.vs-code-editor-section {
  background-color: #1f1f1f;
  flex: 1;
  min-height: 600px;
  position: relative;
  overflow: auto;
}

.result-icon-25 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-25.vs {
  background-image: url('../images/search_2.png');
  background-position: 0%;
  background-size: 16px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 2px;
}

.result-icon-25.loading-copy {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 0%;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 2px;
}

.div-block-7405 {
  background-color: #498ad85e;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.sort-option-button-7 {
  color: #fffc;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 54px;
  height: 30px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  display: flex;
}

.sort-option-button-7:hover {
  background-color: #498ad85e;
}

.sort-option-button-7.selected {
  color: #fff;
  background-color: #1c3d97;
  border-color: #ffffff87;
  font-weight: 600;
}

.image-930 {
  opacity: .76;
  margin-right: 5px;
}

.div-block-7406 {
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  display: none;
}

.tree-row-vs {
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 28px;
  padding-left: 10px;
  padding-right: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tree-row-vs:hover {
  background-color: #202020;
}

.tree-row-vs.indent {
  padding-left: 20px;
}

.tree-row-vs.indent2 {
  padding-left: 30px;
}

.vs-col-content-holder {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.vs-column-left {
  background-color: #fff;
  flex-direction: column;
  flex: none;
  width: 300px;
  min-width: 100px;
  height: 100%;
  display: block;
}

.vs-column-left.hidden {
  display: block;
}

.text-block-485 {
  font-weight: 400;
}

.main-bottom-section-vs {
  flex-direction: column;
  flex: none;
  width: 100%;
  min-height: 80px;
  display: flex;
  position: static;
  bottom: 0;
}

.vs-main-wrapper {
  background-color: #181818;
  border: 1px solid #555;
  display: flex;
  overflow: hidden;
}

.vs-middle-section-wrapper {
  background-color: #181818;
  flex-direction: column;
  width: 100%;
  min-width: 200px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vs-middle-section-wrapper.wefwf {
  display: block;
}

.vs-middle-section-wrapper.wefwf.hidden.gag {
  display: none;
}

.matched-345 {
  color: #000000db;
  white-space: pre-wrap;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.remove-358 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-358:hover {
  opacity: 1;
}

.remove-358.small {
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.text-block-486 {
  color: #9d9d9d;
  white-space: nowrap;
  cursor: pointer;
  font-family: Sf Ui Text, Arial, sans-serif;
  line-height: 15px;
}

.text-block-486.fawef {
  padding-right: 10px;
}

.div-block-1097 {
  flex: 1;
  overflow: auto;
}

.icon-duplicate-3 {
  transition: opacity .3s;
}

.icon-duplicate-3:hover {
  opacity: 1;
}

.textarea-seo-settings-2 {
  color: #fffc;
  background-color: #155279;
  border: 1px solid #155279;
  border-radius: 4px;
  min-height: 80px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 400;
  transition: background-color .4s;
}

.textarea-seo-settings-2:hover {
  background-color: #2773a3;
}

.textarea-seo-settings-2::placeholder {
  color: #ffffff7d;
}

.results-wrapper-3jjlkopy-copy-2 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  overflow: auto;
  box-shadow: 3px 3px 13px 1px #0003;
}

.workout-div-13 {
  cursor: move;
  background-color: #0f5d94;
  min-height: 52px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.page-settings-tab-wrapper {
  flex: 1;
  min-height: 70px;
  margin-bottom: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
  position: relative;
  top: 0;
}

.page-settings-tab-wrapper.hidden {
  flex-direction: column;
  flex: 1;
  display: none;
  overflow: hidden;
}

.page-settings-tab-wrapper.loading-ind {
  display: none;
}

.tab-template-holder {
  flex: 1;
  width: 100%;
  display: block;
  overflow: hidden;
}

.tab-template-holder.github-view, .tab-template-holder.github-view.hidden {
  display: block;
}

.tab-template-holder.templates {
  display: none;
}

.tab-template-holder.resource-view {
  display: block;
}

.tab-template-holder.resource-view.hidden, .tab-template-holder.loading-view {
  display: none;
}

.tab-template-holder.diff-view {
  display: block;
}

.tab-template-holder.diff-view.hidden {
  display: none;
}

.div-block-7407 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  margin-top: 60px;
}

.div-block-1012 {
  background-color: #032944;
  display: flex;
  position: relative;
}

.results-scroller-359 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.sf-1287 {
  color: #032944;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-1287.tran-white {
  color: #ffffffb3;
}

.sf-1287.white {
  color: #fff;
  line-height: 16px;
  transition: color .3s;
  inset: 0% auto auto 0%;
}

.page-details-tab-content-holder {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.div-block-1014 {
  padding-top: 6px;
  padding-bottom: 4px;
}

.ac-default-label-small-19 {
  color: #fff9;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.autocomplete-input-404 {
  float: none;
  clear: none;
  color: #333;
  background-color: #242424;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 4px 6px 0;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.section-input-wrapper {
  padding: 10px 20px 20px;
  display: block;
}

.div-block-1230 {
  justify-content: space-between;
  display: flex;
}

.all-tabs-holder-4 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  max-width: 100vw;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-css-template-holder {
  flex: 1;
  align-items: stretch;
  width: 100%;
  display: block;
  overflow: auto;
}

.text-menu-option-9 {
  color: #00528c;
  font-size: 12px;
  line-height: 18px;
}

.text-menu-option-9.big {
  font-size: 14px;
  line-height: 16px;
}

.text-menu-option-9.big.red {
  color: #d11a2a;
}

.chip-label-284 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-284.small {
  font-size: 13px;
  line-height: 16px;
}

.add-section {
  justify-content: center;
  align-items: center;
  height: 26px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: relative;
}

.image-170 {
  margin-right: 5px;
}

.tab-wrapper-2 {
  background-color: #181818;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-1011 {
  flex: 0 auto;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.tab-filter-section-2 {
  border-left: 2px solid #555;
  flex: none;
  width: 100px;
}

.open-graph-setting-copy {
  height: 8px;
  padding-bottom: 10px;
}

.div-block-416 {
  background-color: #fffc;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 80px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 80px 0% auto;
}

.textarea-code-settings {
  color: #fffc;
  background-color: #155279;
  border: 1px solid #155279;
  border-radius: 4px;
  min-height: 120px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 400;
  transition: background-color .4s;
}

.textarea-code-settings:hover {
  background-color: #2773a3;
}

.textarea-code-settings::placeholder {
  color: #ffffff7d;
}

.ac-icon-53 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 4px;
  margin-right: 6px;
}

.ac-icon-53.empty {
  background-image: none;
  width: 1px;
  min-width: 1px;
  height: 22px;
  margin-left: 0;
}

.result-row-779 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-779:hover {
  background-color: #d8e6fc;
}

.ac-default-label-335 {
  color: #ffffffcf;
  height: 32px;
  margin: 0;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: 0;
  overflow: hidden;
}

.ac-default-label-335:focus {
  width: 200px;
}

.site-page-tab {
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.site-page-tab:hover {
  background-color: #00528c;
}

.site-page-tab.selected {
  background-color: #032944;
}

.link-18 {
  color: #fffc;
  font-size: 12px;
  line-height: 14px;
}

.link-18:hover {
  color: #ffffffe6;
}

.image-192 {
  margin-left: 5px;
}

.add-secion-button {
  cursor: pointer;
  background-color: #032944;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.add-section-hover {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .5s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.add-section-hover:hover {
  opacity: 1;
}

.category-labels-4 {
  color: #fff9;
  letter-spacing: .3px;
  justify-content: space-between;
  padding-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  display: flex;
  position: relative;
}

.div-block-1005 {
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.div-block-1005.hidden {
  display: none;
}

.page-tab-bar {
  background-color: #155279;
  flex: none;
  align-items: center;
  height: 44px;
  display: flex;
}

.div-block-239 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.right-side-pane {
  background-color: #032944;
  flex-direction: column;
  width: 22%;
  min-width: 150px;
  height: 100%;
  min-height: 400px;
  max-height: 100vh;
  display: flex;
  overflow: hidden;
}

.site-builder-action-button {
  opacity: .72;
  cursor: pointer;
  background-color: #155279;
  background-image: url('../images/share.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border: 1px solid #fffc;
  border-radius: 4px;
  align-items: center;
  min-width: 32px;
  height: 30px;
  margin-right: 6px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.site-builder-action-button:hover {
  opacity: .88;
  background-color: #00528c;
}

.site-builder-action-button.redo {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/redo.png');
  background-size: cover;
  border-style: none;
}

.site-builder-action-button.redo:hover {
  opacity: 1;
  background-color: #155279;
}

.site-builder-action-button.redo.disabled {
  opacity: .4;
}

.site-builder-action-button.publish {
  opacity: 1;
  background-image: none;
  padding-left: 10px;
  padding-right: 5px;
}

.site-builder-action-button.publish:hover {
  background-color: #003b64;
}

.site-builder-action-button.report {
  background-image: url('../images/report.png');
  background-size: 20px;
}

.site-builder-action-button.view-page {
  opacity: 1;
  background-color: #1373b1;
  background-image: none;
}

.site-builder-action-button.view-page:hover {
  background-color: #0c6096;
}

.site-builder-action-button.undo {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/icon-undo.png');
  background-size: cover;
  border-style: none;
}

.site-builder-action-button.undo:hover {
  opacity: 1;
  background-color: #155279;
}

.site-builder-action-button.undo.disabled {
  opacity: .4;
  cursor: auto;
}

.option-menu-div {
  color: #fff;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 4px 0 10px;
  display: flex;
}

.option-menu-div:hover {
  background-color: #cfcfcf;
}

.option-menu-div.big {
  color: #0000;
  height: 40px;
}

.option-menu-div.big:hover {
  background-color: #ececec;
}

.content-section-area {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.whnmlere-ac-holder-copy-2 {
  position: relative;
}

.content-block-text {
  color: #fff;
  letter-spacing: .2px;
  max-height: 62px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.add-tab-2 {
  z-index: 999;
  opacity: .64;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/more_1more.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border: 1px solid #74b3df;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 24px;
  margin-bottom: 4px;
  margin-left: 6px;
  margin-right: 4px;
  display: flex;
  position: absolute;
  top: 15px;
}

.add-tab-2:hover {
  opacity: .88;
}

.drag-bar-9 {
  cursor: ew-resize;
  background-color: #233852;
  border-left: 1px solid #a3c8f5;
  border-right: 1px solid #a3c8f5;
  align-self: stretch;
  width: 8px;
  min-width: 8px;
}

.drag-bar-9:hover {
  background-color: #2d5f9c;
}

.preview-area-4 {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.content-section.add-content {
  cursor: pointer;
}

.section-divider {
  border-top: 1px solid #0a7ccc;
  width: 100%;
  height: 1px;
}

.refresh-cover {
  z-index: 9;
  background-color: #fff9;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.category-top-4 {
  border-bottom: 1px solid #00528c;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 12px 10px 10px;
  display: flex;
}

.category-top-4.right {
  background-color: #032944;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.tab-holder {
  flex: 1;
  width: 100%;
  display: none;
  overflow: hidden;
}

.div-block-642 {
  background-color: #fff;
  min-height: 100px;
  padding: 12px;
}

.div-block-642.hidden {
  display: none;
}

.sf-14-regular-30 {
  color: #313131;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sf-14-regular-30.bold-white {
  color: #ffffffdb;
  font-weight: 600;
}

.settings-accordion-menu-holder {
  flex-direction: column;
  flex: 1;
  height: auto;
  max-height: 100vh;
  padding-bottom: 100px;
  display: block;
  overflow: auto;
}

.program-options-3 {
  z-index: 40;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 234px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  top: 45px;
  left: -90px;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.tag-content-156 {
  justify-content: space-around;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.unmatched-346 {
  color: #000000db;
  white-space: nowrap;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.add-tab-button-2 {
  z-index: 100;
  width: 42px;
  height: 40px;
  position: static;
  top: 0;
  left: 0;
}

.results-holderasdf-4 {
  z-index: 10000;
  display: block;
  position: relative;
  top: auto;
  right: auto;
  overflow: visible;
}

.timeline-item-text-4 {
  color: #ffeaea;
  align-items: flex-start;
  padding-left: 12px;
  padding-right: 14px;
  display: flex;
  overflow: visible;
}

.image-931 {
  margin-right: 10px;
}

.top-tab-bar-2 {
  background-color: #181818;
  border-bottom: 1px #ffffff47;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 100vw;
  height: 44px;
  display: flex;
  position: relative;
  overflow: auto;
}

.search-title-preview {
  color: #1811a1;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 24px;
}

.right-button-tool-holder {
  justify-content: flex-end;
  align-items: center;
  min-width: 200px;
  height: 44px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.ac-site-builder {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 4px;
  display: flex;
  position: static;
  overflow: hidden;
}

.workout-div-13-copy {
  cursor: auto;
  background-color: #0f5d94;
  min-height: 52px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.preview-holder {
  background-color: #a59e9e;
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
  position: static;
}

.content-section-list {
  flex: 1;
  overflow: visible;
}

.text-span-405 {
  color: #fff9;
}

.result-icon-26 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-26.loading {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon-26.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.item-holder-6 {
  border: 1px solid #0000;
  border-radius: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.item-holder-6:hover {
  border-color: #fff;
}

.item-holder-6.non-movable {
  opacity: .52;
}

.item-holder-6.non-movable:hover {
  border-color: #0000;
}

.hide-page-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.icon-trash-3 {
  transition: opacity .3s;
}

.icon-trash-3:hover {
  opacity: 1;
}

.div-block-1231 {
  display: flex;
}

.div-block-964 {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 2px;
  display: flex;
}

.section-heading-bar {
  cursor: pointer;
  background-color: #001c30e6;
  border-top: 1px solid #ffffff63;
  border-bottom: 1px #ffffff63;
  align-items: center;
  height: 34px;
  padding-left: 10px;
  display: flex;
}

.page-view-wrapper-template {
  flex: 1;
  align-items: stretch;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  overflow: auto;
}

.copy-url-button-2 {
  opacity: .66;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  min-height: 20px;
  margin-left: 3px;
  padding: 2px;
  transition: opacity .4s;
  display: flex;
}

.copy-url-button-2:hover {
  opacity: 1;
  background-color: #1389c0b5;
}

.result-row-780 {
  align-items: center;
  height: auto;
  min-height: 38px;
  padding: 6px 8px;
  font-size: 16px;
  display: flex;
}

.result-row-780:hover {
  background-color: #d8e6fc;
}

.result-row-780.selected-tab {
  background-color: #233852;
}

.input-category-3 {
  color: #fffc;
  background-color: #155279;
  border: 0 solid #000;
  border-radius: 4px;
  align-items: center;
  height: 36px;
  margin-bottom: 5px;
  margin-right: 0;
  padding-left: 10px;
  font-size: 14px;
  transition: background-color .4s;
  display: flex;
}

.input-category-3:hover {
  background-color: #2773a3;
}

.input-category-3::placeholder {
  color: #fff9;
}

.page-section-arrow {
  opacity: .7;
  margin-right: 8px;
  transition: all .3s;
}

.page-section-arrow.collapsed {
  transition: all .3s;
  transform: rotate(-90deg);
}

.exclude-toggle-wrapper-2 {
  background-color: #0000;
  flex-direction: row;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.matched-346 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.unmatched-347 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.ac-defaulafewt-label-5-copy-2 {
  color: #9d9d9d;
  height: 32px;
  margin: 0;
  padding-top: 10px;
  padding-left: 6px;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 0;
  overflow: hidden;
}

.ac-defaulafewt-label-5-copy-2:focus {
  width: 200px;
}

.item-holder-6-copy {
  border: 1px solid #0000;
  border-radius: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.item-holder-6-copy:hover {
  border-color: #fff;
}

.page-content-tab-wrapper {
  flex-direction: column;
  flex: 1;
  min-height: 70px;
  margin-bottom: 4px;
  padding: 16px 8px 8px;
  display: flex;
  position: relative;
  top: 0;
}

.page-content-tab-wrapper.hidden {
  flex-direction: column;
  flex: 1;
  display: block;
}

.sf-1288 {
  color: #313131;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-1288.tran-white {
  color: #ffffffb3;
}

.ac-label-103 {
  white-space: pre-wrap;
  flex-wrap: wrap;
  flex: none;
  max-width: 100%;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.ac-label-103.selected-tab {
  color: #ffffffe6;
}

.open-pub-page-icon {
  opacity: .66;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  min-height: 20px;
  margin-left: 5px;
  padding: 2px;
  transition: opacity .4s;
  display: flex;
}

.open-pub-page-icon:hover {
  opacity: 1;
  background-color: #1389c0b5;
}

.tag-ac-wrapper {
  margin-top: 6px;
  display: block;
  position: relative;
}

.search-preview-small-text {
  color: #040609;
  padding-bottom: 8px;
}

.div-block-694 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.sf-12-label {
  color: #313131;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.sf-12-label.blue-med {
  color: #00b2ed;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.div-block-1010 {
  flex: 1;
  overflow: hidden;
}

.upload-open-graph-2 {
  opacity: .76;
  cursor: pointer;
  background-color: #155279;
  border: 1px solid #fffc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  transition: background-color .4s;
  display: flex;
}

.upload-open-graph-2:hover {
  opacity: .88;
  background-color: #315e7a;
}

.tile-hover-icon-block-4 {
  opacity: .68;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 5px;
  display: flex;
}

.tile-hover-icon-block-4:hover {
  opacity: 1;
}

.divider-6 {
  border: 1px #000;
  border-bottom: 1px solid #262c463d;
  height: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-bottom: 0;
}

.results-holder-5 {
  z-index: 101;
  display: none;
  position: relative;
  overflow: visible;
}

.sf-1289 {
  color: #313131;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.sf-1289.dark-blue {
  color: #00528c;
}

.results-wrapper-291 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.image-932 {
  margin-right: 4px;
  display: none;
}

.open-graph-setting {
  padding-bottom: 10px;
}

.open-graph-setting.hidden {
  height: 10px;
  display: none;
}

.div-block-961 {
  flex-direction: column;
  padding-top: 4px;
  display: flex;
}

.profile-tile-overlay-6 {
  opacity: 0;
  cursor: move;
  background-image: linear-gradient(to right, #00528c00 20%, #00528c78 43%, #00528ce6 67%);
  border: 1px #032944;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .6s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.profile-tile-overlay-6:hover {
  opacity: 1;
}

.responsive-toggle-bar-2 {
  background-color: #032944;
  justify-content: flex-start;
  align-items: center;
  height: 42px;
  display: flex;
  position: relative;
}

.open-graph-img-preview-2 {
  background-image: url('../images/noimage.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 200px;
}

.image-933 {
  margin-right: 8px;
}

.page-tab-2 {
  opacity: .9;
  cursor: pointer;
  background-color: #1f1f1f;
  border: 1px solid #2b2b2b;
  flex: none;
  align-items: center;
  width: auto;
  min-width: 30px;
  height: 32px;
  padding-left: 8px;
  padding-right: 2px;
  display: flex;
}

.page-tab-2:hover {
  background-color: #000;
}

.page-tab-2.hidden {
  flex: none;
}

.page-tab-2.current {
  opacity: 1;
  background-color: #000;
  border-top: 1px solid #3376ce;
  align-items: center;
  padding-right: 4px;
  display: flex;
}

.page-tab-2.current.hidden {
  max-width: none;
}

.code-editor-upper-bar {
  background-color: #1f1f1f;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  display: flex;
  position: relative;
}

.div-block-7408 {
  padding-left: 10px;
}

.date-picker-modal-content {
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  height: auto;
  min-height: 60px;
  padding: 4px;
  display: block;
  box-shadow: 0 1px 9px 3px #00000017;
}

.div-block-6070 {
  justify-content: flex-start;
  align-items: center;
  padding: 5px 20px 10px 8px;
  display: flex;
  position: relative;
}

.date-entry-8 {
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  align-items: center;
  width: 120px;
  height: 36px;
  padding-left: 10px;
  padding-right: 6px;
  display: flex;
}

.text-block-487 {
  color: #3b3b3b;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.apply-button-2 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.apply-button-2:hover {
  background-color: #02507a;
}

.button-label-29 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-29.xsm-semi {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.close-date-picker {
  opacity: .6;
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-left: auto;
}

.close-date-picker:hover {
  opacity: 1;
}

.close-date-picker.big {
  background-size: 16px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.date-input-28 {
  color: #333;
  align-self: stretch;
  width: 134px;
  padding: 7px 8px 6px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.date-input-wrapper-2-copy {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  width: 170px;
  min-height: 36px;
  padding-right: 4px;
  display: flex;
}

.div-block-7409 {
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 8px;
  display: flex;
}

.tab-container-2 {
  background-color: #181818;
  align-items: center;
  display: flex;
  position: relative;
}

.tab-loader-2 {
  opacity: .48;
  background-image: url('../images/Rolling-1s-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 18px;
  height: 18px;
  margin-right: 4px;
}

.remove-2 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border-radius: 24px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.remove-2:hover {
  opacity: 1;
}

.github-top-section-holder {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: auto;
}

.vs-column-left-2 {
  background-color: #181818;
  flex-direction: column;
  flex: none;
  width: 500px;
  min-width: 100px;
  height: calc(100vh - 50px);
  display: flex;
}

.github-side-panel {
  background-color: #1f1f1f;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 0;
  display: flex;
  overflow: auto;
}

.github-icon {
  border: 1px solid #47b151;
  border-radius: 2px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  position: absolute;
  inset: 7px 10px auto auto;
}

.github-icon.plus {
  background-image: url('../images/green-plus.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
}

.github-icon.minus {
  background-image: url('../images/minus_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border-color: #d87272;
}

.github-icon.dot {
  background-image: url('../images/dot.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border-color: #aa9c33;
}

.div-block-7416 {
  overflow: auto;
}

.sf-12 {
  color: #ccc;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}

.vs-middle-inner-wrapper-2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  max-width: 100vw;
  padding-bottom: 6px;
  display: flex;
  overflow: hidden;
}

.div-block-7417 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.drag-bar-10 {
  opacity: 100;
  cursor: ew-resize;
  background-color: #181818;
  border-left: 1px solid #ffffff42;
  border-right: 1px solid #555;
  align-self: stretch;
  width: 6px;
  min-width: 6px;
  display: block;
}

.drag-bar-10:hover {
  background-color: #4b4b4b;
}

.github-row {
  cursor: pointer;
  border-bottom: 1px solid #2b2b2b;
  align-items: center;
  width: 100%;
  height: 30px;
  min-height: 30px;
  padding-left: 10px;
  padding-right: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.github-row:hover {
  background-color: #141414;
}

.github-row.selected {
  background-color: #131313;
}

.div-block-7418 {
  display: flex;
}

.github-top-bar {
  background-color: #141414;
  border-bottom: 1px solid #2b2b2b;
  height: 50px;
  display: flex;
}

.github-bottom-section {
  background-color: #e6a0a0;
  height: 240px;
  min-height: 240px;
}

.repository-wrapper {
  background-color: #141414;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.repository-wrapper:hover {
  background-color: #000;
}

.repository-wrapper.small {
  border-right: 1px solid #454545;
  width: auto;
  min-width: 260px;
}

.down-arrow-holder {
  cursor: pointer;
  background-image: url('../images/arrow-down_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-top: 10px;
  margin-left: auto;
}

.vs-tab-content-holder-2 {
  flex: 1;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-7419 {
  background-color: #498ad85e;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.sort-option-button-8 {
  color: #fffc;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 54px;
  height: 30px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  display: flex;
}

.sort-option-button-8:hover {
  background-color: #498ad85e;
}

.sort-option-button-8.selected {
  color: #fff;
  background-color: #1c3d97;
  border-color: #ffffff87;
  font-weight: 600;
}

.image-934 {
  opacity: .76;
  margin-right: 5px;
}

.github-main-wrapper {
  background-color: #1f1f1f;
  flex: 1;
  position: relative;
  overflow: auto;
}

.checkbox-sm {
  background-color: #242424;
  border: 1px solid #6b6b6b;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-right: 10px;
  display: flex;
}

.checkbox-sm:hover {
  background-color: #242424;
}

.checkbox-sm.checked {
  background-color: #0054c2;
  background-image: url('../images/check_3check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 9px;
  border-color: #0054c2;
}

.checkbox-sm.deselect {
  background-color: #0054c2;
  background-image: url('../images/deselect.png');
  background-position: 50%;
  background-size: contain;
}

.gh-bar-icon {
  background-image: url('../images/lock_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-top: 6px;
  margin-right: 12px;
}

.gh-bar-icon.branch {
  background-image: url('../images/branch.png');
  background-size: 14px;
}

.gh-bar-icon.down {
  background-image: url('../images/sort-arrow-down_1sort-arrow-down.png');
  background-size: 10px;
}

.div-block-7420 {
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  display: none;
}

.vs-main-section-2 {
  flex-direction: column;
  flex: 1;
  min-width: 100px;
  height: calc(100vh - 50px);
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block-488 {
  font-weight: 400;
}

.image-935 {
  opacity: .8;
  width: 14px;
  margin-right: 10px;
}

.filter-wrapper-2 {
  background-color: #141414;
  border-bottom: 1px solid #2b2b2b;
  min-height: 40px;
  padding: 10px;
}

.filter-wrapper-2.lite {
  background-color: #242424;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pull-arrow {
  background-image: url('../images/sort-arrow-up_1sort-arrow-up.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 9px;
  min-width: 14px;
  min-height: 14px;
  margin-left: 4px;
}

.pull-arrow.down {
  background-image: url('../images/sort-arrow-down_1sort-arrow-down.png');
}

.vs-column-left-3 {
  background-color: #181818;
  flex-direction: column;
  flex: none;
  width: 380px;
  min-width: 100px;
  height: 100%;
  display: flex;
}

.github-icon-2 {
  border: 1px solid #47b151;
  border-radius: 2px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  position: static;
  inset: 7px 10px auto auto;
}

.github-icon-2.plus {
  background-image: url('../images/green-plus.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
}

.github-icon-2.minus {
  background-image: url('../images/minus_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border-color: #d87272;
}

.github-icon-2.dot {
  background-image: url('../images/dot.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border-color: #aa9c33;
}

.remove-359 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-359:hover {
  opacity: 1;
}

.remove-359.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.textarea-31 {
  color: #ededed;
  background-color: #1b1b1b;
  border: 1px solid #454545;
  border-radius: 4px;
  min-height: 100px;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.textarea-31::placeholder {
  color: #989898;
}

.sf-11 {
  color: #e6e6e6;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 11px;
}

.sf-11.gray {
  color: #bdbdbd;
}

.gh-icon {
  opacity: .8;
  background-image: url('../images/lock_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 12px;
}

.gh-icon.branch {
  background-image: url('../images/branch.png');
  background-size: 14px;
}

.gh-icon.check {
  background-image: url('../images/check_3check.png');
  background-size: 12px;
}

.gh-icon.down {
  background-image: url('../images/sort-arrow-down_1sort-arrow-down.png');
  background-size: 10px;
}

.gh-icon.refresh {
  background-image: url('../images/refresh-gray_1refresh-gray.png');
}

.gh-icon.up {
  background-image: url('../images/sort-arrow-up_1sort-arrow-up.png');
}

.gh-icon.refreshing {
  background-image: url('../images/spinner2_1.gif');
  background-size: cover;
}

.matched-gh {
  color: #ccc;
  cursor: default;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 16px;
}

.ac-input-branch {
  float: none;
  clear: none;
  background-color: #1b1b1b;
  border: 1px solid #454545;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 2px;
  display: inline-block;
  position: relative;
}

.tag-35 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-35.branch {
  background-color: #1b1b1b;
  border-radius: 4px;
  height: 24px;
  padding: 2px 4px 2px 6px;
  display: inline-block;
}

.time-label-wrapper {
  margin-left: auto;
}

.results-holder-232 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.branch-dropdown {
  z-index: 5;
  background-color: #292929;
  flex-flow: column;
  width: 400px;
  min-height: 300px;
  display: none;
  position: absolute;
  inset: 50px auto 0% 0%;
  box-shadow: -1px 8px 10px 5px #00000073;
}

.github-row-2 {
  cursor: pointer;
  border-bottom: 1px solid #3b3b3b;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.github-row-2:hover {
  background-color: #141414;
}

.github-row-2.no-border {
  border-bottom-style: none;
  height: 32px;
  min-height: 32px;
}

.github-row-2.selected {
  background-color: #1c3d69;
}

.chip-label-gh {
  color: #ccc;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 16px;
}

.result-icon-27 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-27.loading-gh {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 0%;
  background-size: 16px;
  margin-right: 0;
}

.result-icon-27.no-results-white {
  background-image: url('../images/search_2.png');
  background-position: 0%;
  background-size: 16px;
  margin-right: 0;
}

.clear-keyword-icon-6 {
  opacity: .72;
  cursor: pointer;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 4px 2px auto auto;
}

.clear-keyword-icon-6:hover {
  opacity: 1;
}

.div-block-7421 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.drag-bar-11 {
  opacity: 100;
  cursor: ew-resize;
  background-color: #181818;
  border-left: 1px solid #ffffff42;
  border-right: 1px solid #555;
  align-self: stretch;
  width: 6px;
  min-width: 6px;
  display: block;
}

.drag-bar-11:hover {
  background-color: #4b4b4b;
}

.div-block-8375 {
  position: relative;
}

.div-block-8376 {
  display: flex;
}

.div-block-8377 {
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-8378 {
  border-top: 1px solid #464646;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.form-element-wrapper {
  padding: 15px;
}

.unmatched-gh {
  color: #ccc;
  cursor: default;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 16px;
}

.branch-dd-button-wrapper {
  background-color: #202020;
  border-top: 1px solid #464646;
  height: 60px;
  min-height: 60px;
  padding: 15px 10px;
  position: absolute;
  inset: auto 0% 0%;
}

.ac-default-label-336 {
  color: #989898;
  width: auto;
  min-width: 50px;
  height: 24px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 2px;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: block;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.ac-default-label-336:focus {
  width: 200px;
}

.row-holder {
  overflow: auto;
}

.row-holder.padding {
  margin-bottom: 60px;
}

.github-side-panel-2 {
  background-color: #292929;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 0;
  display: flex;
  overflow: auto;
}

.div-block-8379 {
  background-color: #498ad85e;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.sort-option-button-9 {
  color: #fffc;
  border: 1px solid #ffffff4f;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 54px;
  height: 30px;
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  display: flex;
}

.sort-option-button-9:hover {
  background-color: #498ad85e;
}

.sort-option-button-9.selected {
  color: #fff;
  background-color: #1c3d97;
  border-color: #ffffff87;
  font-weight: 600;
}

.github-bottom-section-2 {
  background-color: #202020;
  border-top: 1px solid #464646;
  min-height: 130px;
}

.image-936 {
  opacity: .76;
  margin-right: 5px;
}

.autocomplete-search-wrapper {
  align-self: stretch;
  width: 100%;
  display: block;
  position: relative;
}

.result-row-branch {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 200px;
  height: auto;
  min-height: 32px;
  padding: 4px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-branch:hover {
  background-color: #000;
}

.div-block-8380 {
  justify-content: space-between;
  align-items: center;
  padding-right: 5px;
  display: none;
}

.vs-main-section-3 {
  flex-direction: column;
  flex: 1;
  min-width: 100px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.pull-origin-tag {
  background-color: #42464b;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  min-width: 60px;
  min-height: 16px;
  margin-top: 8px;
  margin-left: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.dropdown-arrow {
  cursor: pointer;
  background-image: url('../images/arrow-down_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-top: 10px;
  margin-left: auto;
}

.dropdown-arrow.up {
  transform: rotate(180deg);
}

.button-20 {
  color: #ccc;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #797979;
  border-radius: 4px;
  width: auto;
  min-width: 60px;
  height: 28px;
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.button-20:hover {
  background-color: #161616;
}

.button-20.flex {
  justify-content: center;
  align-items: center;
  min-width: 90px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.button-20.save {
  border-color: #a8a8a8;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 500;
}

.button-20.cancel {
  margin-left: 5px;
  margin-right: 5px;
}

.text-block-489 {
  font-weight: 400;
}

.github-main-wrapper-2 {
  background-color: #222;
  flex: 1;
  position: relative;
  overflow: auto;
}

.text-search-input {
  color: #e4e4e4;
  background-color: #1b1b1b;
  border: 1px solid #454545;
  border-radius: 4px;
  height: 28px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  position: relative;
}

.text-search-input::placeholder {
  color: #989898;
}

.div-block-8381 {
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  display: flex;
}

.branch-filter-holder {
  width: 100%;
  min-width: 200px;
  margin-right: 10px;
}

.repository-wrapper-2 {
  background-color: #141414;
  border-right: 1px solid #555;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: 260px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.repository-wrapper-2:hover {
  background-color: #000;
}

.repository-wrapper-2.full {
  border-right-style: none;
  width: 100%;
}

.repository-wrapper-2.open {
  background-color: #242424;
  position: relative;
}

.data-pick-modal {
  z-index: 996;
  opacity: 1;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 6px 8px 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% 0 0;
  box-shadow: 2px 3px 7px 2px #0003;
}

.data-pick-modal:hover {
  opacity: .92;
}

.date-picker-pos-holder {
  z-index: 40;
  background-color: #2e48a6;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 35px;
  display: flex;
  position: absolute;
  top: 140px;
  left: 220px;
  right: auto;
  box-shadow: 1px 1px 3px #00000078;
}

.file-close-icon-holder {
  margin-left: 8px;
}

.dirty-icon {
  opacity: .6;
  background-color: #00000038;
  border-radius: 24px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.dirty-icon:hover {
  opacity: 1;
}

.div-block-8382 {
  background-color: #fff;
  border-radius: 6px;
  width: 8px;
  height: 8px;
  position: relative;
  top: 5px;
  left: 5px;
}

.lock-icon {
  opacity: .8;
  background-color: #00000038;
  background-image: url('../images/lock_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.lock-icon:hover {
  opacity: 1;
}

.error-icon {
  opacity: .9;
  background-color: #00000038;
  background-image: url('../images/caution.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 24px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.error-icon:hover {
  opacity: 1;
}

.spinning-icon {
  opacity: .8;
  background-color: #00000038;
  background-image: url('../images/spinner2_1.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.spinning-icon:hover {
  opacity: 1;
}

.tab-icon {
  opacity: .7;
  background-color: #00000038;
  background-image: url('../images/remove_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  border-radius: 24px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.tab-icon:hover {
  opacity: 1;
}

.tab-icon.remove {
  margin-top: 0;
  margin-bottom: 0;
}

.tab-icon.dirty {
  opacity: .8;
  background-image: url('../images/dot_1.png');
  background-size: 12px;
}

.tab-icon.spin {
  opacity: .8;
  background-image: url('../images/spinner2_1.gif');
  background-size: 16px;
}

.tab-icon.lock {
  opacity: .7;
  background-image: url('../images/lock_2.png');
  background-size: 10px;
}

.tab-icon.error {
  opacity: .85;
  background-image: url('../images/caution.png');
  background-size: 14px;
}

.text-tooltip-sf {
  color: #ccc;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  display: inline;
}

.tooltip-fc {
  z-index: 996;
  background-color: #363636;
  border: 1px solid #464646;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 22px;
  max-height: none;
  padding: 4px 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 15px 2px #0000005c;
}

.whisper-fc {
  z-index: 996;
  background-color: #353a4e;
  border: 1px solid #ffffff24;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 500px;
  min-width: 80px;
  min-height: 20px;
  max-height: none;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  transition: top .5s;
  display: flex;
  position: fixed;
  inset: -151% 0% auto;
  box-shadow: 3px 4px 7px 2px #0000008a;
}

.whisper-fc.show {
  flex-direction: column;
  width: 660px;
  top: 0;
}

.command-menu-fc {
  z-index: 3;
  background-color: #353535;
  border: 1px solid #5f5f5f;
  border-radius: 8px;
  min-width: 450px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 0%;
  right: 0%;
  overflow: visible;
  box-shadow: -4px 4px 20px 9px #0000004d;
}

.sf-13-copy {
  color: #313131;
  font-size: 13px;
  line-height: 15px;
}

.sf-13-copy.white {
  color: #ccc;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-weight: 300;
}

.collection-edit-content-2-copy {
  color: #ffffffcf;
  padding: 0 15px 5px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.query-name-input-holder-fc {
  color: #bbb;
  background-color: #1b1b1b;
  border: 1px solid #454545;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 420px;
  height: 36px;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  display: flex;
  position: relative;
}

.right-click-menu-options-fc {
  z-index: 40;
  background-color: #363636;
  border: 1px solid #464646;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 35px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  box-shadow: 2px 3px 15px 2px #0006;
}

.simple-right-click-menu-fc {
  z-index: 996;
  opacity: 1;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 6px 8px;
  display: none;
  position: fixed;
  inset: 0% 0 0;
  box-shadow: 2px 3px 7px 2px #0003;
}

.simple-right-click-menu-fc:hover {
  opacity: .92;
}

.option-menu-div-2-fc {
  color: #fff;
  cursor: pointer;
  flex: 1;
  align-items: center;
  width: 100%;
  padding: 4px 15px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.option-menu-div-2-fc:hover {
  background-color: #1f1f1f;
}

.option-menu-div-2-fc:active {
  text-transform: lowercase;
}

.option-menu-div-2-fc.tall {
  color: #0000;
  background-color: #e9e9e9;
  height: 50px;
}

.option-menu-div-2-fc.tall:hover {
  background-color: #f6f6f6;
}

.option-menu-div-2-fc.tall {
  color: #0000;
  height: 50px;
  padding-left: 14px;
}

.option-menu-div-2-fc.big {
  color: #0000;
  cursor: pointer;
  height: 40px;
  padding: 6px 15px;
}

.option-menu-div-2-fc.big:hover {
  background-color: #e9e9e9;
}

.divider-rightclick-copy {
  border-top: 1px solid #6d6d6d;
  height: 1px;
  margin: 2px 5px;
  padding-bottom: 0;
}

.div-block-8383 {
  display: flex;
}

.div-block-8384 {
  opacity: .8;
  cursor: pointer;
  background-image: url('../images/open_4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

.div-block-8384:hover {
  opacity: 1;
}

.clone-git-modal {
  z-index: 998;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.form-block-205 {
  position: relative;
}

.form-115 {
  padding-top: 20px;
}

.query-name-input-holder-fc-copy {
  color: #e4e4e4;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 320px;
  height: 32px;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.query-name-input-holder-fc-copy-copy {
  color: #e4e4e4;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shortcut-holder {
  justify-content: flex-start;
  align-items: center;
  min-width: 30px;
  height: 20px;
  display: flex;
}

.shortcut-icon {
  background-color: #363636;
  border: 1px solid #707070;
  border-radius: 2px;
  width: 26px;
  height: 20px;
  margin-left: 2px;
  margin-right: 2px;
}

.shortcut-icon.command {
  background-image: url('../images/shortcut-command.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.shortcut-icon.option {
  background-image: url('../images/shortcut-option.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
}

.shortcut-icon.shift {
  background-image: url('../images/shortcut-shift.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.shortcut-icon.p {
  background-image: url('../images/shortcut-P.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.shortcut-icon.o {
  background-image: url('../images/shortcut-o.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.shortcut-icon.l {
  background-image: url('../images/shortcut-L.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.div-block-8385 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.loading-dd-wrapper {
  height: 36px;
}

.loading-inner-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-8386 {
  opacity: .68;
  background-image: url('../images/Rolling-1s-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 32px;
  height: 32px;
}

.tree-loading {
  padding: 40px 20px;
}

.tree-loading-inner {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-8387 {
  background-image: url('../images/spinner-navy.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 42px;
  height: 42px;
  margin-bottom: 10px;
}

.tree-empty {
  padding: 40px 20px;
}

.image-937 {
  margin-bottom: 10px;
}

.ail-avatar {
  background-image: url('../images/ChatGPT-Image-Feb-14-2026-at-05_21_32-PM.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 120px;
  width: 150px;
  height: 150px;
  margin-bottom: 20px;
}

.ail-avatar.icon {
  width: 100%;
  height: 100%;
}

.div-block-8388 {
  background-image: url('../images/spinner-navy.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100px;
  margin-top: 220px;
}

.diff-bottom-section {
  background-color: #202020;
  border-top: 1px solid #464646;
  min-height: 60px;
}

.textarea-gray {
  color: #ffffffdb;
  resize: none;
  background-color: #2c2c2c;
  border: 1px solid #313131;
  border-radius: 12px;
  min-height: 100px;
  max-height: 200px;
  margin-bottom: 10px;
  font-family: Sf Ui Text, Arial, sans-serif;
}

.textarea-gray::placeholder {
  color: #7a7a7a;
}

.button-send {
  cursor: pointer;
  background-color: #7f7f7f;
  background-image: url('../images/arrow-up_3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  border-radius: 36px;
  width: 36px;
  height: 36px;
}

.button-send:hover {
  background-color: #a8a8a8;
}

.button-send.disabled {
  opacity: .33;
  display: none;
}

.div-block-8389 {
  min-width: 50px;
  height: 40px;
  margin-right: auto;
}

.clark-button-wrapper {
  justify-content: flex-start;
  align-items: center;
  min-width: 50px;
  margin-right: auto;
  padding-left: 6px;
  display: flex;
  position: relative;
}

.button-plus {
  cursor: pointer;
  background-image: url('../images/plus-gray.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  border-radius: 36px;
  width: 36px;
  height: 36px;
  margin-left: 2px;
  margin-right: 2px;
  position: relative;
}

.button-plus:hover {
  background-color: #3e3e3e;
}

.button-plus.disabled {
  opacity: .33;
  display: none;
}

.button-plus.selected {
  background-color: #3e3e3e;
}

.gpt-options {
  cursor: pointer;
  border-radius: 36px;
  width: auto;
  min-width: 20px;
  height: 36px;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 10px;
  padding-right: 8px;
  position: relative;
}

.gpt-options:hover {
  background-color: #3e3e3e;
}

.gpt-options.disabled {
  opacity: .33;
  display: none;
}

.gpt-options.selected {
  background-color: #3e3e3e;
}

.div-block-8390 {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.button-label {
  color: #9d9d9d;
  white-space: nowrap;
  font-family: Sf Ui Text, Arial, sans-serif;
  font-size: 13px;
  line-height: 15px;
}

.button-label.fawef {
  padding-right: 10px;
}

.image-938 {
  opacity: .5;
  margin-left: 6px;
}

.gpt-select-menu {
  z-index: 9;
  background-color: #2e2e2e;
  border: 1px solid #4b4b4b;
  border-radius: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: none;
  position: absolute;
  inset: -175px auto auto 0%;
  box-shadow: 0 2px 5px 3px #0003;
}

.gpt-select-menu.wide {
  z-index: 11;
}

.gpt-select-menu.hide {
  display: none;
}

.gpt-select-menu.plus {
  top: -122px;
}

.gpt-menu-option {
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  height: 32px;
  padding-left: 15px;
  padding-right: 40px;
  display: flex;
}

.gpt-menu-option:hover {
  background-color: #3e3e3e;
}

.gpt-menu-option.selected {
  background-image: url('../images/check-white.png');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto 18px;
}

.gpt-menu-option.nonselect {
  cursor: auto;
  justify-content: space-between;
  height: 36px;
  padding-right: 15px;
}

.gpt-menu-option.nonselect:hover {
  background-color: #3e3e3e00;
}

.div-block-8391 {
  height: 30px;
  padding: 5px 15px;
}

.image-939 {
  opacity: .7;
  width: 14px;
  min-width: 14px;
  margin-right: 6px;
}

.divider-line {
  background-color: #575757;
  height: 1px;
  margin-left: 10px;
  margin-right: 10px;
}

.toggle-wrapper-19 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 40px;
  margin-left: 15px;
  padding-top: 4px;
  display: flex;
}

.toggle-switch-2 {
  cursor: pointer;
  background-color: #6ca2f3;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 34px;
  min-width: 34px;
  margin-top: 0;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.toggle-switch-2:hover {
  opacity: 1;
}

.toggle-switch-2.off {
  background-color: #404040;
  display: block;
}

.toggle-wrapper-20 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 40px;
  padding-top: 4px;
  display: flex;
}

.toggle-switch-3 {
  cursor: pointer;
  background-color: #34c759;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 38px;
  min-width: 38px;
  margin-top: 0;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.toggle-switch-3:hover {
  opacity: 1;
}

.toggle-switch-3.off {
  background-color: #404040;
  display: block;
}

@media screen and (min-width: 1920px) {
  .preset-wrapper, .questions-wrapper {
    bottom: 110px;
  }
}

@media screen and (max-width: 991px) {
  .inputfield.short {
    margin-top: 4px;
  }

  .submitbutton {
    margin-top: 16px;
  }

  .pn-13 {
    display: block;
  }

  .table-column-headings-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .time-frame-options-2 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .pn-14, .pn-12 {
    display: block;
  }

  .table-wrapper, .table-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .twm-spinner {
    width: 100px;
    height: 100px;
  }

  .autocomplete-input-5, .autocomplete-input-6 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .plan-button-holder, .plan-button-holder-copy {
    width: 100%;
  }

  .autocomplete-input, .autocomplete-input-5-copy {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .close-section {
    background-size: auto;
  }

  .plan-button-holder-copy, .plan-button-holder-copy-copy, .plan-button-holder-copy-copy {
    width: 100%;
  }

  .autocomplete-input-copy, .autocomplete-input-copy-copy, .autocomplete-input-copy-copy-2 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-wrapper-4 {
    display: block;
  }

  .autocomplete-input-7, .autocomplete-input-9 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .action-button-icon {
    width: 18px;
  }

  .search-wrapper-6 {
    display: block;
  }

  .search-wrapper-6.library {
    width: 500px;
  }

  .h3-dark.left {
    display: block;
  }

  .twm-spinner-2 {
    width: 100px;
    height: 100px;
  }

  .paragraph {
    text-align: left;
    font-size: 18px;
    line-height: 26px;
  }

  .paragraph.smalltext {
    text-align: left;
    line-height: 20px;
  }

  .password-reset-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .create-account-wrapper {
    background-image: none;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-3 {
    margin-bottom: 40px;
  }

  .search-wrapper-holder {
    display: block;
  }

  .text-label-large-3 {
    font-size: 3em;
  }

  .exercise-layer-2 {
    display: none;
  }

  .start-button-2 {
    top: -20%;
  }

  .bottom-label-holder-3 {
    bottom: 40px;
  }

  .exercise-ribbon-wrapper-5 {
    height: 170px;
    max-height: none;
    padding-top: 5px;
  }

  .start-play-button-3 {
    border-width: 3px;
    width: 64px;
    min-width: 64px;
    height: 64px;
    min-height: 64px;
  }

  .wide-header-content-2-copy-2, .wide-header-content-2-copy-2.left {
    padding-right: 0;
    display: flex;
  }

  .icon-play {
    width: 24px;
  }

  .text-label-countdown-3 {
    font-size: 5em;
  }

  .group-message-content {
    position: static;
  }

  .get-ready-display-2 {
    display: block;
  }

  .tile-tall-3 {
    width: 32%;
    height: 140px;
  }

  .tile-tall-3.long {
    width: 32%;
  }

  .progress-bar-volume-wrapper-3 {
    height: 100px;
  }

  .text-label-medium-3 {
    padding-bottom: 10px;
    font-size: 2.2em;
  }

  .paused-layer-vertical {
    position: absolute;
    inset: 0%;
  }

  .text-label-small-4 {
    padding-bottom: 10px;
    font-size: 1.4em;
  }

  .create-new-button-7 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .text-label-small-3 {
    padding-bottom: 10px;
    font-size: 1.4em;
  }

  .plus-icon-3 {
    width: 18px;
  }

  .drawing-toolbar {
    position: relative;
    top: 487px;
    bottom: 0;
  }

  .modal-content-drawing {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 640px;
    display: block;
    position: relative;
  }

  .label-player-workout-name-2 {
    font-size: 24px;
    line-height: 26px;
  }

  .reload-floating-button-2 {
    left: 440px;
  }

  .progress-bar-volume-wrapper-5 {
    height: 100px;
  }

  .create-new-button-5 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .player-play-pause-button-2 {
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
  }

  .ribbon-content-2 {
    padding-bottom: 3px;
  }

  .ribbon-exercise-detail-2 {
    padding-top: 5px;
  }

  .ribbon-exercise-detail-2.time {
    height: 20px;
    max-height: none;
    inset: auto 0% 0%;
  }

  .workout-duration-label {
    line-height: 22px;
  }

  .tile-tall-5 {
    width: 32%;
    height: 140px;
  }

  .text-54 {
    display: block;
  }

  .tile-thumb-2.tall {
    height: 100px;
  }

  .text-label-countdown-4 {
    font-size: 4em;
  }

  .text-label-countdown-4.small {
    font-size: 3.2em;
  }

  .buttonlabel-2.white {
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    margin-left: 2px;
    margin-right: 5px;
    font-size: 13px;
  }

  .autocomplete-input-2-program-3 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .paused-layer-2 {
    position: absolute;
    inset: 0%;
  }

  .search-wrapper-6-copy {
    display: block;
  }

  .category-holder {
    min-width: 228px;
  }

  .timeline-post-9 {
    width: auto;
  }

  .ribbon-exercise-label-2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
  }

  .nothing-to-load-2 {
    width: auto;
  }

  .wide-header-content-3, .wide-header-content-3.left {
    padding-right: 0;
    display: flex;
  }

  .exercise-library-header {
    height: auto;
    padding-left: 10px;
    padding-right: 20px;
  }

  .skip-button-2 {
    width: 70px;
  }

  .youtube-button-2 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .text-label-button {
    font-size: 1em;
  }

  .close-player-modal-2 {
    width: 24px;
  }

  .program-alert-content-2 {
    flex: 1;
  }

  .library-tab-wrapper-content {
    top: 0;
  }

  .streak-wrapper-4 {
    justify-content: center;
    align-items: center;
    height: 240px;
    display: flex;
  }

  .image-87 {
    max-width: 100%;
  }

  .player-modal-top-bar-4 {
    padding-left: 20px;
  }

  .time-label-2 {
    font-size: 16px;
  }

  .control-buttons-2 {
    top: -20%;
  }

  .icon-pause {
    width: 28px;
  }

  .get-ready-display-copy {
    display: block;
  }

  .lead-form {
    width: auto;
    top: 170px;
    right: 10px;
  }

  .compose-icon {
    width: 18px;
  }

  .cardio-small-label {
    display: block;
  }

  .video-section-4 {
    height: 400px;
  }

  .autocomplete-input-10 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .progress-bar-volume-wrapper-4 {
    height: 100px;
  }

  .ribbon-set-number-2 {
    height: 30px;
    font-size: 16px;
  }

  .input-component-holder-7 {
    max-height: 520px;
  }

  .text-label-set-rep-3 {
    font-size: 2.2em;
  }

  .month-year-holder {
    margin-right: 0;
  }

  .bottom-label-holder-2 {
    bottom: 40px;
  }

  .modal-drawing {
    display: none;
    position: fixed;
    inset: 0;
  }

  .add-post-button {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .calendar-wrapper-2 {
    margin-left: 64px;
  }

  .modal-player-content-4 {
    width: auto;
    min-width: 0;
    height: auto;
    display: block;
    position: relative;
  }

  .feedback-layer-holder-2 {
    height: 400px;
    display: block;
  }

  .modal-content-media-2 {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 640px;
    display: block;
    position: relative;
  }

  .paused-button-holder-2 {
    bottom: 190px;
  }

  .video-section-3 {
    height: 400px;
  }

  .ribbon-exercise-wrapper-2 {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
  }

  .ribbon-exercise-wrapper-2.current {
    width: 180px;
  }

  .autocomplete-input-area {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .modal-content-media-copy-2 {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 640px;
    display: block;
    position: relative;
  }

  .feedback-input-section {
    width: 55%;
    margin-right: 14px;
  }

  .text-11 {
    display: block;
  }

  .timeline-post-5 {
    width: auto;
  }

  .message-search-wrapper {
    width: 100%;
    display: block;
  }

  .autocomplete-input-11 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .close-sectionafeawf, .close-section-copy-2 {
    background-size: auto;
  }

  .plan-button-holder-align-right {
    width: 100%;
  }

  .close-section-copy {
    background-size: auto;
  }

  .autocomplete-input-8 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .div-block-3011 {
    width: 20px;
    height: 20px;
  }

  .image-84, .confirm-check-img {
    max-width: 100%;
  }

  .submitbutton-7 {
    margin-top: 16px;
  }

  .submitbutton-7.complete {
    margin-top: 20px;
  }

  .paragraph-2 {
    text-align: left;
    font-size: 18px;
    line-height: 26px;
  }

  .paragraph-2.smalltext {
    text-align: left;
    line-height: 20px;
  }

  .h2-dark {
    width: 100%;
    margin-top: 0;
  }

  .submitting-button {
    margin-top: 16px;
  }

  .client-profile-assigned, .client-profile-assigned-copy {
    width: 42px;
    height: 42px;
    margin-right: auto;
  }

  .side-nav, .section-header-2 {
    width: auto;
  }

  .loading-items {
    width: 100%;
    display: inline-block;
  }

  .item-column-wrapper {
    width: auto;
  }

  .autocomplete-input-3 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .acton-item {
    width: 100%;
  }

  .autocomplete-input-12 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-wrapper-8 {
    display: block;
  }

  .autocomplete-input-13 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-bar {
    width: auto;
  }

  .autocomplete-input-16 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .section-header-3 {
    width: auto;
  }

  .search-wrapper-9 {
    display: block;
  }

  .single-item-wrapper {
    width: auto;
  }

  .side-nav-bar {
    display: none;
  }

  .chat-main-wrapper {
    align-items: flex-start;
  }

  .autocomplete-input-375, .prompt-input {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .prompt-panel, .chat-list, .side-nav-bar-2, .prompt-panel-2, .chat-list-2 {
    display: none;
  }

  .search-wrapper-10 {
    display: block;
  }

  .chat-convo-holder-4, .message-input-section-4 {
    min-width: 720px;
    max-width: 720px;
  }

  .autocomplete-input-376 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .nz-13-22 {
    display: block;
  }

  .close-section-copy-85 {
    background-size: auto;
  }

  .autocomplete-input-374, .autocomplete-input-373, .autocomplete-input-copy-copy-15 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-bar-2 {
    width: auto;
  }

  .autocomplete-input-377 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .section-header-4 {
    width: auto;
  }

  .loading-items-2 {
    width: 100%;
    display: inline-block;
  }

  .autocomplete-input-378 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .radio-button-holder {
    padding-right: 0;
  }

  .image-633 {
    max-width: 100%;
  }

  .owner-autocomplete-wrapper-2 {
    display: block;
  }

  .modal-content-media-copy-10 {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 640px;
    display: block;
    position: relative;
  }

  .alert-program-assign-validation {
    padding-left: 14px;
    padding-right: 14px;
  }

  .client-profile-assigned-2 {
    width: 42px;
    height: 42px;
    margin-right: auto;
  }

  .loading-more-assignments-2, .assigned-empty-2 {
    width: 20%;
    display: inline-block;
  }

  .text-388 {
    display: block;
  }

  .submitbutton-27 {
    margin-top: 16px;
  }

  .search-wrapper-32 {
    display: block;
  }

  .create-new-button-26 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .tile-tall-24 {
    width: 32%;
    height: 140px;
  }

  .checkbox-label-14 {
    margin-left: 0;
    font-size: 16px;
    font-weight: 500;
  }

  .calendar-wrapper-6 {
    margin-left: 64px;
  }

  .text-384 {
    display: block;
  }

  .plus-icon-17 {
    width: 18px;
  }

  .side-client-wrapper {
    width: 20%;
    display: inline-block;
  }

  .checkbox-label-16 {
    margin-left: 0;
    font-size: 16px;
    font-weight: 500;
  }

  .text-375 {
    display: block;
  }

  .twm-spinner-3 {
    width: 100px;
    height: 100px;
  }

  .search-wrapper-39 {
    display: block;
  }

  .image-679 {
    max-width: 100%;
  }

  .text-417 {
    display: block;
  }

  .frequency-toggles {
    margin-top: 20px;
  }

  .checkbox-label {
    margin-left: 0;
    font-size: 16px;
    font-weight: 500;
  }

  .image-694, .image-696 {
    max-width: 100%;
  }

  .tile-thumb-13.tall-copy, .tile-thumb-13.tall {
    height: 100px;
  }

  .image-700 {
    max-width: 100%;
  }

  .tile-tall-4 {
    width: 32%;
    height: 140px;
  }

  .create-new-button-27 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .autocomplete-input-379 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .search-wrapper-40 {
    display: block;
  }

  .menu {
    color: #fff;
  }

  .navbar {
    z-index: 99;
  }

  .side-nav-2 {
    width: 64px;
  }

  .connect-table {
    width: 640px;
  }

  .search-wrapper-41 {
    display: block;
  }

  .content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    left: 80px;
  }

  .nav-menu {
    z-index: 99;
  }

  .user-mgmt-wrapper, .section-header-5 {
    width: auto;
  }

  .autocomplete-input-380 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .new-user-wrapper, .section-header-6, .section-header-7 {
    width: auto;
  }

  .autocomplete-input-381 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .edit-wrapper, .item-column-wrapper-4, .section-header-8 {
    width: auto;
  }

  .loading-screen {
    width: 100%;
    display: inline-block;
  }

  .section-header-55, .section-header-42 {
    width: auto;
  }

  .autocomplete-input-48 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .loading-items-3 {
    width: 100%;
    display: inline-block;
  }

  .search-bar-18, .section-header-56, .section-header-57, .item-column-wrapper-18 {
    width: auto;
  }

  .image-872 {
    max-width: 100%;
  }

  .search-bar-19, .section-header-58 {
    width: auto;
  }

  .section-header-58.tall {
    z-index: 999;
  }

  .autocomplete-input-382 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .image-883 {
    max-width: 100%;
  }

  .loading-items-18 {
    width: 100%;
    display: inline-block;
  }

  .action-item-header-40.editable {
    padding-right: 16px;
  }

  .section-header-59, .section-header-60, .section-header-61, .section-header-62 {
    width: auto;
  }

  .autocomplete-input-383 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .loading-items-19 {
    width: 100%;
    display: inline-block;
  }

  .section-header-63 {
    width: auto;
  }

  .loading-items-20 {
    width: 100%;
    display: inline-block;
  }

  .autocomplete-input-384 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .autocomplete-input-385 {
    justify-content: flex-start;
  }

  .prompt-panel-3 {
    display: none;
  }

  .chat-convo-holder-5 {
    min-width: 720px;
    max-width: 720px;
  }

  .side-panel-right {
    width: auto;
  }

  .autocomplete-input-386 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .prompt-panel-4 {
    display: none;
  }

  .chat-convo-holder-6 {
    min-width: 720px;
    max-width: 720px;
  }

  .side-panel-right-2 {
    width: auto;
  }

  .autocomplete-input-387 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .image-899 {
    max-width: 100%;
  }

  .autocomplete-input-388 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .loading-items-21 {
    width: 100%;
    display: inline-block;
  }

  .autocomplete-input-389 {
    justify-content: flex-start;
  }

  .section-header-64, .side-panel-right-3, .search-bar-20 {
    width: auto;
  }

  .loading-items-22 {
    width: 100%;
    display: inline-block;
  }

  .section-header-65 {
    width: auto;
  }

  .autocomplete-input-390, .autocomplete-input-391 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .section-header-66 {
    width: auto;
  }

  .autocomplete-input-392 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .section-header-67, .section-header-68, .section-header-69 {
    width: auto;
  }

  .section-header-69.tall {
    z-index: 999;
  }

  .item-column-wrapper-29 {
    width: auto;
  }

  .image-915 {
    max-width: 100%;
  }

  .autocomplete-input-393 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .autocomplete-input-394 {
    justify-content: flex-start;
  }

  .section-header-70, .search-bar-21 {
    width: auto;
  }

  .loading-items-23 {
    width: 100%;
    display: inline-block;
  }

  .section-header-71 {
    width: auto;
  }

  .autocomplete-input-395, .autocomplete-input-396 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .section-header-72 {
    width: auto;
  }

  .autocomplete-input-397 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .section-header-73, .section-header-74, .section-header-75 {
    width: auto;
  }

  .section-header-75.tall {
    z-index: 999;
  }

  .autocomplete-input-398, .autocomplete-input-399, .autocomplete-input-400, .autocomplete-input-401, .autocomplete-input-402, .autocomplete-input-403, .autocomplete-input-404 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .tag-ac-wrapper {
    display: block;
  }

  .ac-input-branch {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .tooltip, .modal-box {
    width: auto;
  }

  .inputfield {
    width: 100%;
    display: inline-block;
  }

  .tooltip-2, .whisper, .loader-3, .cell-right-click, .tooltip-3, .modal-content-container, .record-modal, .simple-right-click {
    width: auto;
  }

  .search-wrapper-4 {
    width: 100%;
  }

  .tooltip-4, .changed-tab-tooltip {
    width: auto;
  }

  .search-wrapper-6 {
    width: 100%;
  }

  .h3-dark {
    font-size: 18px;
    line-height: 24px;
  }

  .h3-dark.left {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    display: flex;
  }

  .h3-dark.thin {
    font-size: 22px;
    line-height: 28px;
  }

  .modal-content-groups-2 {
    width: auto;
    max-width: 540px;
  }

  .tooltip-5 {
    width: auto;
  }

  .form-27 {
    flex-direction: column;
    display: flex;
  }

  .footer-links-5 {
    padding-bottom: 20px;
    display: block;
  }

  .image-93 {
    width: 200px;
  }

  .inputfield-2 {
    width: 100%;
    display: inline-block;
  }

  .inputfield-2.short, .inputfield-2.disabled, .inputfield-2.short, .inputfield-2.fc, .inputfield-2.short {
    display: inline-block;
  }

  .paragraph {
    color: #0009;
    text-align: left;
  }

  .twmheader.login {
    height: 66px;
  }

  .password-reset-wrapper {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-1059 {
    width: auto;
    max-width: 460px;
  }

  .create-account-wrapper {
    margin-top: 0;
    padding: 26px 20px 0;
  }

  .footer-3 {
    margin-bottom: 20px;
  }

  .search-wrapper-holder {
    width: 100%;
  }

  .text-label-large-3 {
    font-size: 2.2em;
  }

  .action-button-10.player-form {
    width: 100%;
    min-width: 0;
  }

  .all-items-2 {
    width: 250px;
  }

  .exercise-layer-2 {
    display: none;
  }

  .start-button-2 {
    top: -20%;
  }

  .bottom-label-holder-3 {
    bottom: 30px;
  }

  .bottom-label-holder-3.vertical {
    position: absolute;
    bottom: 100px;
  }

  .drop-content {
    width: auto;
  }

  .exercise-ribbon-wrapper-5 {
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    display: block;
  }

  .countdown-wrapper-3 {
    padding-top: 20px;
  }

  .start-play-button-3 {
    border-width: 2px;
    width: 54px;
    min-width: 54px;
    height: 54px;
    min-height: 54px;
    margin-right: 12px;
  }

  .wide-header-content-2-copy-2 {
    min-height: 0;
    padding-right: 0;
  }

  .icon-play {
    width: 22px;
    display: inline-block;
  }

  .rte-toggle {
    padding-top: 10px;
    padding-left: 0;
  }

  .text-label-countdown-3 {
    font-size: 4em;
  }

  .group-message-content, .reminder-content {
    padding-right: 0;
  }

  .get-ready-display-2 {
    display: block;
  }

  .tile-tall-3 {
    width: 48%;
    height: 134px;
  }

  .tile-tall-3.long {
    width: 48%;
  }

  .library-tag {
    flex: none;
    display: inline-block;
  }

  .progress-bar-volume-wrapper-3 {
    padding-bottom: 10px;
  }

  .progress-bar-volume-wrapper-3.vertical {
    background-image: linear-gradient(to top, #0009 20%, #0000);
    height: 140px;
    padding-bottom: 60px;
    inset: auto 0% 0;
  }

  .drawing-content {
    min-height: 300px;
  }

  .modal-content-username-3 {
    width: auto;
  }

  .text-label-medium-3 {
    padding-bottom: 10px;
    font-size: 1.5em;
  }

  .text-label-medium-3.start {
    font-size: 2em;
  }

  .text-label-small-4 {
    font-size: 1.2em;
    position: relative;
  }

  .text-label-small-4.vertical {
    padding-bottom: 0;
  }

  .text-label-small-3 {
    font-size: 1.2em;
  }

  .sent-item-holder {
    display: none;
  }

  .drawing-toolbar {
    position: static;
  }

  .modal-content-drawing {
    width: auto;
    min-height: 440px;
  }

  .item-button-bar-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .label-player-workout-name-2 {
    font-size: 18px;
    line-height: 20px;
  }

  .feedback-flex-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .client-input-holder {
    margin-left: 0;
  }

  .reload-floating-button-2 {
    left: 40%;
  }

  .media-library-modal-2 {
    width: auto;
  }

  .progress-bar-volume-wrapper-5 {
    background-image: linear-gradient(to top, #0009 20%, #0000);
    padding-bottom: 10px;
  }

  .save-to-library-2 {
    margin-left: auto;
  }

  .preview-countdown-wrapper-2 {
    padding-top: 20px;
    padding-right: 14px;
  }

  .overlay-cover {
    z-index: 3;
  }

  .audio-bottom-controls-4 {
    padding-left: 0;
    padding-right: 10px;
  }

  .plans-timeline-2 {
    flex-direction: row;
  }

  .library-tab-bar {
    justify-content: space-between;
    width: 100%;
  }

  .workout-feedback-section {
    background-color: #0000;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .heart-rate-display-3 {
    align-items: center;
    display: flex;
  }

  .skip-forward {
    width: 30px;
  }

  .workout-item-play-2 {
    opacity: 1;
  }

  .modal-content-leads-2 {
    width: auto;
    max-width: 540px;
  }

  .player-play-pause-button-2 {
    border-width: 3px;
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
  }

  .ribbon-exercise-detail-2 {
    padding-top: 5px;
  }

  .lead-gen-toggle-wrapper {
    padding-top: 10px;
    padding-left: 0;
  }

  .workout-duration-label {
    font-size: 14px;
    line-height: 20px;
  }

  .tile-tall-5 {
    width: 48%;
    height: 134px;
  }

  .text-label-countdown-4 {
    font-size: 3em;
  }

  .text-label-countdown-4.small {
    font-size: 2.4em;
  }

  .buttonlabel-2.white {
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    font-weight: 600;
  }

  .social-icon-bar-2 {
    justify-content: center;
  }

  .special-request-tooltip {
    width: auto;
  }

  .search-wrapper-6-copy {
    width: 100%;
  }

  .control-buttons-3 {
    top: -20%;
  }

  .category-holder {
    width: 196px;
  }

  .timeline-post-9:hover {
    box-shadow: none;
    border-style: solid;
  }

  .audio-bottom-controls-mini {
    padding-left: 0;
    padding-right: 10px;
  }

  .start-control-wrapper-3 {
    padding-top: 62px;
  }

  .ribbon-exercise-label-2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
  }

  .nothing-to-load-2 {
    width: auto;
  }

  .wide-header-content-3 {
    min-height: 0;
    padding-right: 0;
  }

  .workout-container-4 {
    padding-right: 20px;
  }

  .exercise-library-header {
    min-height: 70px;
    padding-right: 20px;
  }

  .skip-button-2 {
    opacity: 1;
  }

  .action-button-4.submit-form {
    width: auto;
  }

  .nav-tab-label-2 {
    text-align: center;
    font-size: 15px;
    line-height: 16px;
  }

  .close-player-modal-2 {
    width: 20px;
    padding-top: 0;
  }

  .plan-tile-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .streak-wrapper-4 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 240px;
    display: flex;
  }

  .heart-rate-wrapper-3 {
    padding-left: 20px;
  }

  .modal-content-upload {
    width: auto;
  }

  .library-item-wrapper-2 {
    padding-left: 6px;
  }

  .image-87 {
    max-width: 100%;
  }

  .player-modal-top-bar-4 {
    flex-direction: row-reverse;
    justify-content: flex-end;
    height: 34px;
    min-height: 34px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 10px;
    display: flex;
  }

  .confirmation-player {
    display: block;
  }

  .time-label-2 {
    font-size: 14px;
  }

  .action-button-9.submit-form {
    width: 100%;
    min-width: 0;
  }

  .control-buttons-2 {
    top: -20%;
  }

  .icon-pause {
    display: inline-block;
  }

  .get-ready-display-copy {
    display: block;
  }

  .plan-tile-preview {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 47%;
    min-width: 0%;
    display: flex;
  }

  .lead-form {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .post-editor-modal-4 {
    width: auto;
  }

  .workout-feedback-area {
    background-color: #0000;
    padding-left: 0;
    padding-right: 0;
  }

  .plans-wrapper-4 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
  }

  .video-section-4 {
    height: 100%;
    margin-top: 0;
    position: relative;
  }

  .video-section-4.vertical {
    height: 100vh;
  }

  .library-item-wrapper-3 {
    padding-left: 6px;
  }

  .video-volume-control-2 {
    display: none;
  }

  .reaction-icon-bar-3 {
    width: 30%;
  }

  .social-section-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .progress-bar-volume-wrapper-4 {
    padding-bottom: 10px;
  }

  .feedback-title-2 {
    padding-left: 0;
  }

  .modal-content-calendar {
    width: auto;
  }

  .ribbon-set-number-2 {
    width: 32px;
    height: 24px;
    padding-top: 0%;
    font-size: 14px;
  }

  .content-library-modal {
    width: auto;
  }

  .input-component-holder-7 {
    background-color: #0000;
    max-height: none;
  }

  .modal-library-content-chooser-3 {
    width: auto;
  }

  .plans-wrapper-2 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-label-set-rep-3 {
    font-size: 1.2em;
  }

  .player-workoutname-4 {
    flex: 1;
    display: none;
  }

  .bottom-label-holder-2 {
    bottom: 30px;
  }

  .modal-drawing {
    inset: 0;
  }

  .modal-player-content-4 {
    width: auto;
    margin-top: 0%;
    padding-top: 0;
  }

  .top-header-tab-3 {
    min-width: 90px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .modal-content-media-2 {
    width: auto;
    min-height: 440px;
  }

  .paused-button-holder-2 {
    padding-bottom: 10px;
    display: none;
    bottom: 44%;
    right: 0;
  }

  .video-section-3 {
    margin-top: 0;
    position: relative;
  }

  .ribbon-exercise-wrapper-2 {
    width: 22%;
    min-width: 22%;
    margin-left: 0;
    margin-right: 0;
  }

  .modal-content-media-copy-2 {
    width: auto;
    min-height: 440px;
  }

  .skip-backward {
    width: 30px;
  }

  .whisper-2 {
    width: auto;
  }

  .feedback-input-section {
    background-color: #0000;
    width: 100%;
    max-width: none;
    display: flex;
    position: relative;
  }

  .exercise-info-wrapper-3 {
    padding-top: 20px;
    padding-left: 14px;
  }

  .drop-zone-text {
    font-size: 20px;
    line-height: 26px;
  }

  .feedback-container-3 {
    height: auto;
    padding-top: 0;
    position: relative;
    overflow: auto;
  }

  .calendar-top-bar-2 {
    flex-direction: column;
    align-items: flex-start;
    height: 120px;
    min-height: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
  }

  .timeline-post-5:hover {
    box-shadow: none;
    border-style: solid;
  }

  .message-search-wrapper {
    width: 100%;
  }

  .modal-close-player-2 {
    z-index: 6;
    justify-content: center;
    width: 42px;
    margin-right: 10px;
    padding: 8px 0 5px;
  }

  .modalcontent-5 {
    width: 90%;
    max-width: 560px;
  }

  .submit-button-holder-4 {
    justify-content: center;
  }

  .div-block-433, .simple-right-click-menu, .error-whisper, .whisper-3 {
    width: auto;
  }

  .audio-bottom-controls-5 {
    padding-left: 0;
    padding-right: 10px;
  }

  .image-84, .confirm-check-img {
    max-width: 100%;
  }

  .div-block-3014 {
    width: auto;
    max-width: 460px;
  }

  .paragraph-2 {
    color: #0009;
    text-align: left;
  }

  .h2-dark {
    margin-top: 0;
  }

  .modal-content-upgrade {
    width: auto;
  }

  .side-nav {
    z-index: 990;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
    position: sticky;
    top: 0;
  }

  .action-item-button {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-13-4.white.hidden, .text-13-4.white-copy.hidden {
    display: none;
  }

  .section-header-2 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .autocomplete-search-wrapper-action {
    width: 100%;
  }

  .add-item {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .form-button-55 {
    width: 180px;
    min-width: 0;
  }

  .form-button-55.outline {
    width: 0;
  }

  .text-link {
    font-size: 16px;
  }

  .action-items-outerwrapper {
    height: auto;
    display: block;
  }

  .edit-button {
    width: 160px;
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-20 {
    font-size: 22px;
  }

  .item-column-wrapper {
    border-top: 1px solid #fffefe33;
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .loader-10 {
    width: auto;
  }

  .search-input-action {
    display: none;
  }

  .wfwfwefw.white.no-wrap {
    white-space: nowrap;
    white-space: nowrap;
    white-space: nowrap;
    white-space: nowrap;
  }

  .remove-column {
    margin-left: 20px;
  }

  .post-button {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-label-3 {
    font-size: 15px;
  }

  .button-label-3.xsm-semi, .button-label-3.xsm, .button-label-3.xs {
    font-size: 13px;
  }

  .div-block-4080-copy.hidden {
    display: none;
  }

  .all-column-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    overflow: visible;
  }

  .side-nav-item {
    justify-content: center;
  }

  .tooltip-6 {
    width: auto;
  }

  .text-16-2 {
    font-size: 15px;
  }

  .fc-icon-2-copy {
    display: none;
    top: 7px;
  }

  .results-scroller-110, .results-holder-13 {
    width: 440px;
  }

  .results-wrapper-9 {
    width: 430px;
  }

  .result-row-123 {
    min-width: 400px;
  }

  .search-wrapper-8 {
    width: 100%;
  }

  .text-span-70 {
    margin-left: 8px;
    font-size: 12px;
  }

  .search-bar {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .search-bar.hidden {
    display: none;
  }

  .button-ai-voice {
    padding-left: 10px;
    padding-right: 10px;
  }

  .icon-reload-all.hidden {
    display: none;
  }

  .results-holder-24 {
    width: 440px;
  }

  .results-wrapper-17 {
    width: 430px;
  }

  .section-header-3 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .result-row-140 {
    min-width: 400px;
  }

  .search-wrapper-9 {
    width: 100%;
  }

  .results-scroller-118 {
    width: 440px;
  }

  .modal-single-item {
    padding: 0;
    overflow: visible;
  }

  .single-item-wrapper {
    align-items: stretch;
    padding-left: 0;
    display: flex;
  }

  .view-button {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .search-wrapper-10 {
    width: 100%;
  }

  .action-item-button-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .action-item-button-3, .action-item-button-4 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .search-bar-2 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: none;
    position: sticky;
    top: 50px;
  }

  .results-wrapper-21 {
    width: 430px;
  }

  .section-header-4 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .action-item-button-3-copy {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .loading-items-2 {
    width: 100%;
  }

  .results-scroller-253 {
    width: 440px;
  }

  .item-column-wrapper-2 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .result-row-152 {
    min-width: 400px;
  }

  .results-holder-28 {
    width: 440px;
  }

  .button-label-4 {
    font-size: 15px;
  }

  .button-label-4.xsm-semi {
    text-align: center;
  }

  .icon-search-2 {
    display: none;
  }

  .post-button-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .add-item-2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .post-button-3 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-label-5 {
    font-size: 15px;
  }

  .button-label-5.xsm-semi {
    font-size: 13px;
  }

  .modal-content-exercises-15 {
    width: auto;
  }

  .image-633 {
    max-width: 100%;
  }

  .owner-autocomplete-wrapper-2 {
    width: 100%;
  }

  .whisper-4 {
    width: auto;
  }

  .modal-content-media-copy-10 {
    width: auto;
    min-height: 440px;
  }

  .alert-program-assign-validation {
    align-items: flex-start;
  }

  .calendar-top-bar-6 {
    flex-direction: column;
    align-items: flex-start;
    height: 120px;
    min-height: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
  }

  .loading-more-assignments-2, .assigned-empty-2 {
    width: 24%;
  }

  .client-input-holder-12 {
    margin-left: 0;
  }

  .audio-bottom-controls-21 {
    padding-left: 0;
    padding-right: 10px;
  }

  .option-text {
    width: auto;
    padding-right: 0;
  }

  .search-wrapper-32 {
    width: 100%;
  }

  .modal-content-15, .pin-date-calendar {
    width: auto;
  }

  .tile-tall-24 {
    width: 48%;
    height: 134px;
  }

  .checkbox-label-14 {
    line-height: 20px;
  }

  .new-option {
    flex-direction: column;
  }

  .workout-mode-wide-copy {
    width: auto;
  }

  .workout-name-15 {
    font-size: 20px;
    line-height: 26px;
  }

  .side-client-wrapper {
    width: 24%;
  }

  .edit-send-time, .modal-content-calendar-2 {
    width: auto;
  }

  .client-search-add-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-content-exercises-7 {
    width: auto;
  }

  .modalcontent-28 {
    width: 90%;
    max-width: 560px;
  }

  .workout-name-2 {
    font-size: 16px;
    line-height: 20px;
  }

  .checkbox-label-16 {
    line-height: 20px;
  }

  .modal-content-username-copy-2, .tooltip-7 {
    width: auto;
  }

  .send-copy-inner-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-wrapper-39 {
    width: 100%;
  }

  .image-679 {
    max-width: 100%;
  }

  .toggle-option-3 {
    width: 124px;
    font-size: 12px;
  }

  .plans-wrapper-9 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .compliance-toggle {
    padding-top: 10px;
    padding-left: 0;
  }

  .inputfield-28 {
    width: 100%;
    display: inline-block;
  }

  .post-editor-modal-10 {
    width: auto;
  }

  .inputfield-27 {
    width: 100%;
    display: inline-block;
  }

  .checkbox-label {
    line-height: 20px;
  }

  .image-694 {
    max-width: 100%;
  }

  .plans-wrapper-10 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-696 {
    max-width: 100%;
  }

  .plans-wrapper-11 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-700 {
    max-width: 100%;
  }

  .tile-tall-4 {
    width: 48%;
    height: 134px;
  }

  .tooltip-8 {
    width: auto;
  }

  .search-wrapper-40 {
    width: 100%;
  }

  .play-video-modal {
    width: auto;
  }

  .library-item-wrapper {
    padding-left: 6px;
  }

  .connect-input-row {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .user-input-holder {
    margin-bottom: 20px;
  }

  .user-input-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .connect-table {
    width: auto;
  }

  .search-wrapper-41, .page-title {
    width: 100%;
  }

  .content-wrapper {
    width: 600px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
  }

  .autocomplete-search-wrapper-action-copy {
    width: 100%;
  }

  .user-mgmt-wrapper {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .modal-user-mgmt {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    overflow: visible;
  }

  .section-header-5 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .modal-create-user {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    overflow: visible;
  }

  .new-user-wrapper {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .section-header-6 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .column-option-holder {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .user-mgmt.hidden {
    display: none;
  }

  .side-nav-item-3 {
    justify-content: center;
  }

  .autocomplete-search-wrapper-custom {
    width: 100%;
  }

  .section-header-7 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .edit-wrapper {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .modal-edit-custom-column {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    overflow: visible;
  }

  .qfwef.hidden {
    display: none;
  }

  .item-column-wrapper-4 {
    border-top: 1px solid #fffefe33;
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .section-header-8, .section-header-55 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .result-row-732 {
    min-width: 400px;
  }

  .action-item-button-14 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-header-42 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .results-wrapper-151 {
    width: 430px;
  }

  .result-row-729 {
    min-width: 400px;
  }

  .results-holder-207 {
    width: 440px;
  }

  .plans-wrapper-12 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .post-button-18 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .add-item-17 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .loading-items-3 {
    width: 100%;
  }

  .results-holder-209 {
    width: 440px;
  }

  .search-bar-18 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: none;
    position: sticky;
    top: 50px;
  }

  .section-header-56 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .result-row-731 {
    min-width: 400px;
  }

  .button-label-19 {
    font-size: 15px;
  }

  .button-label-19.xsm-semi, .button-label-19.xsm {
    font-size: 13px;
  }

  .results-wrapper-154, .results-wrapper-149 {
    width: 430px;
  }

  .results-holder-206 {
    width: 440px;
  }

  .side-nav-item-11, .side-nav-item-8 {
    justify-content: center;
  }

  .tooltip-29 {
    width: auto;
  }

  .section-header-57 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .item-column-wrapper-18 {
    border-top: 1px solid #fffefe33;
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .image-872 {
    max-width: 100%;
  }

  .results-scroller-337, .results-scroller-342, .results-scroller-339 {
    width: 440px;
  }

  .loader-11 {
    width: auto;
  }

  .search-bar-19 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: none;
    position: sticky;
    top: 50px;
  }

  .result-row-741, .result-row-735 {
    min-width: 400px;
  }

  .action-item-button-15 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-header-58 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .section-header-58.tall {
    display: flex;
    position: sticky;
    top: 0;
  }

  .results-wrapper-157 {
    width: 430px;
  }

  .image-883 {
    max-width: 100%;
  }

  .button-label-20 {
    font-size: 15px;
  }

  .button-label-20.xsm, .button-label-20.xsm-semi {
    font-size: 13px;
  }

  .plans-wrapper-13 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .loading-items-18 {
    width: 100%;
  }

  .text-14-121.white.no-wrap {
    white-space: nowrap;
    white-space: nowrap;
    white-space: nowrap;
  }

  .all-item-wrapper-19.m {
    min-height: 200px;
    max-height: calc(100vh - 50px);
    overflow: auto;
  }

  .section-header-59 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .results-scroller-344, .results-holder-211, .results-holder-215 {
    width: 440px;
  }

  .results-wrapper-155 {
    width: 430px;
  }

  .results-scroller-347 {
    width: 440px;
  }

  .results-wrapper-156 {
    width: 430px;
  }

  .result-row-742 {
    min-width: 400px;
  }

  .item-column-wrapper-23 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .add-item-18 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .section-header-60 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .post-button-19 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .results-holder-214 {
    width: 440px;
  }

  .side-nav-item-12 {
    justify-content: center;
  }

  .tooltip-30 {
    width: auto;
  }

  .results-scroller-346 {
    width: 440px;
  }

  .section-header-61 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .red-dot-slider.hidden {
    display: none;
  }

  .results-wrapper-159 {
    width: 430px;
  }

  .section-header-62 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .button-label-21 {
    font-size: 15px;
  }

  .button-label-21.xxsm, .button-label-21.xsm-semi {
    font-size: 13px;
  }

  .loading-items-19 {
    width: 100%;
  }

  .result-row-158 {
    min-width: 400px;
  }

  .item-column-wrapper-24 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .post-button-4 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .action-item-button-16 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .results-scroller-348, .results-holder-216 {
    width: 440px;
  }

  .section-header-63 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .loading-items-20 {
    width: 100%;
  }

  .item-column-wrapper-25 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .button-label-22 {
    font-size: 15px;
  }

  .button-label-22._12 {
    font-size: 13px;
  }

  .post-button-20 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .simple-right-click-menu-fds {
    width: auto;
  }

  .nav-item-results-holder {
    z-index: 999;
    width: 100%;
    min-height: 0;
    display: block;
    position: fixed;
    inset: 50px 0% auto;
    overflow: auto;
  }

  .visiblity-icon {
    display: none;
  }

  .side-nav-search-wrapper {
    width: 100%;
  }

  .nav-search {
    width: 100%;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .action-item-nav-holder {
    z-index: 999;
    display: block;
    overflow: visible;
  }

  .nav-option-holder {
    z-index: 999;
    background-color: #0c283b;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 0;
    max-height: 90vh;
    overflow: auto;
  }

  .side-nav-item-13 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 50px;
    padding-left: 16px;
    position: static;
  }

  .editi-icon {
    display: none;
  }

  .nav-item-scroller.custom-scroller {
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
    overflow: visible;
  }

  .ac-default-label-332 {
    font-size: 15px;
  }

  .badge-div-2 {
    margin-left: 10px;
    position: static;
  }

  .unmatched-320.white {
    white-space: nowrap;
    font-size: 15px;
  }

  .side-panel-right, .side-panel-right-2 {
    z-index: 990;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
    position: sticky;
    top: 0;
  }

  .results-wrapper-281 {
    width: 430px;
  }

  .result-row-752 {
    min-width: 400px;
  }

  .results-holder-217 {
    width: 440px;
  }

  .add-item-19 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .results-scroller-349 {
    width: 440px;
  }

  .item-column-wrapper-26 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .image-899 {
    max-width: 100%;
  }

  .results-wrapper-282, .results-wrapper-283 {
    width: 430px;
  }

  .item-column-wrapper-27 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .loading-items-21 {
    width: 100%;
  }

  .post-button-21 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ac-default-label-333 {
    font-size: 15px;
  }

  .result-row-755 {
    min-width: 400px;
  }

  .button-label-23 {
    font-size: 15px;
  }

  .button-label-23.xxsm, .button-label-23.xsm-semi {
    font-size: 13px;
  }

  .badge-div-3 {
    margin-left: 10px;
    position: static;
  }

  .post-button-22 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-header-64 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .side-panel-right-3 {
    z-index: 990;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
    position: sticky;
    top: 0;
  }

  .post-button-23 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .results-scroller-351 {
    width: 440px;
  }

  .plans-wrapper-14 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .search-bar-20 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: none;
    position: sticky;
    top: 50px;
  }

  .side-nav-item-14 {
    justify-content: center;
  }

  .side-nav-item-15 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 50px;
    padding-left: 16px;
    position: static;
  }

  .results-holder-220 {
    width: 440px;
  }

  .button-label-24 {
    font-size: 15px;
  }

  .button-label-24._12 {
    font-size: 13px;
  }

  .action-item-button-17 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .item-column-wrapper-28 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .results-holder-221, .results-holder-222 {
    width: 440px;
  }

  .unmatched-329.white {
    white-space: nowrap;
    font-size: 15px;
  }

  .results-scroller-352 {
    width: 440px;
  }

  .section-header-65 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .action-item-button-18 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-header-66 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .results-scroller-353 {
    width: 440px;
  }

  .results-wrapper-285 {
    width: 430px;
  }

  .section-header-67 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .tooltip-31 {
    width: auto;
  }

  .section-header-68 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .button-label-25 {
    font-size: 15px;
  }

  .button-label-25.xsm-semi, .button-label-25.xsm {
    font-size: 13px;
  }

  .section-header-69 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .section-header-69.tall {
    display: flex;
    position: sticky;
    top: 0;
  }

  .results-wrapper-286 {
    width: 430px;
  }

  .item-column-wrapper-29 {
    border-top: 1px solid #fffefe33;
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .results-holder-223 {
    width: 440px;
  }

  .add-item-20 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .results-scroller-354 {
    width: 440px;
  }

  .image-915 {
    max-width: 100%;
  }

  .results-wrapper-287, .results-wrapper-288 {
    width: 430px;
  }

  .post-button-24 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ac-default-label-334, .button-label-26 {
    font-size: 15px;
  }

  .button-label-26.xxsm, .button-label-26.xsm-semi {
    font-size: 13px;
  }

  .badge-div-4 {
    margin-left: 10px;
    position: static;
  }

  .post-button-25 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-header-70 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .post-button-26 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .results-scroller-356 {
    width: 440px;
  }

  .plans-wrapper-15 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .search-bar-21 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: none;
    position: sticky;
    top: 50px;
  }

  .side-nav-item-16 {
    justify-content: center;
  }

  .side-nav-item-17 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 50px;
    padding-left: 16px;
    position: static;
  }

  .results-holder-226 {
    width: 440px;
  }

  .button-label-27 {
    font-size: 15px;
  }

  .button-label-27._12 {
    font-size: 13px;
  }

  .action-item-button-19 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .item-column-wrapper-30 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .results-holder-227, .results-holder-228 {
    width: 440px;
  }

  .unmatched-341.white {
    white-space: nowrap;
    font-size: 15px;
  }

  .results-scroller-357 {
    width: 440px;
  }

  .section-header-71 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .action-item-button-20 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-header-72 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .results-scroller-358 {
    width: 440px;
  }

  .results-wrapper-290 {
    width: 430px;
  }

  .section-header-73 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .tooltip-32 {
    width: auto;
  }

  .section-header-74 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .button-label-28 {
    font-size: 15px;
  }

  .button-label-28.xsm-semi, .button-label-28.xsm {
    font-size: 13px;
  }

  .section-header-75 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .section-header-75.tall {
    display: flex;
    position: sticky;
    top: 0;
  }

  .tag-ac-wrapper {
    width: 100%;
  }

  .apply-button-2 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-label-29 {
    font-size: 15px;
  }

  .button-label-29.xsm-semi {
    font-size: 13px;
  }

  .close-date-picker {
    margin-left: 20px;
  }

  .autocomplete-search-wrapper {
    width: 100%;
  }

  .data-pick-modal, .tooltip-fc, .whisper-fc, .simple-right-click-menu-fc {
    width: auto;
  }
}

@media screen and (max-width: 479px) {
  .tooltip {
    width: 100%;
  }

  .text-tooltip-2 {
    font-size: 12px;
    line-height: 18px;
  }

  .button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .modal-box {
    width: 100%;
  }

  .text-22 {
    font-size: 12px;
    line-height: 18px;
  }

  .twmbranding {
    flex-direction: row;
    justify-content: center;
    display: flex;
  }

  .inputfield {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .inputfield.short {
    width: 100%;
  }

  .submitbutton {
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
    display: block;
  }

  .submitbutton.login {
    width: 100%;
  }

  .div-block-388 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .h3 {
    padding-bottom: 5px;
    line-height: 24px;
  }

  .labelsmall {
    font-size: 14px;
    line-height: 20px;
  }

  .labelsmall.left {
    font-size: 15px;
  }

  .form-3 {
    width: 440px;
  }

  .form-block-3 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .tooltip-2 {
    width: 100%;
  }

  .twm-spinner {
    width: 80px;
    height: 80px;
  }

  .loading-indicator-view {
    padding-top: 60px;
  }

  .quote-title {
    max-width: 220px;
    font-size: 16px;
  }

  .quote-text {
    max-width: 400px;
    font-size: 26px;
    line-height: 32px;
  }

  .quote-name {
    font-size: 20px;
    line-height: 22px;
  }

  .quote-text-wrapper {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: static;
  }

  .by-line-2 {
    margin-top: 20px;
  }

  .result-row-3 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched, .unmatched {
    font-size: 15px;
  }

  .submit-save-button-3 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .submit-save-button-3.cancel {
    text-align: center;
    margin-right: 7px;
    font-size: 14px;
  }

  .plan-button-holder, .plan-button-holder-copy {
    flex-direction: row;
    align-items: flex-start;
    width: auto;
  }

  .whisper {
    width: 100%;
  }

  .small-text-2 {
    padding-right: 5px;
    line-height: 16px;
  }

  .sf-15-med {
    font-size: 15px;
  }

  .result-row {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .text-15, .text-15-copy {
    font-size: 15px;
  }

  .result-row-4 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-2, .sf-15-med-copy {
    font-size: 15px;
  }

  .loader-3 {
    width: 100%;
  }

  .intro-5 {
    padding-top: 60px;
  }

  .sf-13 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-15 {
    font-size: 14px;
    line-height: 18px;
  }

  .sf-15.white {
    font-size: 15px;
  }

  .cell-right-click, .tooltip-3, .modal-content-container {
    width: 100%;
  }

  .plan-button-holder-copy, .plan-button-holder-copy-copy {
    flex-direction: row;
    align-items: flex-start;
    width: auto;
  }

  .record-modal {
    width: 100%;
  }

  .plan-button-holder-copy-copy {
    flex-direction: row;
    align-items: flex-start;
    width: auto;
  }

  .result-row-4-copy {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .simple-right-click {
    width: 100%;
  }

  .matched-3 {
    font-size: 15px;
  }

  .result-row-5 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-2 {
    font-size: 15px;
  }

  .result-row-2 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-3 {
    font-size: 15px;
  }

  .search-wrapper-4 {
    display: block;
  }

  .matched-4 {
    font-size: 15px;
  }

  .tooltip-4, .changed-tab-tooltip {
    width: 100%;
  }

  .text-32-semibold {
    font-size: 12px;
    line-height: 18px;
  }

  .intro-6 {
    padding-top: 60px;
  }

  .img-static {
    width: 40px;
  }

  .quote-text-2 {
    max-width: 400px;
    font-size: 26px;
    line-height: 32px;
  }

  .quote-title-2 {
    max-width: 220px;
    font-size: 16px;
  }

  .quote-name-2 {
    font-size: 20px;
    line-height: 22px;
  }

  .label-header-name {
    font-size: 12px;
    line-height: 18px;
  }

  .intro-6-copy, .intro-7 {
    padding-top: 60px;
  }

  .sf-15-med-5, .unmatched-4 {
    font-size: 15px;
  }

  .search-wrapper-6 {
    display: block;
  }

  .sf-111 {
    font-size: 15px;
  }

  .sf-77 {
    font-size: 14px;
    line-height: 18px;
  }

  .sf-77.center {
    font-size: 15px;
    line-height: 20px;
  }

  .sf-92 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-118 {
    font-size: 15px;
  }

  .h3-dark {
    font-size: 16px;
    line-height: 20px;
  }

  .h3-dark.thin {
    font-size: 18px;
    line-height: 22px;
    display: block;
  }

  .h3-dark.left {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    display: block;
  }

  .h3-dark.thin {
    font-size: 18px;
    line-height: 22px;
  }

  .sf-100 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-52 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-52.white {
    font-size: 14px;
  }

  .submit-save-button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sort-option-9 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .twm-spinner-2 {
    width: 80px;
    height: 80px;
  }

  .modal-content-groups-2 {
    width: 90%;
    max-width: 540px;
  }

  .labelsmall-5 {
    font-size: 14px;
    line-height: 20px;
  }

  .sf-91 {
    font-size: 18px;
    line-height: 18px;
  }

  .sf-91.white {
    line-height: 22px;
  }

  .loading-row, .result-row-5-copy {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .apply-button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .name-label {
    font-size: 13px;
    line-height: 18px;
  }

  .tooltip-5 {
    width: 100%;
  }

  .submit-button-2 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-98 {
    font-size: 24px;
    line-height: 30px;
  }

  .sf-98.center {
    text-align: center;
  }

  .footer-links-5 {
    flex-direction: column;
    padding-top: 10px;
  }

  .inputfield-2 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .inputfield-2.short, .inputfield-2.disabled {
    width: 100%;
  }

  .inputfield-2.fc {
    width: 100%;
  }

  .inputfield-2.short {
    width: auto;
  }

  .paragraph {
    text-align: center;
    background-color: #fffc;
    width: 100%;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 22px;
  }

  .paragraph.smalltext {
    text-align: left;
    background-color: #0000;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 20px;
  }

  .form-block-26 {
    width: 100%;
  }

  .submitbutton-6 {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .password-reset-wrapper {
    padding-top: 10px;
  }

  .div-block-1059 {
    flex-direction: column;
    align-items: center;
    width: 90%;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .create-account-wrapper {
    padding: 26px 0 0;
  }

  .footer-3 {
    color: #b4b4b4;
    margin-bottom: 10px;
    font-size: 12px;
  }

  .item-header-mini {
    font-size: 22px;
    line-height: 24px;
  }

  .search-wrapper-holder {
    display: block;
  }

  .text-label-large-3 {
    color: #4a4a4a;
    text-shadow: none;
    font-size: 2.2em;
  }

  .text-label-large-3.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    padding-bottom: 10px;
    font-size: 1.8em;
  }

  .mini-post-content-wrapper {
    padding-left: 14px;
    padding-right: 14px;
  }

  .action-button-10 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .sf-19 {
    font-size: 12px;
    line-height: 18px;
  }

  .all-items-2 {
    width: 250px;
    position: fixed;
    top: 66px;
    right: 0;
  }

  .exercise-layer-2 {
    height: 100vh;
  }

  .button-select-plan-2 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .start-button-2 {
    display: flex;
    inset: 0%;
  }

  .bottom-label-holder-3 {
    color: #3a3a3a;
    text-shadow: none;
    display: block;
    inset: auto 0% 80px;
  }

  .drop-content {
    width: 100%;
  }

  .exercise-holder {
    padding-left: 0;
  }

  .submit-button-xs {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-small-label {
    font-size: 12px;
    line-height: 18px;
  }

  .text-span-58 {
    font-size: 12px;
  }

  .exercise-ribbon-wrapper-5 {
    z-index: 12;
    height: 190px;
    padding-top: 3px;
    padding-left: 0;
    padding-right: 0;
    display: none;
    position: absolute;
  }

  .text-55 {
    font-size: 18px;
    line-height: 22px;
  }

  .text-55.light {
    font-size: 22px;
    line-height: 26px;
  }

  .submit-save-button-2 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .post-header-4-copy {
    padding-left: 14px;
    padding-right: 14px;
  }

  .countdown-wrapper-3 {
    padding-right: 0%;
    display: block;
    position: relative;
    top: 50px;
  }

  .countdown-wrapper-3.vertical {
    padding-top: 0;
    top: 0;
  }

  .sort-wrapper-3 {
    justify-content: space-around;
    width: 320px;
  }

  .start-play-button-3 {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
  }

  .wide-header-content-2-copy-2 {
    padding-right: 0;
  }

  .sf-55-copy {
    font-size: 12px;
    line-height: 18px;
  }

  .action-button-5 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .timeline-action-bar-6 {
    padding-left: 10px;
  }

  .action-button-8 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .edit-button-holder {
    flex-direction: column;
    align-items: center;
  }

  .icon-play {
    width: 18px;
  }

  .rte-toggle {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .text-label-countdown-3 {
    color: #3476b7;
    text-shadow: none;
    font-size: 4.2em;
  }

  .text-label-countdown-3.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    font-size: 3.6em;
  }

  .group-message-content {
    background-color: #0000;
    justify-content: flex-start;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 20px;
    display: flex;
  }

  .reminder-content {
    background-color: #0000;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .library-media-content-view-2 {
    top: 0;
  }

  .div-block-807 {
    position: relative;
  }

  .get-ready-display-2 {
    background-image: none;
    display: block;
    position: relative;
  }

  .get-ready-display-2.vertical {
    background-image: linear-gradient(#0009 20%, #0000);
    position: absolute;
  }

  .submit-button-small-7 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .tile-tall-3.long {
    width: 98%;
  }

  .sf-26 {
    font-size: 24px;
    line-height: 30px;
  }

  .sf-14-regular-2 {
    font-size: 13px;
    line-height: 18px;
  }

  .sf-34 {
    font-size: 34px;
    line-height: 34px;
  }

  .sf-34.semi {
    font-weight: 600;
    line-height: 40px;
  }

  .sf-34.semi.white {
    font-size: 34px;
    line-height: 40px;
  }

  .exercise-row {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .library-tag {
    display: inline-block;
  }

  .sf-14-regular {
    font-size: 13px;
    line-height: 18px;
  }

  .progress-bar-volume-wrapper-3 {
    background-image: none;
    height: auto;
    min-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    inset: auto 0% 20px;
  }

  .progress-bar-volume-wrapper-3.vertical {
    display: flex;
  }

  .group-timeline-message {
    margin-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .sf-109 {
    font-size: 16px;
  }

  .sf-109.semi {
    font-weight: 600;
  }

  .sf-109.semi.white.center {
    text-align: center;
  }

  .sf-57 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-57.center {
    font-size: 15px;
    line-height: 20px;
  }

  .modal-content-username-3 {
    width: 100%;
  }

  .sf-55 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-55.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .icon-save-2 {
    background-size: 20px;
    width: 32px;
    height: 32px;
  }

  .app-workout-container-7 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    height: 300px;
    position: relative;
  }

  .controls-button-holder-3.vertical {
    justify-content: flex-start;
    padding-top: 260px;
  }

  .text-label-medium-3 {
    color: #4a4a4a;
    text-align: center;
    text-shadow: none;
    font-size: 1.7em;
    line-height: 1.2em;
  }

  .text-label-medium-3.start {
    color: #fff;
    font-size: 1.6em;
  }

  .text-label-medium-3.vertical {
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 6px #0006;
    font-size: 1.5em;
    line-height: 1em;
  }

  .reply-input {
    padding-left: 5px;
  }

  .paused-layer-vertical {
    height: 100vh;
  }

  .streak-content {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: static;
  }

  .replied-indicator-bar-2 {
    width: 100%;
  }

  .replied-indicator-bar-2.hidden {
    padding-left: 5px;
  }

  .text-label-small-4 {
    color: #4a4a4a;
    text-shadow: none;
    line-height: 1.1em;
    display: block;
    bottom: 6%;
  }

  .text-label-small-4.vertical {
    color: #fff;
  }

  .text-label-small-3 {
    color: #4a4a4a;
    text-shadow: none;
    line-height: 1.1em;
    display: block;
    bottom: 6%;
  }

  .item-side-layout-3 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    position: relative;
  }

  .text-year {
    font-size: 18px;
    line-height: 22px;
  }

  .workout-progress-bar-2 {
    background-color: #2196f3;
  }

  .workout-progress-bar-2.vertical {
    background-color: #ffffffbf;
  }

  .sf-12 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-12.white {
    color: #ffffffd6;
    display: block;
  }

  .sf-12.white.label {
    text-align: center;
    letter-spacing: 1px;
    font-weight: 500;
  }

  .modal-content-drawing {
    width: 100%;
    min-height: 350px;
  }

  .label-sender-name-2 {
    font-size: 14px;
    line-height: 18px;
  }

  .time-elasped.small, .time-elasped._2, .time-elasped._2, .time-elasped._2 {
    width: 100px;
  }

  .label-player-workout-name-2 {
    flex: none;
    font-size: 14px;
  }

  .feedback-flex-wrapper-2 {
    padding-bottom: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sf-119 {
    font-size: 13px;
    line-height: 18px;
  }

  .client-input-holder {
    width: 100%;
  }

  .sf-19-copy {
    font-size: 12px;
    line-height: 18px;
  }

  .assigned-topbar {
    padding-left: 10px;
    padding-right: 10px;
  }

  .post-header-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .label-tile-2 {
    font-size: 12px;
  }

  .reload-floating-button-2 {
    z-index: 25;
    top: 116px;
  }

  .media-library-modal-2 {
    width: 100%;
  }

  .workout-label-holder-3 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sf-15-med-3 {
    font-size: 15px;
  }

  .progress-bar-volume-wrapper-5 {
    background-image: none;
    min-height: 40px;
    padding-bottom: 50px;
    padding-left: 5px;
    padding-right: 5px;
    inset: auto 0% 0%;
  }

  .player-leadgen-modal {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0% 0%;
    box-shadow: 4px 4px 9px 4px #0003;
  }

  .preview-countdown-wrapper-2 {
    padding-right: 0%;
    display: block;
    position: relative;
    top: 34px;
  }

  .preview-countdown-wrapper-2.vertical {
    padding-top: 0;
    top: 0;
  }

  .overlay-cover {
    background-color: #0000004d;
    display: flex;
    position: absolute;
  }

  .library-tab-bar {
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
  }

  .empty-page-text-2 {
    font-size: 22px;
    line-height: 24px;
  }

  .sf-87 {
    font-size: 13px;
    line-height: 18px;
  }

  .sf-87.semi {
    font-weight: 400;
  }

  .heart-rate-display-3 {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 8px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 0;
    display: flex;
    position: static;
  }

  .item-header-copy-3 {
    font-size: 22px;
    line-height: 24px;
  }

  .skip-forward {
    width: 30px;
  }

  .sf-15-med-6 {
    font-size: 15px;
  }

  .empty-preview-message {
    font-size: 12px;
    line-height: 18px;
  }

  .exercise-rest-phase-layer-vertical {
    height: 100vh;
  }

  .modal-content-leads-2 {
    width: 90%;
    max-width: 540px;
  }

  .player-play-pause-button-2 {
    border-width: 3px;
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
  }

  .ribbon-content-2 {
    border-top: 1px solid #c4c4c4;
    height: 100%;
    padding-bottom: 14px;
  }

  .ribbon-exercise-detail-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .ribbon-exercise-detail-2.time {
    height: auto;
    min-height: 0;
    max-height: none;
    padding-bottom: 5px;
  }

  .lead-gen-toggle-wrapper {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .sf-14-name {
    font-size: 13px;
    line-height: 18px;
  }

  .workout-duration-label {
    flex: none;
    font-size: 11px;
    line-height: 14px;
  }

  .text-label-countdown-4 {
    color: #3476b7;
    text-shadow: none;
    font-size: 4.2em;
    position: relative;
  }

  .text-label-countdown-4.small {
    text-align: center;
    font-size: 4.2em;
  }

  .text-label-countdown-4.small.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    font-size: 2.4em;
  }

  .submit-button-small-5 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .buttonlabel-2 {
    font-size: 14px;
    line-height: 20px;
  }

  .buttonlabel-2.white {
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
    text-align: left;
  }

  .social-icon-bar-2 {
    justify-content: space-between;
    display: flex;
  }

  .distance-pace-2 {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 24px;
    position: static;
  }

  .bodycomp-measurements-section {
    padding-left: 14px;
    padding-right: 14px;
  }

  .unmatched-5 {
    font-size: 15px;
  }

  .item-text-mini {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .time-bar-thumb {
    width: 80%;
  }

  .paused-layer-2 {
    height: 100vh;
  }

  .special-request-tooltip {
    width: 100%;
  }

  .top-display-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
  }

  .top-display-3.vertical {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-today-2 {
    width: 64px;
    margin-left: 5px;
  }

  .search-wrapper-6-copy {
    display: block;
  }

  .sf-110 {
    font-size: 15px;
  }

  .control-buttons-3 {
    inset: 0%;
  }

  .sort-option-10 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .special-request-bar {
    width: 100%;
  }

  .workout-item-icon.complete {
    margin-right: 4px;
  }

  .start-control-wrapper-3 {
    justify-content: center;
    padding-top: 0;
  }

  .ribbon-exercise-label-2 {
    font-size: 12px;
  }

  .bodyevolver-indicator {
    width: 100%;
  }

  .sf-107 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-107.grey {
    display: inline-block;
  }

  .wide-header-content-3 {
    padding-right: 0;
  }

  .exercise-layer-vertical {
    height: 100vh;
  }

  .message-holder-5 {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .workout-container-4 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    min-height: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
  }

  .exercise-library-header {
    min-height: 56px;
    padding-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
    position: static;
  }

  .skip-button-2 {
    width: 50px;
  }

  .empty-preview-message-2 {
    font-size: 12px;
    line-height: 18px;
  }

  .action-button-4 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .nav-tab-label-2 {
    font-size: 14px;
    line-height: 14px;
  }

  .sf-15-med-2 {
    font-size: 15px;
  }

  .sf-70 {
    font-size: 12px;
    line-height: 18px;
  }

  .result-row-6 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-51 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-51.white {
    color: #ffffffd6;
    display: block;
  }

  .div-block-596 {
    display: none;
  }

  .close-player-modal-2 {
    filter: invert();
  }

  .program-alert-content-2 {
    padding-top: 14px;
  }

  .audio-component-8 {
    display: flex;
  }

  .unmatched-6 {
    font-size: 15px;
  }

  .plan-tile-3 {
    flex: 0 auto;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
  }

  .completd-topbar {
    padding-left: 10px;
    padding-right: 10px;
  }

  .social-label-2 {
    font-size: 13px;
  }

  .library-tag-wrapper {
    justify-content: space-around;
    width: 320px;
  }

  .sf-60 {
    font-size: 15px;
  }

  .time-bar-2 {
    width: 80%;
  }

  .modal-webplayer-5 {
    background-color: #fff;
  }

  .sf-105 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-105.grey {
    display: inline-block;
  }

  .streak-wrapper-4 {
    background-color: #4a148c;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    border-style: none;
    border-top-width: 0;
    border-top-color: #0000;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 240px;
    transition: background-color .2s;
    display: flex;
  }

  .heart-rate-wrapper-3 {
    opacity: 1;
    background-color: #494949;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    width: 100%;
    transition: opacity 1s;
  }

  .calories {
    background-color: #0000;
    border-radius: 6px;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 24px;
    position: static;
  }

  .button-select-plan {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .modal-content-upload {
    width: 100%;
  }

  .sf-120 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-104 {
    font-size: 15px;
  }

  .player-leadgen-text {
    line-height: 18px;
  }

  .sf-81 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-81.exercise-label {
    display: inline-block;
  }

  .player-modal-top-bar-4 {
    height: 34px;
    min-height: 34px;
    padding-top: 0;
    padding-left: 4px;
    position: static;
  }

  .post-header-6 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .time-label-2 {
    color: #032944;
    font-size: 13px;
  }

  .time-label-2.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
    padding-left: 10px;
  }

  .social-label {
    font-size: 15px;
  }

  .sf-71 {
    font-size: 12px;
    line-height: 18px;
  }

  .action-button-9 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .div-block-197 {
    min-height: 46px;
  }

  .control-buttons-2 {
    inset: 0%;
  }

  .request-declined-bar {
    width: 100%;
  }

  .icon-pause {
    width: 21px;
  }

  .get-ready-display-copy {
    background-image: none;
    display: block;
    position: relative;
  }

  .plan-tile-preview {
    flex: 0 auto;
    align-items: stretch;
    width: 100%;
    max-width: 400px;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
  }

  .post-header-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lead-form {
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-header-copy-2 {
    font-size: 22px;
    line-height: 24px;
  }

  .sf-76-copy-copy {
    font-size: 12px;
    line-height: 16px;
  }

  .post-editor-modal-4 {
    width: 100%;
  }

  .play-icon-holder {
    display: block;
  }

  .response-bar {
    width: 100%;
  }

  .text-34 {
    font-size: 18px;
    line-height: 22px;
  }

  .pace-2 {
    margin-left: 0;
  }

  .streak-number {
    background-color: #dd2c00;
    border: 8px solid #ff5722;
    border-radius: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 106px;
    height: 106px;
    margin-top: 12px;
    margin-bottom: 28px;
    padding-top: 8px;
    transition: background-color 1s;
    display: flex;
    position: relative;
  }

  .item-header-2 {
    font-size: 22px;
    line-height: 24px;
  }

  .plans-wrapper-4 {
    align-items: center;
    display: flex;
  }

  .action-button-2 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .cardio-small-label {
    width: 90px;
  }

  .preview-notes {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .video-section-4 {
    height: 240px;
    margin-top: 0;
  }

  .video-section-4.vertical {
    height: 100vh;
    position: relative;
  }

  .date-holder {
    padding-left: 20px;
    padding-right: 20px;
  }

  .feedback-workout-exercise-2 {
    opacity: 1;
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
  }

  .group-workout-wrapper {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .modal-title {
    font-size: 24px;
    line-height: 30px;
  }

  .sf-113 {
    font-size: 13px;
    line-height: 18px;
  }

  .sf-54 {
    font-size: 15px;
  }

  .sf-96 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-96.white {
    color: #ffffffd6;
    display: block;
  }

  .completed-workout-wrapper-3 {
    border-style: none;
    border-top-width: 1px;
    border-top-color: #cdd5da;
    border-bottom-width: 1px;
    border-bottom-color: #cdd5da;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .group-cardio-item-wrapper {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .progress-bar-volume-wrapper-4 {
    background-image: none;
    height: auto;
    min-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    inset: auto 0% 20px;
  }

  .heart-rate-header-3 {
    background-color: #0000;
  }

  .modal-content-calendar {
    width: 100%;
  }

  .sort-option-7 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .content-library-modal {
    width: 100%;
  }

  .action-button-7 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .sf-13-grey-label {
    font-size: 13px;
    line-height: 18px;
  }

  .modal-library-content-chooser-3, .request-response-bar-2 {
    width: 100%;
  }

  .plans-wrapper-2 {
    align-items: center;
    display: flex;
  }

  .text-label-set-rep-3 {
    color: #4a4a4a;
    text-shadow: none;
    margin-right: 14px;
    font-size: 1.3em;
    font-weight: 400;
    display: block;
  }

  .text-label-set-rep-3.vertical {
    color: #fff;
    text-shadow: 1px 1px 6px #0006;
  }

  .player-workoutname-4 {
    flex-direction: row;
    flex: 1;
    align-items: flex-end;
  }

  .bottom-label-holder-2 {
    color: #3a3a3a;
    text-shadow: none;
    display: block;
    inset: auto 0% 80px;
  }

  .modal-drawing {
    display: none;
    inset: 0;
  }

  .text-date.grey {
    font-size: 14px;
    line-height: 20px;
  }

  .exercise-feedback-2 {
    width: 100%;
  }

  .exercise-feedback-2.liked {
    min-width: 0;
  }

  .completed-greenbar-2 {
    width: 100%;
  }

  .player-leadgen-title {
    font-size: 18px;
    line-height: 18px;
  }

  .modal-player-content-4 {
    width: 100%;
    height: 100vh;
    min-height: 0;
  }

  .text-duration {
    font-size: 14px;
    line-height: 20px;
  }

  .sf-108 {
    font-size: 13px;
    line-height: 18px;
  }

  .sf-108.semi {
    font-weight: 400;
  }

  .reminder-message {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .feedback-layer-holder-2 {
    height: 100vh;
  }

  .top-header-tab-3 {
    min-width: 60px;
    height: 24px;
  }

  .top-header-tab-3.selected {
    border-bottom-width: 3px;
  }

  .sf-76-copy {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-80 {
    font-size: 15px;
  }

  .modal-content-media-2 {
    width: 100%;
    min-height: 350px;
  }

  .paused-button-holder-2 {
    display: none;
  }

  .video-section-3 {
    height: 240px;
    margin-top: 0;
  }

  .ribbon-exercise-wrapper-2 {
    width: 25%;
    min-width: 110px;
  }

  .post-message-2 {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bodycomp-request-input-wrapper {
    padding-left: 14px;
    padding-right: 14px;
  }

  .cardio-workout-display {
    margin-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .workout-name-div-6 {
    background-color: #0000;
    border-radius: 6px;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 10px;
    padding-right: 0;
    position: static;
  }

  .sf-121 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-121.white {
    color: #ffffffd6;
    display: block;
  }

  .rep-set-wrapper {
    justify-content: center;
  }

  .rep-set-wrapper.vertical {
    justify-content: flex-start;
  }

  .sf-18 {
    font-size: 18px;
    line-height: 22px;
  }

  .sf-18.white {
    color: #fff;
  }

  .sf-18.white.opacity {
    color: #ffffffd6;
  }

  .gradient-overlay-3 {
    background-image: linear-gradient(#000000b3, #0000 81%, #0000);
  }

  .modal-content-media-copy-2 {
    width: 100%;
    min-height: 350px;
  }

  .progress-elapse-2 {
    background-color: #00528c;
  }

  .progress-elapse-2.vertical {
    background-color: #2196f3;
  }

  .result-row-7 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .skip-backward {
    width: 30px;
  }

  .whisper-2 {
    width: 100%;
  }

  .rep-set-warpper {
    justify-content: center;
  }

  .rep-set-warpper.vertical {
    justify-content: flex-start;
  }

  .feedback-input-section {
    min-width: 0;
    margin-right: 0;
  }

  .sf-83 {
    font-size: 24px;
    line-height: 30px;
  }

  .sf-83.white {
    font-weight: 500;
    line-height: 26px;
  }

  .duration {
    background-color: #0000;
    border-radius: 6px;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 24px;
    position: static;
  }

  .exercise-info-wrapper-3 {
    padding-left: 0;
    display: block;
  }

  .exercise-info-wrapper-3.vertical {
    padding-top: 0;
    padding-right: 5px;
  }

  .drop-zone-text {
    font-size: 18px;
    line-height: 20px;
  }

  .sf-101 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-101.grey {
    display: inline-block;
  }

  .sf-72 {
    font-size: 14px;
    line-height: 18px;
  }

  .feedback-container-3 {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .item-header-copy {
    font-size: 22px;
    line-height: 24px;
  }

  .social-icon-2 {
    background-size: 28px;
    width: 28px;
    height: 28px;
  }

  .calendar-top-bar-2 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sf-106 {
    font-size: 12px;
    line-height: 16px;
  }

  .reminder-done-bar {
    width: 100%;
  }

  .matched-5 {
    font-size: 15px;
  }

  .message-search-wrapper {
    display: block;
  }

  .modal-close-player-2 {
    opacity: .5;
    padding: 3px 5px;
    position: relative;
  }

  .exercise-rest-phase-layer-2 {
    height: 100vh;
  }

  .sf-65 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-65.light.center {
    font-size: 18px;
  }

  .modalclosediv {
    justify-content: flex-start;
    padding-left: 0;
  }

  .modalcontent-5 {
    width: 100%;
    overflow: visible;
  }

  .submitbutton-2 {
    justify-content: center;
    align-items: center;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .submitbutton-2.complete {
    margin-top: 10px;
  }

  .submit-button-holder-4 {
    flex-direction: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-433 {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .h2, .heading {
    padding-bottom: 5px;
    line-height: 24px;
  }

  .simple-right-click-menu {
    width: 100%;
  }

  .matched-6, .unmatched-7 {
    font-size: 15px;
  }

  .loading-indicator-view2 {
    padding-top: 60px;
  }

  .timer-text {
    font-size: 12px;
    line-height: 18px;
  }

  .indicator-tex-wrapper {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: static;
  }

  .quote-title-2-copy {
    max-width: 220px;
    font-size: 16px;
  }

  .plan-button-holder-align-right {
    flex-direction: row;
    align-items: flex-start;
    width: auto;
  }

  .matched-2-copy, .sf-15-med-copy-copy {
    font-size: 15px;
  }

  .error-whisper, .whisper-3 {
    width: 100%;
  }

  .result-row-8 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-7 {
    font-size: 15px;
  }

  .text-18 {
    font-size: 12px;
    line-height: 18px;
  }

  .unmatched-8 {
    font-size: 15px;
  }

  .text-16 {
    font-size: 12px;
    line-height: 18px;
  }

  .action-button-11 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .widget-modal {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    inset: 100px 0% auto;
  }

  .sf-122 {
    font-size: 14px;
    line-height: 18px;
  }

  .action-button-12 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .widget-minimized, .editing-config-modal {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    inset: 100px 0% auto;
  }

  .indicator-tex-wrapper-2 {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: static;
  }

  .quote-title-2-copy-3 {
    max-width: 220px;
    font-size: 16px;
  }

  .matched-144, .unmatched-72 {
    font-size: 15px;
  }

  .record-minimized, .widget-success-modal {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    inset: 100px 0% auto;
  }

  .button-holder2 {
    flex-direction: column;
    width: 200px;
    margin-left: 0;
    margin-right: 0;
  }

  .labelsmall-6 {
    font-size: 14px;
    line-height: 20px;
  }

  .submitbutton-7 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton-7.complete {
    width: 100%;
  }

  .div-block-3014 {
    flex-direction: column;
    align-items: center;
    width: 90%;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .form-block-15 {
    width: 100%;
  }

  .paragraph-2 {
    text-align: center;
    background-color: #fffc;
    width: 100%;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 22px;
  }

  .paragraph-2.smalltext {
    text-align: left;
    background-color: #0000;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 20px;
  }

  .form-22 {
    flex-direction: column;
    display: flex;
  }

  .h2-dark {
    width: auto;
    font-size: 30px;
    line-height: 36px;
  }

  .h2-coaefwfpy {
    padding-bottom: 5px;
    line-height: 24px;
  }

  .div-block-388-copy {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .submitting-button {
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
    display: block;
  }

  .submitting-button.login, .modal-content-upgrade {
    width: 100%;
  }

  .sf-378 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-393 {
    font-size: 15px;
  }

  .import-button {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-393-copy, .sf-393-cadfadfopy {
    font-size: 15px;
  }

  .sf-378-copy {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-39ergseg3-copy {
    font-size: 15px;
  }

  .sf-394 {
    font-size: 12px;
    line-height: 16px;
  }

  .item-detail-wrapper-3 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .side-nav {
    justify-content: flex-start;
    height: 56px;
    padding-top: 0;
    overflow-x: auto;
  }

  .action-item-button {
    margin-left: 0;
    margin-right: 0;
  }

  .matched-145 {
    font-size: 15px;
  }

  .edit-options-menu {
    flex-direction: column;
    width: 100px;
    display: flex;
    inset: 28px 5px auto auto;
  }

  .text-13-4 {
    font-size: 12px;
    line-height: 18px;
  }

  .text-13-4.white.hidden {
    display: none;
  }

  .text-13-4.white, .text-13-4.white-copy {
    font-weight: 600;
  }

  .text-13-4.white-copy.hidden {
    display: none;
  }

  .section-header-2 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 38px;
  }

  .result-row-121 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .text-tooltip-4 {
    font-size: 12px;
    line-height: 18px;
  }

  .clear-all-button-6.apply {
    height: 32px;
    padding-top: 6px;
  }

  .add-item {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .form-button-55 {
    text-align: center;
    width: auto;
    min-width: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .empty-state-action-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .action-items-outerwrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .edit-button {
    margin-left: 0;
    margin-right: 0;
  }

  .menu-item-2 {
    align-self: stretch;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .menu-item-2.hidden {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .item-column-wrapper {
    border-top: 1px solid #fffefe33;
    border-radius: 0;
    min-width: 300px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .loader-10 {
    width: 100%;
  }

  .text-13 {
    line-height: 18px;
  }

  .result-row-122 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .wfwfwefw.white {
    color: #fffffffc;
    text-align: center;
    text-align: center;
    text-align: center;
    text-align: center;
    text-align: center;
    white-space: nowrap;
    text-align: center;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    display: inline-block;
  }

  .remove-column {
    display: none;
  }

  .remove-column.big {
    display: block;
  }

  .acton-item {
    width: 100%;
  }

  .post-button {
    margin-left: 0;
    margin-right: 0;
  }

  .button-label-3 {
    font-size: 14px;
  }

  .action-item-header-3 {
    padding-bottom: 14px;
  }

  .div-block-4080-copy {
    display: none;
  }

  .unmatched-73 {
    font-size: 15px;
  }

  .side-nav-item {
    height: 38px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
  }

  .tooltip-6 {
    width: 100%;
  }

  .chip-label-37 {
    font-size: 14px;
    line-height: 16px;
  }

  .chip-address-2 {
    font-size: 13px;
  }

  .results-scroller-110 {
    width: 100%;
    min-width: 220px;
  }

  .autocomplete-icon-2 {
    min-width: 20px;
    min-height: 20px;
  }

  .address-2 {
    font-size: 13px;
    line-height: 16px;
  }

  .results-holder-13, .results-wrapper-9 {
    width: 100%;
    min-width: 220px;
  }

  .result-row-123 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-146, .unmatched-74 {
    font-size: 14px;
    line-height: 16px;
  }

  .search-wrapper-8 {
    display: block;
  }

  .matched-147, .unmatched-75 {
    font-size: 15px;
  }

  .result-row-124 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-148, .unmatched-76 {
    font-size: 15px;
  }

  .search-bar {
    justify-content: space-between;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    top: 100px;
  }

  .search-bar.hidden {
    display: none;
  }

  .result-row-125 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .button-ai-voice {
    margin-left: 0;
    margin-right: 0;
  }

  .matched-159 {
    font-size: 15px;
  }

  .chip-label-38 {
    font-size: 14px;
    line-height: 16px;
  }

  .unmatched-85 {
    font-size: 15px;
  }

  .results-holder-24 {
    width: 100%;
    min-width: 220px;
  }

  .unmatched-84 {
    font-size: 15px;
  }

  .results-wrapper-17 {
    width: 100%;
    min-width: 220px;
  }

  .matched-152 {
    font-size: 14px;
    line-height: 16px;
  }

  .section-header-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .result-row-140 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .search-wrapper-9 {
    display: block;
  }

  .matched-158 {
    font-size: 15px;
  }

  .results-scroller-118 {
    width: 100%;
    min-width: 220px;
  }

  .unmatched-86 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-138, .result-row-139 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .single-item-wrapper {
    border-radius: 0;
    min-width: 0;
    position: relative;
    overflow: visible;
  }

  .text-13-5 {
    line-height: 18px;
  }

  .search-wrapper-10 {
    display: block;
  }

  .result-row-569 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .menu-item-4 {
    align-self: stretch;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .edit-options-menu-3 {
    flex-direction: column;
    width: 200px;
    display: flex;
    inset: 28px 5px auto auto;
  }

  .unmatched-87, .matched-173 {
    font-size: 15px;
  }

  .menu-item-5 {
    align-self: stretch;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .matched-245 {
    font-size: 15px;
  }

  .result-row-192 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-137 {
    font-size: 15px;
  }

  .text-13-copy {
    line-height: 18px;
  }

  .text-419 {
    font-size: 18px;
    line-height: 22px;
  }

  .text-419.light {
    font-size: 22px;
    line-height: 26px;
  }

  .div-block-4047 {
    min-height: 46px;
  }

  .status-option {
    align-self: stretch;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .action-item-button-2, .action-item-button-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .status-options-menu {
    flex-direction: column;
    display: flex;
    inset: 28px 5px auto auto;
  }

  .action-item-button-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .search-bar-2 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
  }

  .results-wrapper-21 {
    width: 100%;
    min-width: 220px;
  }

  .chip-label-209 {
    font-size: 14px;
    line-height: 16px;
  }

  .section-header-4 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .matched-167, .matched-246 {
    font-size: 15px;
  }

  .item-detail-wrapper-4 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .action-item-header-8 {
    padding-bottom: 14px;
  }

  .action-item-button-3-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .unmatched-89 {
    font-size: 14px;
    line-height: 16px;
  }

  .empty-state-action-item-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .result-row-151 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-138 {
    font-size: 15px;
  }

  .matched-247 {
    font-size: 14px;
    line-height: 16px;
  }

  .text-13-6 {
    line-height: 18px;
  }

  .unmatched-139 {
    font-size: 15px;
  }

  .results-scroller-253 {
    width: 100%;
    min-width: 220px;
  }

  .item-column-wrapper-2 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .result-row-150 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .result-row-152 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-holder-28 {
    width: 100%;
    min-width: 220px;
  }

  .button-label-4 {
    font-size: 14px;
  }

  .result-row-570 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-166 {
    font-size: 15px;
  }

  .post-button-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .header-right-side-2 {
    min-width: 25%;
  }

  .post-button-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .button-label-5 {
    font-size: 14px;
  }

  .sf-1092 {
    font-size: 15px;
  }

  .sf-1096 {
    font-size: 16px;
  }

  .modal-content-exercises-15 {
    width: 100%;
  }

  .sf-1093 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1093.center {
    font-size: 15px;
    line-height: 20px;
  }

  .text-377 {
    font-size: 18px;
    line-height: 22px;
  }

  .sf-51-copy {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-51-copy.white {
    color: #ffffffd6;
    display: block;
  }

  .text-tooltip, .sf-1087 {
    font-size: 12px;
    line-height: 18px;
  }

  .modal-confiirmation-4 {
    display: none;
  }

  .submit-button-small-30 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .owner-autocomplete-wrapper-2 {
    display: block;
  }

  .whisper-4 {
    width: 100%;
  }

  .sf-1083, .edit-add-tag {
    font-size: 12px;
    line-height: 18px;
  }

  .modal-content-media-copy-10 {
    width: 100%;
    min-height: 350px;
  }

  .alert-program-assign-validation {
    justify-content: space-between;
    padding-left: 14px;
    padding-right: 14px;
  }

  .edit-exercise-5 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .labelsmall-19 {
    font-size: 14px;
    line-height: 20px;
  }

  .sf-1080 {
    font-size: 12px;
    line-height: 18px;
  }

  .calendar-top-bar-6 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .text-376 {
    font-size: 18px;
    line-height: 22px;
  }

  .sf-1081 {
    font-size: 12px;
    line-height: 18px;
  }

  .loading-more-assignments-2 {
    width: 33%;
  }

  .text-382.center {
    font-size: 14px;
  }

  .assigned-empty-2 {
    width: 33%;
  }

  .submit-button-small-37 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .client-input-holder-12 {
    width: 100%;
  }

  .sf-1094, .sf-1091 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1091.white {
    color: #ffffffd6;
    display: block;
  }

  .div-block-3715 {
    min-height: 46px;
  }

  .submitbutton-27 {
    justify-content: center;
    align-items: center;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 19px;
    display: block;
  }

  .submitbutton-27.grey {
    width: 220px;
  }

  .submitbutton-27.grey.close-modal {
    display: block;
  }

  .sf-77-copy-3 {
    font-size: 14px;
    line-height: 18px;
  }

  .client-row {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-wrapper-32 {
    display: block;
  }

  .button-holder {
    flex-direction: column;
    width: auto;
  }

  .result-row-43 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .modal-content-15, .pin-date-calendar {
    width: 100%;
  }

  .submit-save-button-75 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .submit-save-button-75.cancel {
    text-align: center;
    margin-right: 0;
    font-size: 14px;
  }

  .sf-1085 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1085.white {
    color: #ffffffd6;
    display: block;
  }

  .sf-1098 {
    font-size: 12px;
    line-height: 18px;
  }

  .submit-save-button-73 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1090 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1090.center {
    font-size: 18px;
  }

  .checkbox-label-14 {
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1086 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1086.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .sf-1100 {
    font-size: 14px;
    line-height: 18px;
  }

  .client-name-div {
    width: auto;
  }

  .div-block-3680 {
    justify-content: flex-start;
  }

  .submit-save-button-74 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1095 {
    font-size: 24px;
    line-height: 30px;
  }

  .result-row-58 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1084 {
    font-size: 12px;
    line-height: 18px;
  }

  .matched-56 {
    font-size: 15px;
  }

  .sf-1078 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1078.white {
    color: #ffffffd6;
    display: block;
  }

  .sf-1101 {
    font-size: 12px;
    line-height: 16px;
  }

  .workout-mode-wide-copy {
    width: 100%;
  }

  .workout-name-15 {
    font-size: 18px;
    line-height: 20px;
  }

  .sf-15-med-107 {
    font-size: 15px;
  }

  .side-client-wrapper {
    width: 33%;
  }

  .sf-1076, .sf-1099 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1099.white {
    color: #ffffffd6;
    display: block;
  }

  .message-holder-18 {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .submit-button-41 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1097 {
    font-size: 12px;
    line-height: 18px;
  }

  .edit-send-time {
    width: 100%;
  }

  .sf-1077 {
    font-size: 13px;
    line-height: 18px;
  }

  .client-assign-holder {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .mini-calendar {
    padding-right: 10px;
  }

  .grey-label-15 {
    font-size: 14px;
    line-height: 18px;
  }

  .sf-14-grey-label-copy {
    font-size: 13px;
    line-height: 18px;
  }

  .apply-button-holder-13 {
    flex-direction: row;
    width: auto;
    min-width: 360px;
    max-width: 380px;
  }

  .modal-content-calendar-2 {
    width: 100%;
  }

  .button-today-16 {
    width: 64px;
    margin-left: 5px;
  }

  .owner-name-label {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-14-regular-29, .sf-14-grey-label-22 {
    font-size: 13px;
    line-height: 18px;
  }

  .apply-button-holder-6 {
    flex-direction: row;
    width: auto;
    min-width: 360px;
    max-width: 380px;
  }

  .sf-1082 {
    font-size: 15px;
  }

  .lets-go-button {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .client-search-add-6 {
    padding-right: 20px;
  }

  .edit-exercise-13 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-content-exercises-7 {
    width: 100%;
  }

  .small-text-10 {
    padding-right: 5px;
    line-height: 16px;
  }

  .exercise-holder-5 {
    padding-left: 0;
  }

  .modalclosediv-58 {
    justify-content: flex-start;
    padding-left: 0;
  }

  .modalcontent-28 {
    width: 100%;
  }

  .workout-name-2 {
    font-size: 16px;
    line-height: 20px;
  }

  .text-379 {
    font-size: 18px;
    line-height: 22px;
  }

  .text-379.light {
    font-size: 22px;
    line-height: 26px;
  }

  .sf-1079 {
    font-size: 13px;
    line-height: 18px;
  }

  .checkbox-label-16 {
    font-size: 14px;
    line-height: 18px;
  }

  .label-tile-8 {
    font-size: 12px;
    line-height: 18px;
  }

  .modal-content-username-copy-2 {
    width: 100%;
  }

  .sf-15-med-108 {
    font-size: 15px;
  }

  .submit-save-button-76 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1089 {
    font-size: 14px;
    line-height: 18px;
  }

  .empty-client-list {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .delete-client {
    position: relative;
  }

  .exercise-row-8 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tooltip-7 {
    width: 100%;
  }

  .unmatched-43 {
    font-size: 15px;
  }

  .sort-option-16 {
    width: 32%;
    height: 38px;
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .intro-23 {
    padding-top: 60px;
  }

  .send-copy-inner-wrapper {
    padding-right: 20px;
  }

  .twm-spinner-3 {
    width: 80px;
    height: 80px;
  }

  .search-wrapper-39 {
    display: block;
  }

  .submit-button-small-38 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1223 {
    font-size: 12px;
    line-height: 16px;
  }

  .result-row-68, .result-row-67 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .plans-wrapper-9 {
    align-items: center;
    display: flex;
  }

  .sf-1216 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1216.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .sf-15-med-120 {
    font-size: 15px;
  }

  .sf-1239 {
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1238 {
    font-size: 12px;
    line-height: 18px;
  }

  .action-button-58 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .compliance-toggle {
    margin-top: 8px;
    padding-top: 6px;
    padding-left: 10px;
  }

  .sf-1230 {
    font-size: 15px;
  }

  .sf-1219 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-15-med-72 {
    font-size: 15px;
  }

  .result-row-66 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1218 {
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1218.semi {
    font-weight: 400;
  }

  .button-select-plan-7 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1215 {
    font-size: 15px;
  }

  .sf-14-regular-28 {
    font-size: 13px;
    line-height: 18px;
  }

  .social-label-7 {
    font-size: 15px;
  }

  .inputfield-28 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .matched-248 {
    font-size: 15px;
  }

  .sf-1210 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1241 {
    font-size: 14px;
    line-height: 18px;
  }

  .post-header-45 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .post-editor-modal-10 {
    width: 100%;
  }

  .sf-1220 {
    font-size: 13px;
    line-height: 18px;
  }

  .sf-1220.semi {
    font-weight: 400;
  }

  .inputfield-27 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .unmatched-140 {
    font-size: 15px;
  }

  .sf-170, .sf-1217, .sf-1247 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1247.center {
    font-size: 15px;
    line-height: 20px;
  }

  .sf-1232 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1232.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .item-header-copy-15 {
    font-size: 22px;
    line-height: 24px;
  }

  .sf-15-med-121 {
    font-size: 15px;
  }

  .sf-1229 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1229.center {
    font-size: 15px;
    line-height: 20px;
  }

  .checkbox-label {
    font-size: 14px;
    line-height: 18px;
  }

  .empty-preview-message-7 {
    font-size: 12px;
    line-height: 18px;
  }

  .action-button-56, .action-button-55 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .unmatched-141 {
    font-size: 15px;
  }

  .sf-1225 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1248 {
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1249 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1249.center {
    font-size: 15px;
    line-height: 20px;
  }

  .sf-15-med-122 {
    font-size: 15px;
  }

  .item-header-copy-16 {
    font-size: 22px;
    line-height: 24px;
  }

  .plans-wrapper-10 {
    align-items: center;
    display: flex;
  }

  .action-button-59, .action-button-60 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .sf-1250 {
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1251 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1251.center {
    font-size: 15px;
    line-height: 20px;
  }

  .sf-15-med-123 {
    font-size: 15px;
  }

  .item-header-copy-17 {
    font-size: 22px;
    line-height: 24px;
  }

  .plans-wrapper-11 {
    align-items: center;
    display: flex;
  }

  .action-button-61, .action-button-62 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .sf-102 {
    font-size: 15px;
  }

  .sf-1252 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1252.grey {
    display: inline-block;
  }

  .sf-99 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-14 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-14.white {
    color: #ffffffd6;
    display: block;
  }

  .post-header-46 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sort-option-3 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .sf-1253 {
    font-size: 13px;
    line-height: 18px;
  }

  .result-row-571 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .tooltip-8 {
    width: 100%;
  }

  .library-media-content-view {
    top: 0;
  }

  .sf-1254 {
    font-size: 14px;
    line-height: 18px;
  }

  .unmatched-142, .sf-1255, .matched-249 {
    font-size: 15px;
  }

  .sf-1256 {
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1256.white {
    font-size: 15px;
  }

  .search-wrapper-40 {
    display: block;
  }

  .play-video-modal {
    width: 100%;
  }

  .sf-93 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-93.grey {
    display: inline-block;
  }

  .sf-1257 {
    font-size: 12px;
    line-height: 18px;
  }

  .matched-250 {
    font-size: 15px;
  }

  .sf-39 {
    font-size: 16px;
  }

  .unmatched-143 {
    font-size: 15px;
  }

  .search-wrapper-41 {
    display: block;
  }

  .sf-1258 {
    font-size: 12px;
    line-height: 18px;
  }

  .result-row-572 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .content-wrapper {
    width: 400px;
  }

  .badge-div {
    margin-left: 6px;
    position: static;
  }

  .badge-div.hidden {
    display: none;
    position: static;
  }

  .matched-165 {
    font-size: 15px;
  }

  .user-mgmt-wrapper {
    border-radius: 0;
    min-width: 300px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .modal-content-wrapper {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .section-header-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .unmatched-144 {
    font-size: 15px;
  }

  .result-row-148 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .new-user-wrapper {
    border-radius: 0;
    min-width: 300px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .section-header-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .side-nav-item-3 {
    height: 38px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
  }

  .text-13-7 {
    line-height: 18px;
  }

  .icon-custom-column {
    background-position: 50%;
    height: 40px;
  }

  .icon-edit-custom.hidden {
    display: none;
  }

  .matched-251 {
    font-size: 15px;
  }

  .text-13-8 {
    line-height: 18px;
  }

  .section-header-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .unmatched-145 {
    font-size: 15px;
  }

  .edit-wrapper {
    border-radius: 0;
    min-width: 300px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .result-row-573 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .text-13-9 {
    line-height: 18px;
  }

  .item-column-wrapper-4 {
    border-top: 1px solid #fffefe33;
    border-radius: 0;
    min-width: 300px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .section-header-8 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 38px;
  }

  .text-14-96.white {
    color: #fffffffc;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    display: inline-block;
  }

  .action-item-header-bg {
    padding-bottom: 14px;
  }

  .unmatched-304 {
    font-size: 15px;
  }

  .matched-317 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-728 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .item-header-copy-18 {
    font-size: 22px;
    line-height: 24px;
  }

  .section-header-55 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 38px;
  }

  .action-item-header-39 {
    padding-bottom: 14px;
  }

  .matched-318 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-721 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .result-row-732 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .action-item-button-14 {
    margin-left: 0;
    margin-right: 0;
  }

  .section-header-42 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .result-row-727, .result-row-730 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-wrapper-151 {
    width: 100%;
    min-width: 220px;
  }

  .text-13-11 {
    line-height: 18px;
  }

  .unmatched-298, .unmatched-305 {
    font-size: 14px;
    line-height: 16px;
  }

  .header-right-side-16 {
    min-width: 25%;
  }

  .result-row-723 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1277 {
    font-size: 14px;
    line-height: 18px;
  }

  .result-row-729 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-holder-207 {
    width: 100%;
    min-width: 220px;
  }

  .matched-287 {
    font-size: 15px;
  }

  .chip-label-264 {
    font-size: 14px;
    line-height: 16px;
  }

  .action-item-header-38 {
    padding-bottom: 14px;
  }

  .result-row-644 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .text-14-120.white {
    color: #fffffffc;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    display: inline-block;
  }

  .plans-wrapper-12 {
    align-items: center;
    display: flex;
  }

  .sf-15-med-127 {
    font-size: 15px;
  }

  .result-row-725 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .post-button-18 {
    margin-left: 0;
    margin-right: 0;
  }

  .unmatched-301, .unmatched-294 {
    font-size: 15px;
  }

  .add-item-17 {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .unmatched-299 {
    font-size: 14px;
    line-height: 16px;
  }

  .div-block-5921 {
    min-height: 46px;
  }

  .results-holder-209 {
    width: 100%;
    min-width: 220px;
  }

  .address-11 {
    font-size: 13px;
    line-height: 16px;
  }

  .result-row-726, .result-row-722 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .search-bar-18 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-header-56 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 38px;
  }

  .result-row-724 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .chip-label-265 {
    font-size: 14px;
    line-height: 16px;
  }

  .unmatched-295, .unmatched-302 {
    font-size: 15px;
  }

  .result-row-731 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .button-label-19 {
    font-size: 14px;
  }

  .results-wrapper-154, .results-wrapper-149 {
    width: 100%;
    min-width: 220px;
  }

  .action-button-76 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .results-holder-206 {
    width: 100%;
    min-width: 220px;
  }

  .chip-label-263 {
    font-size: 14px;
    line-height: 16px;
  }

  .action-button-67 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .unmatched-297 {
    font-size: 15px;
  }

  .empty-state-action-item-17 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .side-nav-item-11 {
    height: 38px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
  }

  .side-nav-item-11.clark.hidden {
    display: none;
  }

  .side-nav-item-8 {
    height: 38px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
  }

  .matched-316 {
    font-size: 14px;
    line-height: 16px;
  }

  .tooltip-29 {
    width: 100%;
  }

  .section-header-57 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .unmatched-303 {
    font-size: 15px;
  }

  .text-tooltip-7 {
    font-size: 12px;
    line-height: 18px;
  }

  .item-detail-wrapper-10 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .item-column-wrapper-18 {
    border-top: 1px solid #fffefe33;
    border-radius: 0;
    min-width: 100%;
    display: block;
    position: relative;
    overflow: visible;
  }

  .results-scroller-337, .results-scroller-342 {
    width: 100%;
    min-width: 220px;
  }

  .unmatched-300 {
    font-size: 15px;
  }

  .results-scroller-339 {
    width: 100%;
    min-width: 220px;
  }

  .sf-1278 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1278.center {
    font-size: 15px;
    line-height: 20px;
  }

  .loader-11 {
    width: 100%;
  }

  .unmatched-296, .unmatched-308 {
    font-size: 15px;
  }

  .search-bar-19 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
  }

  .result-row-741, .result-row-735 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .item-header-copy-19 {
    font-size: 22px;
    line-height: 24px;
  }

  .result-row-743, .result-row-737, .result-row-738 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .header-right-side-17 {
    min-width: 25%;
  }

  .action-item-button-15 {
    margin-left: 0;
    margin-right: 0;
  }

  .section-header-58 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .unmatched-315 {
    font-size: 15px;
  }

  .result-row-734 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .chip-label-267 {
    font-size: 14px;
    line-height: 16px;
  }

  .results-wrapper-157 {
    width: 100%;
    min-width: 220px;
  }

  .text-13-12 {
    line-height: 18px;
  }

  .chip-label-268 {
    font-size: 14px;
    line-height: 16px;
  }

  .button-label-20 {
    font-size: 14px;
  }

  .matched-319 {
    font-size: 15px;
  }

  .result-row-744, .result-row-739 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .plans-wrapper-13 {
    align-items: center;
    display: flex;
  }

  .unmatched-311, .sf-15-med-128 {
    font-size: 15px;
  }

  .chip-label-269 {
    font-size: 14px;
    line-height: 16px;
  }

  .text-14-121.white {
    color: #fffffffc;
    text-align: center;
    text-align: center;
    text-align: center;
    text-align: center;
    text-align: center;
    text-align: center;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    display: inline-block;
  }

  .matched-320 {
    font-size: 14px;
    line-height: 16px;
  }

  .action-item-header-40 {
    padding-bottom: 14px;
  }

  .div-block-5980 {
    min-height: 46px;
  }

  .all-item-wrapper-19.m {
    max-height: calc(100vh - 50px);
  }

  .section-header-59 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 56px;
  }

  .results-scroller-344 {
    width: 100%;
    min-width: 220px;
  }

  .unmatched-316 {
    font-size: 15px;
  }

  .matched-321 {
    font-size: 14px;
    line-height: 16px;
  }

  .results-holder-211, .results-holder-215 {
    width: 100%;
    min-width: 220px;
  }

  .unmatched-317 {
    font-size: 15px;
  }

  .keyword-search-input-7 {
    height: 32px;
  }

  .action-button-77 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .results-wrapper-155, .results-scroller-347 {
    width: 100%;
    min-width: 220px;
  }

  .unmatched-310, .unmatched-312, .matched-322 {
    font-size: 14px;
    line-height: 16px;
  }

  .results-wrapper-156 {
    width: 100%;
    min-width: 220px;
  }

  .result-row-742 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .hidden-icon-10 {
    display: none;
  }

  .result-row-740 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .empty-state-action-item-18 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-column-wrapper-23 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .sf-1279 {
    font-size: 14px;
    line-height: 18px;
  }

  .add-item-18 {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .section-header-60 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 38px;
  }

  .action-button-78 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .post-button-19 {
    margin-right: 0;
  }

  .results-holder-214 {
    width: 100%;
    min-width: 220px;
  }

  .autocomplete-icon-16 {
    min-width: 20px;
    min-height: 20px;
  }

  .address-22 {
    font-size: 13px;
    line-height: 16px;
  }

  .action-item-header-41 {
    padding-bottom: 14px;
  }

  .unmatched-313 {
    font-size: 15px;
  }

  .side-nav-item-12 {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .result-row-736 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-307 {
    font-size: 15px;
  }

  .tooltip-30 {
    width: 100%;
  }

  .result-row-733 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1280 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1280.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .item-detail-wrapper-11 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .unmatched-309 {
    font-size: 15px;
  }

  .result-row-745 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-scroller-346 {
    width: 100%;
    min-width: 220px;
  }

  .section-header-61 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .unmatched-314 {
    font-size: 15px;
  }

  .text-13-13 {
    line-height: 18px;
  }

  .red-dot-slider.no-opacity {
    display: none;
  }

  .results-wrapper-159 {
    width: 100%;
    min-width: 220px;
  }

  .section-header-62 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .button-label-21 {
    font-size: 14px;
  }

  .result-row-158 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .item-column-wrapper-24 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .post-button-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .matched-323 {
    font-size: 14px;
    line-height: 16px;
  }

  .action-item-button-16 {
    margin-left: 0;
    margin-right: 0;
  }

  .unmatched-318 {
    font-size: 15px;
  }

  .results-scroller-348 {
    width: 100%;
    min-width: 220px;
  }

  .matched-324 {
    font-size: 15px;
  }

  .results-holder-216 {
    width: 100%;
    min-width: 220px;
  }

  .chip-label-271 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-746 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .autocomplete-icon-22 {
    min-width: 20px;
    min-height: 20px;
  }

  .address-5 {
    font-size: 13px;
    line-height: 16px;
  }

  .section-header-63 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .item-column-wrapper-25 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .text-26 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-401 {
    font-size: 24px;
    line-height: 30px;
  }

  .clark-icon {
    background-size: 30px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
  }

  .empty-state-action-report {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-label-22 {
    font-size: 14px;
  }

  .result-row-747 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .post-button-20 {
    margin-left: 0;
    margin-right: 0;
  }

  .unmatched-319, .matched-175 {
    font-size: 15px;
  }

  .visible-icon {
    display: none;
  }

  .simple-right-click-menu-fds {
    width: 100%;
  }

  .nav-item-results-holder {
    display: flex;
  }

  .visiblity-icon {
    display: none;
  }

  .nav-option-holder {
    height: auto;
  }

  .editi-icon {
    display: none;
  }

  .badge-div-2 {
    margin-left: 8px;
    position: static;
  }

  .unmatched-320 {
    font-size: 15px;
  }

  .result-row-748 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .text-13-24 {
    line-height: 18px;
  }

  .side-panel-right {
    justify-content: flex-start;
    height: 38px;
    padding-top: 0;
    padding-left: 5px;
    overflow-x: auto;
  }

  .matched-325 {
    font-size: 15px;
  }

  .result-row-749 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .text-13-25 {
    line-height: 18px;
  }

  .matched-326 {
    font-size: 15px;
  }

  .side-panel-right-2 {
    justify-content: flex-start;
    height: 38px;
    padding-top: 0;
    padding-left: 5px;
    overflow-x: auto;
  }

  .result-row-750, .result-row-751 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .address-23 {
    font-size: 13px;
    line-height: 16px;
  }

  .results-wrapper-281 {
    width: 100%;
    min-width: 220px;
  }

  .result-row-752 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-holder-217 {
    width: 100%;
    min-width: 220px;
  }

  .add-item-19 {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .unmatched-321 {
    font-size: 15px;
  }

  .results-scroller-349 {
    width: 100%;
    min-width: 220px;
  }

  .autocomplete-icon-23 {
    min-width: 20px;
    min-height: 20px;
  }

  .result-row-753 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .item-column-wrapper-26 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .header-right-side-18 {
    min-width: 25%;
  }

  .result-row-754 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-327 {
    font-size: 14px;
    line-height: 16px;
  }

  .sf-15-med-129, .unmatched-322, .matched-328 {
    font-size: 15px;
  }

  .results-wrapper-282 {
    width: 100%;
    min-width: 220px;
  }

  .hidden-icon-11 {
    display: none;
  }

  .unmatched-323 {
    font-size: 15px;
  }

  .results-wrapper-283 {
    width: 100%;
    min-width: 220px;
  }

  .chip-label-274 {
    font-size: 14px;
    line-height: 16px;
  }

  .matched-329 {
    font-size: 15px;
  }

  .item-column-wrapper-27 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .address-24 {
    font-size: 13px;
    line-height: 16px;
  }

  .post-button-21 {
    margin-left: 0;
    margin-right: 0;
  }

  .result-row-755 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .button-label-23 {
    font-size: 14px;
  }

  .result-row-756 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-324 {
    font-size: 15px;
  }

  .result-row-757 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .autocomplete-icon-24 {
    min-width: 20px;
    min-height: 20px;
  }

  .matched-330 {
    font-size: 15px;
  }

  .badge-div-3 {
    margin-left: 8px;
    position: static;
  }

  .unmatched-325 {
    font-size: 15px;
  }

  .result-row-758, .result-row-759 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .post-button-22 {
    margin-right: 0;
  }

  .section-header-64 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 56px;
  }

  .side-panel-right-3 {
    justify-content: flex-start;
    height: 38px;
    padding-top: 0;
    padding-left: 5px;
    overflow-x: auto;
  }

  .matched-331 {
    font-size: 15px;
  }

  .sf-1281 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1281.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .post-button-23 {
    margin-left: 0;
    margin-right: 0;
  }

  .result-row-760 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-scroller-351 {
    width: 100%;
    min-width: 220px;
  }

  .result-row-761 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .text-13-26 {
    line-height: 18px;
  }

  .plans-wrapper-14 {
    align-items: center;
    display: flex;
  }

  .search-bar-20 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
  }

  .side-nav-item-14 {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .results-holder-220 {
    width: 100%;
    min-width: 220px;
  }

  .button-label-24 {
    font-size: 14px;
  }

  .unmatched-326 {
    font-size: 15px;
  }

  .result-row-762 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .action-item-button-17 {
    margin-left: 0;
    margin-right: 0;
  }

  .item-header-copy-20 {
    font-size: 22px;
    line-height: 24px;
  }

  .unmatched-327, .unmatched-328 {
    font-size: 15px;
  }

  .matched-332 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-763 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1282 {
    font-size: 14px;
    line-height: 18px;
  }

  .item-column-wrapper-28 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .results-holder-221 {
    width: 100%;
    min-width: 220px;
  }

  .sf-1283 {
    font-size: 24px;
    line-height: 30px;
  }

  .results-holder-222 {
    width: 100%;
    min-width: 220px;
  }

  .unmatched-329 {
    font-size: 15px;
  }

  .results-scroller-352 {
    width: 100%;
    min-width: 220px;
  }

  .section-header-65 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .action-item-button-18 {
    margin-left: 0;
    margin-right: 0;
  }

  .chip-label-276 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-764 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .action-item-header-43 {
    padding-bottom: 14px;
  }

  .section-header-66 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .chip-label-277 {
    font-size: 14px;
    line-height: 16px;
  }

  .results-scroller-353 {
    width: 100%;
    min-width: 220px;
  }

  .chip-label-278 {
    font-size: 14px;
    line-height: 16px;
  }

  .action-button-79 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .empty-state-action-item-19 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .results-wrapper-285 {
    width: 100%;
    min-width: 220px;
  }

  .item-detail-wrapper-12 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .text-13-27 {
    line-height: 18px;
  }

  .section-header-67 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 38px;
  }

  .unmatched-330 {
    font-size: 15px;
  }

  .tooltip-31 {
    width: 100%;
  }

  .matched-333 {
    font-size: 15px;
  }

  .matched-334 {
    font-size: 14px;
    line-height: 16px;
  }

  .unmatched-331 {
    font-size: 15px;
  }

  .section-header-68 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .div-block-7266 {
    min-height: 46px;
  }

  .button-label-25 {
    font-size: 14px;
  }

  .section-header-69 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .action-button-80 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .unmatched-332 {
    font-size: 15px;
  }

  .matched-335 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-765, .result-row-766 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .address-25 {
    font-size: 13px;
    line-height: 16px;
  }

  .results-wrapper-286 {
    width: 100%;
    min-width: 220px;
  }

  .item-column-wrapper-29 {
    border-top: 1px solid #fffefe33;
    border-radius: 0;
    min-width: 100%;
    display: block;
    position: relative;
    overflow: visible;
  }

  .results-holder-223 {
    width: 100%;
    min-width: 220px;
  }

  .add-item-20 {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .unmatched-333 {
    font-size: 15px;
  }

  .results-scroller-354 {
    width: 100%;
    min-width: 220px;
  }

  .autocomplete-icon-25 {
    min-width: 20px;
    min-height: 20px;
  }

  .result-row-767 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .header-right-side-19 {
    min-width: 25%;
  }

  .result-row-768 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-336 {
    font-size: 14px;
    line-height: 16px;
  }

  .sf-15-med-130, .unmatched-334, .matched-337 {
    font-size: 15px;
  }

  .results-wrapper-287 {
    width: 100%;
    min-width: 220px;
  }

  .hidden-icon-12 {
    display: none;
  }

  .unmatched-335 {
    font-size: 15px;
  }

  .results-wrapper-288 {
    width: 100%;
    min-width: 220px;
  }

  .chip-label-279 {
    font-size: 14px;
    line-height: 16px;
  }

  .address-26 {
    font-size: 13px;
    line-height: 16px;
  }

  .post-button-24 {
    margin-left: 0;
    margin-right: 0;
  }

  .button-label-26 {
    font-size: 14px;
  }

  .result-row-769 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-336 {
    font-size: 15px;
  }

  .result-row-770 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .autocomplete-icon-26 {
    min-width: 20px;
    min-height: 20px;
  }

  .matched-338 {
    font-size: 15px;
  }

  .badge-div-4 {
    margin-left: 8px;
    position: static;
  }

  .unmatched-337 {
    font-size: 15px;
  }

  .result-row-771, .result-row-772 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .post-button-25 {
    margin-right: 0;
  }

  .section-header-70 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 56px;
  }

  .matched-339 {
    font-size: 15px;
  }

  .sf-1284 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1284.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .post-button-26 {
    margin-left: 0;
    margin-right: 0;
  }

  .result-row-773 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-scroller-356 {
    width: 100%;
    min-width: 220px;
  }

  .result-row-774 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .text-13-28 {
    line-height: 18px;
  }

  .plans-wrapper-15 {
    align-items: center;
    display: flex;
  }

  .search-bar-21 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
  }

  .side-nav-item-16 {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .results-holder-226 {
    width: 100%;
    min-width: 220px;
  }

  .button-label-27 {
    font-size: 14px;
  }

  .unmatched-338 {
    font-size: 15px;
  }

  .result-row-775 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .action-item-button-19 {
    margin-left: 0;
    margin-right: 0;
  }

  .item-header-copy-21 {
    font-size: 22px;
    line-height: 24px;
  }

  .unmatched-339, .unmatched-340 {
    font-size: 15px;
  }

  .matched-340 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-776 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .sf-1285 {
    font-size: 14px;
    line-height: 18px;
  }

  .item-column-wrapper-30 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .results-holder-227 {
    width: 100%;
    min-width: 220px;
  }

  .sf-1286 {
    font-size: 24px;
    line-height: 30px;
  }

  .results-holder-228 {
    width: 100%;
    min-width: 220px;
  }

  .unmatched-341 {
    font-size: 15px;
  }

  .results-scroller-357 {
    width: 100%;
    min-width: 220px;
  }

  .section-header-71 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .action-item-button-20 {
    margin-left: 0;
    margin-right: 0;
  }

  .chip-label-281 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-777 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .action-item-header-45 {
    padding-bottom: 14px;
  }

  .section-header-72 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .chip-label-282 {
    font-size: 14px;
    line-height: 16px;
  }

  .results-scroller-358 {
    width: 100%;
    min-width: 220px;
  }

  .chip-label-283 {
    font-size: 14px;
    line-height: 16px;
  }

  .action-button-81 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .empty-state-action-item-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .results-wrapper-290 {
    width: 100%;
    min-width: 220px;
  }

  .item-detail-wrapper-13 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .text-13-29 {
    line-height: 18px;
  }

  .section-header-73 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 38px;
  }

  .unmatched-342 {
    font-size: 15px;
  }

  .tooltip-32 {
    width: 100%;
  }

  .matched-341 {
    font-size: 15px;
  }

  .matched-342 {
    font-size: 14px;
    line-height: 16px;
  }

  .unmatched-343 {
    font-size: 15px;
  }

  .section-header-74 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .div-block-7370 {
    min-height: 46px;
  }

  .button-label-28 {
    font-size: 14px;
  }

  .section-header-75 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .action-button-82 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .unmatched-344 {
    font-size: 15px;
  }

  .matched-343 {
    font-size: 14px;
    line-height: 16px;
  }

  .matched-344, .unmatched-345 {
    font-size: 15px;
  }

  .result-row-778, .result-row-vs {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-vs, .matched-vs, .matched-vs-2, .unmatched-vs-2, .matched-vs-3, .unmatched-vs-3, .matched-vs-4, .matched-345 {
    font-size: 15px;
  }

  .sf-1287 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-1287.white {
    color: #ffffffd6;
    display: block;
  }

  .result-row-779 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .category-labels-4 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-14-regular-30 {
    font-size: 13px;
    line-height: 18px;
  }

  .unmatched-346 {
    font-size: 15px;
  }

  .result-row-780 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-346, .unmatched-347 {
    font-size: 15px;
  }

  .sf-1288 {
    font-size: 12px;
    line-height: 16px;
  }

  .tag-ac-wrapper {
    display: block;
  }

  .sf-12-label, .sf-1289 {
    font-size: 12px;
    line-height: 18px;
  }

  .date-picker-modal-content {
    flex-direction: column;
    width: 200px;
    display: flex;
    inset: 28px 5px auto auto;
  }

  .apply-button-2 {
    margin-right: 0;
  }

  .button-label-29 {
    font-size: 14px;
  }

  .close-date-picker {
    display: none;
  }

  .close-date-picker.big {
    display: block;
  }

  .matched-gh, .unmatched-gh {
    font-size: 15px;
  }

  .result-row-branch {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .data-pick-modal {
    width: 100%;
  }

  .text-tooltip-sf {
    font-size: 12px;
    line-height: 18px;
  }

  .tooltip-fc, .whisper-fc {
    width: 100%;
  }

  .sf-13-copy {
    font-size: 12px;
    line-height: 16px;
  }

  .simple-right-click-menu-fc {
    width: 100%;
  }

  .ail-avatar {
    width: 80px;
    height: 80px;
  }
}

#w-node-_20e5840f-d7dc-5251-f044-bed4975e82d5-9bc4b323 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1bac-c75cda12 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1baf-c75cda12 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1bb2-c75cda12 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1bb5-c75cda12 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1bb8-c75cda12 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1bbb-c75cda12 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1bbe-c75cda12 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1bc2-c75cda12 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: auto;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1bcf-c75cda12 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1bdd-c75cda12 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1beb-c75cda12 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1bf9-c75cda12 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1c0c-c75cda12 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1c22-c75cda12 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1c35-c75cda12 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1c43-c75cda12 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1c51-c75cda12 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1c64-c75cda12 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1c72-c75cda12 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1c80-c75cda12 {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1c8e-c75cda12 {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1c9c-c75cda12 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1caa-c75cda12 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1cb8-c75cda12 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1cc6-c75cda12 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1cd4-c75cda12 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1cdd-c75cda12 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1ceb-c75cda12 {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1d03-c75cda12 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1d07-c75cda12 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1d15-c75cda12 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1d2b-c75cda12 {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1d39-c75cda12 {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1d47-c75cda12 {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1d5a-c75cda12 {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1d68-c75cda12 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1d76-c75cda12 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1d84-c75cda12 {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1d92-c75cda12 {
  grid-area: 5 / 4 / 6 / 5;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1da0-c75cda12 {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1db6-c75cda12 {
  grid-area: 5 / 6 / 6 / 7;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1dc4-c75cda12 {
  grid-area: 5 / 7 / 6 / 8;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1dd2-c75cda12 {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1de0-c75cda12 {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1dee-c75cda12 {
  grid-area: 6 / 3 / 7 / 4;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1dfc-c75cda12 {
  grid-area: 6 / 4 / 7 / 5;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1e0a-c75cda12 {
  grid-area: 6 / 5 / 7 / 6;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1e18-c75cda12 {
  grid-area: 6 / 6 / 7 / 7;
}

#w-node-_7c7aa6b8-3193-50a3-1c84-5ce1e49f1e2b-c75cda12 {
  grid-area: 6 / 7 / 7 / 8;
}


@font-face {
  font-family: 'Sf Ui Text';
  src: url('../fonts/SF-UI-Text-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Ui Text';
  src: url('../fonts/SF-UI-Text-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Ui Text';
  src: url('../fonts/SF-UI-Text-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sf Ui Text';
  src: url('../fonts/SF-UI-Text-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}