body {
  background-color: #cecdcc;
  font-size: 1rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 300;
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.container {
  margin: 0 auto;
}

.navbar {
  padding: 20px 0;
  background-color: #f6f4f4;
}

.navbar .navbar-brand {
  display: block;
  font-size: 0;
}

@media all and (max-width: 576px) {
  .nav-link {
    padding: 0.3rem 0.75rem;
  }
}

.container #page-header {
  font-weight: bold;
  text-align: center;
  color: white;
  background-color: #d41d26;
  padding: 10px 0px;
}

.container #page-header h1 {
  font-size: 1rem;
  margin-bottom: 0;
}

.container #page-content {
  background-color: white;
  padding: 15px;
}

.container h2 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
}

.container h3,
.container h4 {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 0px;
}

@media all and (min-width: 400px) {
  .container h2 {
    font-size: 20px;
  }

  .container h3,
  .container h4 {
    font-size: 18px;
  }
}

@media all and (min-width: 576px) {
  .container h2 {
    font-size: 24px;
  }
}

.container .flex-row a {
  color: #25408f;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.fa-tag {
  cursor: pointer;
}

.pending-meeting-date-edit-btn,
.approved-meeting-date-edit-btn {
  cursor: pointer;
  color: darkblue;
}

.pending-meeting-del-btn,
.approved-meeting-del-btn {
  cursor: pointer;
  color: red;
}

/*************************
 * Tables
 ************************/
#page-content table {
  font-size: 14px;
}

#page-content table th {
  font-weight: bold;
  font-size: 14px;
  margin-top: 50px;
  line-height: 1.2;
  margin-bottom: 20px;
}

#page-content table.dataTable thead th {
  padding-left: 10px !important;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 1.755em;
  font-size: 0.7em;
  font-weight: 800;
}

.dataTables_wrapper .dataTables_filter {
  float: left !important;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 1.25em;
  font-size: 0.7em;
  font-weight: 800;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  font-weight: 900;
  text-decoration: underline !important;
  background: transparent !important;
  border: none;
}

.dataTables_wrapper tr td:nth-child(2) {
  font-weight: bold;
}

#table-approver-meetings tbody td:nth-child(8) {
  padding: 0;
  min-width: 80px;
}

#table-approver-meetings tbody td:nth-child(8) a:hover {
  text-decoration: none;
}

.approve-meeting-w-chaperone-btn {
  cursor: pointer;
}

.reconcile-meeting-btn .btn {
  padding: 2px 5px;
  font-size: 12px;
  border: 1px solid #ccc;
}
.reconcile-meeting-btn:hover {
  text-decoration: none;
}

.unreconcile-meeting-btn .btn {
  padding: 2px 5px;
  font-size: 12px;
}
.unreconcile-meeting-btn:hover {
  text-decoration: none;
}

.ignore-meeting-btn .btn {
  padding: 2px 5px;
  font-size: 12px;
  border: 1px solid #ccc;
}

.unignore-meeting-btn .btn {
  padding: 2px 5px;
  font-size: 12px;
}

.dataTables_length {
  display: none;
}

/*************************
 * Buttons
 ************************/
.btn-primary {
  text-decoration: none !important;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  border-radius: 0;
}

#show-history-btn,
#show-search-btn,
#meeting-form-submit-btn,
#expert-form-submit {
  background-color: #25408f;
  border-color: #25408f;
}

.cursor-pointer {
  cursor: pointer;
}

/*************************
 * Analyst Dashboard Tabs
 ************************/
#analyst-dashboard #tabs,
#analyst-dashboard .nav-tabs {
  border-color: #000;
}

#analyst-dashboard #tabs .nav-link {
  border-color: transparent;
  border-bottom: none;
}

#analyst-dashboard #tabs .nav-link.active {
  border-color: #000;
}

#tabs h2 {
  line-height: 1.5;
}

.add-expert {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

@media all and (min-width: 576px) {
  .add-expert {
    font-size: 16px;
    line-height: 36px;
  }
}

/*************************
 * Choose Expert
 ************************/
#choose-expert-step {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

#choose-expert-step #find-expert-menu {
  align-self: flex-end;
}

/*************************
 * Recommended Meetings
 ************************/
h3.recommended {
  margin-top: 50px;
  margin-bottom: 15px;
}

#list-analyst-recommended .btn-secondary {
  border-radius: 0.25rem;
  margin-right: 10px;
  background-color: #dddddd;
  border-color: #dddddd;
}

#list-analyst-recommended .btn-unstyled {
  border: none;
  padding: 0;
  background: transparent;
}

#list-analyst-recommended
.btn-secondary
.text-primary.fa-times,
#list-analyst-recommended
.btn-secondary
.text-primary.fa-arrow-alt-circle-right {
  color: #fff !important;
}

/*************************
 * Search All Experts
 ************************/
#search {
  position: relative;
}

@media all and (min-width: 576px) {
  #search .private-company {
    position: absolute;
    right: 0;
  }
}

#meeting-form h3 {
  margin-top: 3px;
  margin-bottom: 9px;
}

#show-new-expert-btn {
  background-color: #41ad49;
  border-color: #41ad49;
}

.text-primary.fa-arrow-alt-circle-right {
  color: #41ad49 !important;
}

/*
 * Analyst search column sizes.
 * col 2 - expert, col 3 - company, col 4 - network, col 5 - actions
 */
#table-analyst-search td:nth-child(3),
#table-approver-analyst td:nth-child(3) {
  width: 5%;
}

#table-analyst-search td:nth-child(3),
#table-analyst-search td:nth-child(4),
#table-approver-analyst td:nth-child(3),
#table-approver-analyst td:nth-child(4) {
  width: 20%;
}
#table-analyst-search td:nth-child(5),
#table-approver-analyst td:nth-child(5) {
  width: 10%;
}

/*************************
 * Request Meeting
 ************************/
#expert-form .d-block.top-block {
  display: flex !important;
}

#expert-form #ticker-request #ticker-request-submit,
#associated-ticker-request #associated-ticker-request-submit {
  background-color: #25408f !important;
}

#expert-form #ticker-request,
#associated-ticker-request {
  background-color: #c8eafa;
  padding: 10px;
}

#ticker-request-feedback .invalid-company-name {
  color: #d41d26;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
}

#ticker-request-feedback .invalid-company-name .ticker-example {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
}

#ticker-request-feedback .ticker-text {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

#ticker-request-feedback .ticker-help {
  font-weight: normal;
  font-size: 12px;
}

.validation-error {
  border: 2px solid #D41D26;
}

.associated-comp {
  margin-bottom: 20px;
}

.associated-comp strong {
  font-weight: bold;
}

.associated-comp .btn-light {
  margin-left: 5px;
  border-color: #31BDF2;
  border-radius: 0;
  color: #24418F;
  padding: 1px 11px 2px;
  font-size: 14px;
  font-weight: bold;
}

#associated-selection-container .btn-light {
  color: white;
  background-color: #d41d26;
  border-color: #d41d26;
  margin-left: 0px;
}

#associated-selection-container .btn-light:hover {
  color: #d41d26;
  background-color: white;
}

#associated-selection {
  border: 1px solid;
  padding: 0 10px;
  margin-left: 15px;
  border-right: none;
}

#expert-form-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 16px;
}

#expert-form-body div,
#expert-form-body #expert-form-submit {
  flex-grow: 1;
  flex-wrap: wrap;
}

#expert-form-body div input,
#expert-form-body div select {
  flex-grow: 1;
  width: 100%;
}

#expert-form-body div.quarter {
  width: 100%;
  position: relative;
}

#expert-form-body div.quarter .required-asterisk {
  position: absolute;
  right: -22px;
  top: -5px;
}

@media all and (min-width: 576px) {
  #expert-form-body div {
    display: flex;
  }

  #expert-form-body div.bio {
    width: 100%;
  }

  #expert-form-body #expert-form-submit {
    width: auto;
  }
}

@media all and (min-width: 990px) {
  #expert-form-body div.quarter {
    width: 23%;
    padding-right: 2%;
  }

  #expert-form-body div.quarter .required-asterisk {
    right: -3px;
  }
}

#wizard-back-btn {
  display: block;
}

#chosen-expert-wrapper {
  position: relative;
}
#chosen-expert {
  display: none;
}

#chosen-expert-name {
  font-size: 24px;
}

#chosen-expert-company,
#chosen-expert-network,
#chosen-expert-details strong {
  font-weight: bold;
}

#chosen-expert-company span,
#chosen-expert-network span {
  font-weight: 300;
}

#objective-text textarea[name="one-objective"] {
  width: 100%;
  border: solid 1px #666;
  border-top: none;
  padding: 10px;
}

#objective-dropdown {
  border: 1px solid black;
  background-color: white;
}

#objective-dropdown.active {
  background-color: black;
  color: white;
}

#responses {
  width: calc(100% - 34px);
  height: 400px;
  display: none;
  position: absolute;
  background-color: black;
  overflow: scroll;
}

#responses.active {
  display: block;
}

.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

#meeting-form #timezone-group select {
  max-width: 100%;
}

@media all and (min-width: 576px) {
  #meeting-form #date-group .input-group.date,
  #meeting-form #timezone-group,
  #meeting-form #in-person-group {
    width: 31%;
    margin-right: 2%;
    float: left;
  }
}

/*************************
 * Recent Meetings
 ************************/
#table-analyst-recent_wrapper .confirm {
  line-height: 1.2;
  margin: 0 0 20px 0;
  width: 90px;
  text-decoration: none !important;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  border: none;
  background-color: #41ad49;
}
#table-analyst-recent_wrapper .meeting-finalize-deny {
  line-height: 1.2;
  margin: 0 0 20px 5px;
  width: 90px;
  text-decoration: none !important;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  border: none;
  background-color: #d41d26;
}

/*************************
 * Approver Dashboard
 ************************/
#approver-dashboard #tabs {
  border-color: #000;
}

#approver-dashboard #tabs .nav-link {
  border-color: transparent;
  border-bottom: none;
}

#approver-dashboard #tabs .nav-link.active {
  border-color: #000;
}

#approver-dashboard #tabContent .align-items-center {
  flex-wrap: wrap;
}

#approver-dashboard #tabContent .align-items-center .d-inline {
  width: 100%;
}

#approver-dashboard .tab-pane {
  min-height: 1100px;
}

#approver-dashboard .month-to-date.d-flex,
#approver-dashboard .year-to-date.d-flex {
  flex-direction: column;
}

@media all and (min-width: 990px) {
  #approver-dashboard .month-to-date.d-flex,
  #approver-dashboard .year-to-date.d-flex {
    flex-direction: row;
  }

  #approver-dashboard .month-to-date .p-3,
  #approver-dashboard .year-to-date .p-3 {
    min-width: 220px;
  }
}

/*
 * Approver securities column sizes.
 * column 2 is ticker
 * column 3 is network name
 * column 4 is actions
 */
#table-approver-securities td:nth-child(2),
#table-approver-securities td:nth-child(3),
#table-approver-securities td:nth-child(4) {
  width: 10%;
}

/*************************
 * Approver Buttons
 ************************/
.filter-btn-container {
  flex-direction: column;
}

@media all and (min-width: 576px) {
  .filter-btn-container {
    flex-direction: row;
  }

  .filter-btn-container .btn {
    flex: 1 1 auto !important;
  }
}

.filter-btn-container .btn {
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  color: white;
  text-align: left;
  text-decoration: none !important;
  padding: 5px 10px;
  border-radius: 0;
  cursor: pointer;
}

.filter-btn-container .btn.active,
.filter-btn-container .btn:hover {
  background-color: transparent !important;
}

.filter-btn-container .btn .arrow-icon {
  display: block;
}

.filter-btn-container .btn.active .arrow-icon {
  display: none;
}

.filter-btn-container .btn .close-icon {
  display: none;
}

.filter-btn-container .btn.active .close-icon {
  display: block;
}

.filter-btn-container .btn .big {
  font-size: 45px;
  line-height: 0.95;
}

.filter-btn-container .btn .medium {
  font-size: 18px;
  line-height: 1;
}

#securities .filter-btn-container .btn {
  font-size: 15px;
}

#btn-pending {
  border-color: #bd252c;
  background-color: #bd252c;
}

#btn-pending.active,
#btn-pending:hover {
  color: #bd252c;
}

#btn-approved {
  border-color: #273877;
  background-color: #273877;
}

#btn-approved.active,
#btn-approved:hover {
  color: #273877;
}

#btn-denied {
  border-color: #00a3da;
  background-color: #00a3da;
}

#btn-denied.active,
#btn-denied:hover {
  color: #00a3da;
}

#btn-restricted {
  color: white;
  border-color: #84252a;
  background-color: #84252a;
}

#btn-restricted.active,
#btn-restricted:hover {
  color: #84252a;
}

#btn-restricted-today {
  border-color: #b9242b;
  background-color: #b9242b;
}

#btn-restricted-today.active,
#btn-restricted-today:hover {
  color: #b9242b;
}

#btn-unrestricted-today {
  border-color: #3e7d42;
  background-color: #3e7d42;
}

#btn-unrestricted-today.active,
#btn-unrestricted-today:hover {
  color: #3e7d42;
}

#table-approver-meetings tr th:last-child,
#table-approver-meetings tr td:last-child {
  display: none;
}

#table-approver-meetings tr.child td {
  display: block;
}

#table-approver-meetings tr.child td ul li:last-child {
  display: none;
}

#analyst-expert-match {
  width: 100%;
}

#analyst-expert-matches table {
  width: 100%;
  margin-top: 1rem !important;
}

#analyst-expert-matches table tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

#analyst-expert-matches table tr td {
  padding: 8px 10px;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.rec-experts-q strong {
  font-weight: bold;
}

#analyst-expert-match-back-btn {
  font-weight: bold;
}

#analyst-expert-match-back-btn:hover {
  text-decoration: none;
  color: #007bff !important;
}

#recommendation-add-expert {
  font-weight: bold;
  color: black;
}

#recommendation-add-expert:hover {
  color: #007bff !important;
  text-decoration: none;
}

.held {
  background-image: url("/static/images/alkHolding.20a363934957.png");
  background-position: center;
  background-size: cover;
  display: inline-block;
  height: 15px;
  width: 15px;
}

td .held {
  margin-left: 5px;
}

#id_one-bio {
  width: 100%;
}

.navbar-light .navbar-nav .feedback a.nav-link {
  border: 1px solid #d41d26;
  color: #d41d26;
  border-radius: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 5px;
  margin-right: 10px;
}

.navbar-light .navbar-nav .help-doc a.nav-link {
  color: #d41d26;
  font-size: 29px;
  margin-top: -12px;
}

#meeting-response-message {
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  text-align: center;
}

#meeting-response-message h1 {
  width: 70%;
}

.required-asterisk {
  color: red;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px 0 3px;
}

#ticker-request {
  display: flex;
  background-color: #f8f9fa;
  flex-direction: column;
  max-width: 400px;
}

.dev-feature {
  display: none !important;
}

.bar {
  fill: steelblue;
}

.get_expert_bio {
  cursor: pointer;
}

#expertMeetingModal strong {
  font-weight: 700;
}

.expert-bio table,
.expert-bio th,
.expert-bio td {
  border: none;
}

#expert-form .top-block {
  width: 100%;
}

#ticker-searchbar {
  position: relative;
}

#ticker-searchbar .ticker-form {
  display: inline-block;
}

#ticker-searchbar.is-held .is_held_alert {
  display: inline-block !important;
  color: #fff;
  font-size: 12px;
}

#ticker-searchbar.is-held .ticker-form {
  background-color: #850309;
  padding: 5px 10px 0px 10px;
  border-radius: 10px;
}

#ticker-searchbar.is-held .ticker-form img {
  margin-top: -3px;
}

.expert-company-status p {
  display: inline-block;
  padding: 5px 8px;
  border: 2px solid black;
  font-weight: bold;
}


/*Search Experts by Tag*/

#table-analyst-search_filter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  margin-bottom: .5rem;
  width: 100%;
  flex-wrap: wrap;
}

#table-analyst-search_filter label {
  margin-bottom: .5rem;
  margin-right: 20px;
  display: flex;
  flex-wrap: nowrap;
}

#table-analyst-search_filter select {
  border-radius: 5px;
  padding: 1px 2px;
  width: 250px;
  max-height: 27px;
}

@media (min-width: 768px) {
  #table-analyst-search_filter label {
    margin-bottom: 0;
  }
}


@media all and (min-width: 992px) {
  #table-analyst-search_filter {
    margin-top: 0px;
    justify-content: flex-start;
  }
}

#expertModal .modal-body .expert-details {
  margin-bottom: 20px;
}

#expertModal .modal-body .expert-details h3 {
  margin-bottom: 7px;
}

#expertModal .modal-body .expert-details p {
  margin-bottom: 5px;
}

#expertModal .modal-body .expert-details strong {
  font-weight: 700;
}

#expertModal .active-tags,
#expertModal .expert-tags {
  padding-bottom: 40px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dee2e6;
}

#expertModal .expert-tags {
  margin-bottom: 5px;
}

#expertModal .px-3.add-tags {
  padding-left: 0px!important;
  margin-bottom: 15px;
}

#expertModal #favorite-form {
  padding-bottom: 0px;
  margin-bottom: 15px;
}

#expertModal #favorite-form .pl-3 {
  padding-left: 0px!important;
}

#expertModal #favorite-form .fav-form {
  padding-bottom: 25px;
  margin-bottom: 0px;
  border-bottom: 1px solid #dee2e6;
}

.del-tags-label {
  margin-bottom: 12px;
}

#expertModal .expert-tags {
  border-bottom: 3px solid black;
}

#expertModal .active-tags .tag,
#expertModal .expert-tags .tag {
  margin-bottom: 5px;
}

/*summary buttons*/

.summary-btns a div {
  margin-bottom: 3px;
  border-color: #dee2e6;
  color: #212529;
  padding: 2px 5px;
  font-size: 12px;
}

.summary-btns .yes-btn.status-EXCEPTION:hover div,
.summary-btns .yes-btn.status-:hover div,
.summary-btns .yes-btn.status-YES div {
  background-color: #40AD48;
  color: #fff;
}

.summary-btns .yes-btn.status-YES:hover div,
.summary-btns .exception-btn.status-EXCEPTION:hover div {
  background-color: #fff;
  color: #212529;
}

.summary-btns .exception-btn.status-:hover div,
.summary-btns .exception-btn.status-YES:hover div,
.summary-btns .exception-btn.status-EXCEPTION div {
  background-color: #FF382A;
  color: #fff;
}

.dataTables_wrapper .meeting-id {
  font-weight: bold;
}

.meeting-details .download-summary-link {
  color: #273877;
  text-decoration: underline;
}

.meeting-details .download-summary-link i {
  margin-bottom: 4px;
  margin-right: 5px;
}

.summary-and-subject .border-container {
  padding: 11px 12px 14px;
  border: 1px solid black;
}

.summary-and-subject {
  margin-left: 0px;
  max-width: 306px;
  width: 100%;
  padding-left: 20px;
}

#btn-save-research-subject {
  width: 100%;
  background-color: #273877;
  border-color: #273877;
  text-align: left;
  margin-bottom: 14px;
}

#table-analyst-completed td strong {
  font-weight: bold;
}

#new-expert-networks {
  position: relative;
  width: 100%;
  margin-bottom: 20px!important;
  margin-top: 10px;
}

#new-expert-bio {
  position: relative;
  width: 100%;
}

#new-expert-networks .required-asterisk {
  position: absolute;
  right: -20px;
  top: 27px;
}

#new-expert-bio  .required-asterisk {
  position: absolute;
  right: -20px;
  top: -5px;
}

.meeting-networks {
  margin-bottom: 15px!important;
}

.meeting-networks strong {
  font-weight: bold;
}

.meeting-networks div {
  margin-bottom: 3px;
}

#id_one-networks {
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-inline-start: 0;
  padding-top: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(118, 118, 118);
  border-image: initial;
  border-radius: 2px;
}

#id_one-networks li {
  width: 50%;
  min-width: 150px;
}

#id_one-networks li label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#id_one-networks li label input {
  width: 30px;
  flex-grow: 0;
}

#id_one-network {
  min-width: 226px;
}

#new-expert-details {
  margin-top: 10px;
}

@media all and (min-width: 990px) {
  #id_one-networks li {
    width: 33%;
  }

  #new-expert-networks,
  #expert-form-body #new-expert-bio {
    width: 98%;
  }
}

#table-approver-meetings-filters {
  width: 100%;
  margin-bottom: 10px;
}

#table-approver-meetings-filters tr td {
  width: 50%;
}

#table-approver-meetings-filters tr td:first-child {
  text-align: left;
}

#table-approver-meetings-filters tr td:first-child input {
  margin-right: 5px;
}

#table-approver-meetings-filters tr td:last-child {
  text-align: left;
}

#table-approver-meetings-filters tr td:last-child input {
  margin-left: 5px;
}

.authenticated-block {
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.authenticated-block .finalize-meetings-anchor {
  background-color: #DEDEDE;
  border-radius: 20px;
  padding: 6px 13px;
  color: #D41E25;
  font-weight: 500;
}

.authenticated-block .finalize-meetings-anchor span {
  border-radius: 50%;
  background-color: #D41E25;
  padding: 5px 10px;
  color: white;
}

.authenticated-block .finalize-meetings-anchor a {
  color: #D41E25;
  text-decoration: underline;
}

.modal[data-meeting-status="denied-meeting-modal"] button.pending-meeting-del-btn {
  display: none;
}

.delete-meeting-btn-container button.pending-meeting-del-btn {
  background-color: #D41E25;
  border: 0px;
  font-size: 13px;
  opacity: 1;
  transition: .2s ease-in-out opacity;
  font-weight: 500;
}

.delete-meeting-btn-container button.pending-meeting-del-btn:hover {
  opacity: .8;
  transition: .2s ease-in-out opacity;
}

#approver-dashboard #expertMeetingModal .delete-meeting-btn-container {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}

.request-meeting-again-btn {
  color: black;
  border-radius: 0;
  border-color: #41ad49 !important;
  padding: 4px 7px;
  display: flex;
  justify-content: space-between;
  gap: 7px;
  align-items: center;
  font-weight: 300;
  position: absolute;
  right: 20px;
  font-size: 15px;
  visibility: hidden;
}

.request-meeting-again-btn.show-button {
  visibility: visible;
}

.request-meeting-again-btn:hover {
  background-color: transparent;
  color: black;
  opacity: .7;
}

/*Notes UI*/

#project-notes .add-note svg {
  height: 30px;
}

.meeting-notes-link .add-note span {
  font-size: 12px;
}

.notes-link-text {
  display: flex;
  align-items: center;
  gap: 8px;
}

.notes-link-text svg {
  height: 1rem;
}

.notes-link-text .text-primary.fa-arrow-alt-circle-right {
  color: #df9957 !important;
}


#project-notes .add-note svg path {
  fill: #273877;
}

#project-notes .notes-project {
  font-weight: 300;
}

/*#table-meetings-notes_filter {*/
/*  display: none;*/
/*}*/

.meeting-notes-approver.notes-container .tox.tox-tinymce,
.meeting-notes-approver.notes-summary-container .tox.tox-tinymce {
  height: auto!important;
}

.meeting-notes-approver.notes-summary-container {
  margin-bottom: 40px;
}

.tox-editor-container .tox-edit-area {
  height: 160px;
}

.meeting-notes-approver .tox-editor-container .tox-edit-area {
  height: 500px;
}

#table-meetings-notes-projects_filter {
  margin: 0px 0 20px;
}

#project-notes .nav-tabs {
  border-bottom: 0px;
  margin-bottom: 25px;
  margin-top: 10px;
}

#project-notes tr th {
  border-top: 0px;
}

#project-notes .nav-tabs .nav-item.show .nav-link,
#project-notes .nav-tabs .nav-item.show .nav-link:hover,
#project-notes .nav-tabs .nav-item.hide .nav-link,
#project-notes .nav-tabs .nav-item.hide .nav-link:hover,
#project-notes .nav-tabs .nav-link,
#project-notes .nav-tabs .nav-link:hover,
#project-notes .nav-tabs .nav-link.active,
#project-notes .nav-tabs .nav-link.active:hover {
  border-style: solid;
  border-width: 0 0 3px 0;
}

#project-notes .nav-tabs .nav-link {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 3px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0px;
  color: black;
  opacity: .5;
  margin-right: 30px;
  border-bottom-color: transparent;
  transition: ease-in-out .2s;
}

#project-notes .nav-tabs .nav-link:hover,
#project-notes .nav-tabs .nav-link.active,
#project-notes .nav-tabs .nav-link.active:hover {
  border-bottom-color: black;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 3px;
  opacity: 1;
}

#all-projects-notes {
  margin-top: 0px;
}

#table-meetings-notes_wrapper.dataTables_wrapper tr td:nth-child(4),
#table-meetings-notes-projects_wrapper.dataTables_wrapper tr td:nth-child(3) {
  font-weight: bold;
}

#all-projects-notes .dataTables_wrapper tr td:nth-child(2) {
  font-weight: normal;
}

#projects-grid-layout {
  display: grid;
}

@media all and (min-width: 991px) {
  #projects-grid-layout {
    grid-template-columns: 290px 9fr;
    gap: 30px;
  }
}

/*#table-meetings-notes-projects_filter {*/
/*  visibility: hidden;*/
/*  height: 0px;*/
/*  margin: 0;*/
/*}*/

#projects-grid-layout #projects-selector {
  /*border-right: 1px solid black;*/
}

#projects-grid-layout #projects-selector ul {
  list-style: none;
  padding-left: 0;
}

#projects-grid-layout #projects-selector tr td {
  padding-bottom: 5px;
  cursor: pointer;
  font-weight: lighter;
  text-decoration: none;
  color: black;
  transition: .1s ease-in-out;
  font-size: 14px;
}

#projects-grid-layout #projects-selector tr td div:hover,
#projects-grid-layout #projects-selector tr td div.searched {
  color: rgb(41, 65, 138);
  transition: .1s ease-in-out;
  font-weight: 400;
}

#table-projects-selector_filter input {
  margin-left: 0;
}

#table-projects-selector {
  margin-left: 0;
  margin-right: 0;
  width: 100% !important;
  border-bottom: 0;
}

#table-projects-selector_filter input {
  margin-top: 10px;
  width: 100%;
}

#table-projects-selector_filter {
  text-align: left;
}

#table-projects-selector th,
#table-projects-selector tr,
#table-projects-selector td {
  border-bottom: 0;
  border-top: 0;
  padding-left: 0;
}

#table-projects-selector tr:hover {
  background: transparent;
}

#table-projects-selector thead,
#table-projects-selector_info {
  display: none;
}

#table-projects-selector thead tr th {
  width: fit-content!important;
}

/*#table-projects-selector thead tr th:first-child {*/
/*  display: none;*/
/*}*/

#projects-selector {
  position: relative;
}

#sort-projects .dropdown-toggle {
  position: absolute;
  z-index: 1;
  width: 63px;
  right: 20px;
  background: transparent;
  padding: 0;
  height: 17px;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0;
  top: 15px;
  font-weight: 500;
  font-size: 12px;
  color: black;
  text-align: left;
}

#sort-projects .dropdown-toggle:focus {
  box-shadow: none;
}

#sort-projects .dropdown-menu {
  transform: none!important;
}

#sort-projects .dropdown-menu.show {
  border-radius: 0;
  left: unset !important;
  top: 30px !important;
  right: 20px;
  border: 0;
  min-width: fit-content;
  font-size: 12px;
  text-align: right;
  background-color: #EAEAEA;
  -webkit-box-shadow:  -3px 3px 7px -2px #0000006b;
  box-shadow:  -3px 3px 7px -2px #0000006b;
}

#sort-projects .dropdown-menu.show a {
  padding-right: 9px;
  gap: 9px;
  display: flex;
  justify-content: flex-end;
  padding-left: 21px;
}

#sort-projects .dropdown-menu.show a.sorted {
  text-decoration: underline;
}

#sort-projects .dropdown-menu.show a svg {
  display: none;
}

#sort-projects .dropdown-menu.show a.sorted svg {
  display: block;
  width: 14px;
}



@media (min-width: 991px) {
  #sort-projects .dropdown-toggle {
    width: 43px;
  }
}

@media (min-width: 1200px) {
  #sort-projects .dropdown-toggle {
    width: 83px;
  }
}

#sort-projects .dropdown-toggle:after {
  display: none;
}

#table-projects-selector_wrapper {
  height: 100%;
  overflow-y: scroll;
  max-height: 720px;
  padding: 10px 20px;
  background-color: #EAEAEA;
}

#table-projects-selector_wrapper table.dataTable tbody tr {
  background-color: transparent;
}

#projects-selector {
  margin-left: -16px;
  padding-left: 16px;
}

.meeting-notes-link {
  margin-top: 20px;
  margin-bottom: 20px;
}

.meeting-notes-link a {
  position: relative;
  padding: 11px 12px;
  display: block;
  background-color: #FCF5C2;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
}

.meeting-notes-link a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #E2D0A8 #fff;
}

.approver-comments {
  margin-top: 1rem;
}

.meeting-notes-approver {
  margin-top: 6px;
}

.meeting-notes-approver textarea {
  margin-bottom: 10px!important;
}

.analyst-edit-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: center;
}

.analyst-edit-buttons .pending-meeting-date-edit-btn,
.analyst-edit-buttons .approved-meeting-date-edit-btn {
  height: 16px;
  display: flex;
  align-content: center;
}

.analyst-edit-buttons .pending-meeting-date-edit-btn svg,
.analyst-edit-buttons .approved-meeting-date-edit-btn svg {
  height: 100%!important;
}

.analyst-edit-buttons .pending-meeting-date-edit-btn svg path,
.analyst-edit-buttons .approved-meeting-date-edit-btn svg path {
  fill: #0241BC;
}

.meeting-notes-detail .notes-copy {
  margin-bottom: 1rem;
}

.previous-completed-meeting-details .meeting-notes-link {
  margin-top: 50px;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
  }
}

#company_field_container #id_company {
  max-width: 100%;
}

#myNotesTab {
  position: relative;
  align-items: center;
}

#addOffNetworkNote {
  position: absolute;
  right: 0;
  color: #29408A;
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: bold;
  display: flex;
  gap: 5px;
  align-content: center;
}

#addOffNetworkNote svg {
  height: 16px;
}

#addOffNetworkNote svg path {
  fill: #29408A;
}

.resort-notes {
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity .2s;
  display: flex;
  gap: 5px;
  align-items: center;
  border: 0px;
  background-color: transparent;
  color: #29408A;
  font-size: 12px;
  font-weight: bold;
}

#all-projects-notes {
  position: relative;
}

.resort-notes.project-selected {
  opacity: 1;
  z-index: 1;
}

.resort-notes svg {
  height: 12px;
  fill: #29408A;
}

#note-list .list-group-item svg {
  height: 12px;
  fill: #29408A;
}

#note-list .list-group-item {
  display: grid!important;
  grid-template-columns: 1fr 1fr 2fr 3fr 3fr 3fr 3fr;
  gap: 20px;
}

#note-list .list-group-item .note-meeting-id {
  font-weight: bold;
}

#note-list .list-group-item .note-detail {
  font-size: 14px;
}

#note-list .sortable.list-group div[draggable~="false"] li {
  background-color: #FFE2E2;
}

#note-list .sortable.list-group div.note-handle:hover {
  cursor: grab;
}

#note-list .sortable.list-group div[draggable~="true"],
#note-list .sortable.list-group div.sortable-chosen,
#note-list .sortable.list-group div.sortable-chosen li {
  cursor: grabbing;
}

@media (min-width: 576px) {
  .modal.show #dialog {
    max-width: 900px;
  }
  .reorder-notes-dialog {
    max-width: 900px!important;
  }

  .create-notes-dialog,
  .view-notes-dialog {
    max-width: 900px!important;
  }

}

#order_start_field_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 1rem;
}

#order_start_field_container p {
  margin-bottom: 0;
}

.reorder-notes-dialog .modal-body {
  padding-bottom: 30px;
}

/*#meetingNotesModalCenterTitle {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  align-items: center;*/
/*  width: 100%;*/
/*}*/

#meetingNotesModalCenterTitle .add-note {
  cursor: pointer;
  color: #29408A;
  border: 0;
  font-size: 12px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#meetingNotesModalCenterTitle .add-note svg {
  height: 12px;
  width: 12px;
}

.reorder-notes-dialog #note-list {
  display: grid;
  grid-template-columns: 1fr 20fr;
}

.reorder-notes-dialog #note-list .static-count {
  display: grid;
  align-items: center;
}

.reorder-notes-dialog #note-list .static-count .note-count {
  font-size: 14px;
  color: rgba(0,0,0,.4);
}

body:not(.modal-open) .modal.show {
  overflow-y: scroll;
}

#table-approver-meetings-filters tr td.jump-to-id:last-child {
  text-align: right;
}

#table-meetings-notes-projects thead tr th:first-child {
  background-image: none;
}

.author-viewer-selectors details[open] .name {
  display: none;
}

.author-viewer-selectors details[open] summary {
  position: absolute;
}

.author-viewer-selectors {
  background-color: #ebebeb;
  margin-left: -16px;
  margin-right: -16px;
}

.author-viewer-selectors details {
  padding: 10px 9px;
}

#id_authors,
#id_viewers {
  margin-bottom: 0;
  margin-left: 80px;
}

.author-viewer-selectors input[type=checkbox] {
  visibility: hidden;
  width: 0;
}

.author-viewer-selectors details div {
  display: flex;
  gap: 10px;
  padding-left: 0;
  flex-wrap: wrap;
}

#id_viewer_groups {
  margin-left: 80px;
}

#authors_field_container {
  padding-top: 25px;
}

#viewers_field_container {
  padding-bottom: 25px;
  margin-bottom: 25px;
  padding-top: 20px;
}

.author-viewer-selectors label {
  padding: 2px 7px 2px 3px;
  color: #9a9a9a;
  cursor: pointer;
  font-weight: 500;
}

.author-viewer-selectors .field-updated  {
  background-color: #fcd5d5;
}

.author-viewer-selectors:has(.field-updated) #viewers_field_container {
  margin-bottom: 10px;
}


#please-save-msg {
  font-weight: 600;
  color: #d41d26;
  margin-bottom: 25px;
}

#please-save-msg.field-updated {
  display: block!important;
}


.author-viewer-selectors label:has(input[type=checkbox]:checked) {
  background-color: #ffffff;
  color: #000000;
  border-color: transparent;
  border-radius: 10px;
}

details > summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display:none;
}

details summary {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

details summary span {
  padding: 2px 7px 2px 7px;
}

details summary span.summary-of {
  font-weight: 400;
  text-decoration: underline;
}


details summary span.name {
  font-weight: 500;
  color: #000000;
}


.create-notes-dialog .modal-header {
  display: grid;
  grid-template-columns: 9fr 2fr .25fr;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: white;
  gap: 15px;
}

.create-notes-dialog .modal-header.has-note {
  grid-template-columns: 9fr 2fr 2fr .25fr;
}


#project_create_inline_helpText {
  font-weight: 600;
  color: #d41d26;
  margin-bottom: 25px;
}

.create-notes-dialog .modal-body {
  padding-top: 0;
}

.create-notes-dialog .modal-body {
  padding-top: 0;
}

.modal-body b,
.modal-body strong {
   font-weight: bold!important;
 }

.create-notes-dialog .modal-header .btn-primary[disabled="disabled"] {
  opacity: .4;
}

.completed-col .modal .modal-header {
  background-color: transparent;
}

.completed-col .modal .modal-header button {
  color: white;
}

.completed-col .modal .modal-content {
  background: transparent;
  border: none;
}

.completed-col .modal .modal-body {
  text-align: left;
  padding: 27px 46px;
  border-radius: 25px;
}

.finalize-deny-modal.modal .modal-body {
  background-color: #742320;
}

.finalize-notes-modal.modal .modal-body {
  background-color: #414840;
}

.finalize-notes-options svg {
  fill: #5FAB55;
}

.finalize-notes-modal .reminder {
  margin-bottom: 0;
  margin-top: 30px;
  font-size: 13px;
  color: white;
}

.completed-col .modal button.close {
  color: white;
  position: absolute;
  top: 13px;
  right: 18px;
}

.completed-col .modal .modal-body form .btn {
  display: block;
  background-color: white;
  /* margin-left: 7px; */
  border-radius: 0;
  margin-left: 1px;
}

.finalize-notes-options .btn.no-notes-reveal {
  display: block;
  background-color: white;
  /* margin-left: 7px; */
  border-radius: 0;
}

.no-notes-reason-container {
  margin-top: 20px;
}

.completed-col .modal .modal-body .no-notes-reason-container label {
  margin-bottom: 7px;
}

.completed-col .modal .modal-body label {
  color: white;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.completed-col .finalize-deny-modal.modal .modal-body label {
  margin-bottom: 7px;
}


.completed-col .modal .modal-body label svg {
  position: absolute;
  left: -30px;
  height: 34px;
}

.completed-col .modal .modal-body form textarea {
  /* margin-bottom: 5px;
  margin-left: 7px; */
  width: 100%;
  margin-bottom: 7px;
}

.finalize-notes-modal .modal-content{
  height: auto;
  transition: height .2s ease;
}

.finalize-notes-options {
  display: flex;
  gap: 10px;
}


#non-sortable-notes {
  border-top: 1px solid #707070;
  margin: 32px -16px 0;
  padding: 20px 31px 30px;
  background-color: #EDEDED;
}

.reorder-notes-dialog .modal-body.has-unsortable-notes {
  padding-bottom: 0;
}

#non-sortable-notes .list-group-item {
  display: grid!important;
  grid-template-columns: 1fr 1fr 2fr 3fr 3fr 3fr 3fr;
  gap: 20px;
  padding-bottom: 0;
}

#non-sortable-notes .list-group-item .note-meeting-id {
  font-weight: bold;
}

#non-sortable-notes .list-group-item .note-detail {
  font-size: 14px;
}

#non-sortable-notes .list-group li {
  background-color: transparent;
  border: none;
}

.non-sortable-heading {
  font-size: 18px;
}

#meetingNotesModalCenterTitle {
  color: #273F8C;
  font-weight: 300;
}

#meetingNotesModalCenterTitle span {
  font-weight: bold;
}

.reorder-notes-dialog .modal-header {
  padding: 31px;
  border-bottom: 0;
}

.project-notes-options-fields {
  display: flex;
  justify-content: space-between;
}

#securities {
  position: relative;
}

#approver-add-new-company {
  position: absolute;
  right: 0;
  z-index: 999;
}

#expertAssoCompanyModal #company-form #ticker-request {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  background-color: #c8eafa;
  padding: 10px;
}

#expertAssoCompanyModal #company-form #ticker-request #ticker-request-submit {
  background-color: #25408f !important;
}

.notes-project sup {
  font-weight: bold;
  background: hsl(0 0% 42% / 1);
  color: #FBFBFB;
  padding: 1px 2px 1px 2px;
  border-radius: 4px;
}

#project_field_container .select2-container {
  min-width: 200px;
  width: 200px;
}

#company-exists-msg {
  color: #b9242b;
  font-weight: bold;
  margin-top: 10px;
}

#submit-private-company {
  background-color: #3e7d42;
  border: none;
}

#submit-private-company:hover {
  opacity: .8;
}

.call-status {
  display: flex;
  align-items: center;
  gap: 6px;
}

.call-status .status-label {
  text-transform: lowercase;
}


.call-status .status-label:first-letter {
  text-transform: capitalize;
}

.call-status i {
  font-size: 14px;
}

.call-status-DENIED {
  color: red;
}

.call-status-APPROVED {
  color: #41ad4a;
}