#meetings_container .subHeadline {
  margin-bottom: 1rem;
}
 
.meeting_new_meeting_container {
  display: none;
  margin-bottom: 2rem;
  border-radius: 8px;
  transition: 0.3s;
  padding:0.5rem 1rem;
  background:#FFFFFF;
  border: 1px solid #6E727A;
}

.meetings_selector_container {
  border-radius: 8px;
  transition: 0.3s;
  border: 1px solid #E8E9EB;
  background: #FFFFFF;
  position: relative;
  margin-bottom: 1rem;
}

.meetings_selector_container:hover {
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
}

.meetings_selector_date_container {
  float: left;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 8rem;
  height: 100%;
  border-right: 1px solid #E8E9EB;
}

.meetings_selector_date_headline {
  border-top-left-radius: 8px;
  background: #3A3D42;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.15rem;
  line-height: 1.5rem;
  height: 1.5rem;
}

.meetings_selector_date_day {
  background: #FFFFFF;
  color: #2A6098;
  text-align: center;
  font-size: 2.0rem;
  line-height: 3.5rem;
  height: 3.5rem;
}

.meetings_selector_date_year {
  border-bottom-left-radius: 8px;
  background: #FFFFFF;
  color: #6E727A;
  text-align: center;
  font-size: 1.00rem;
  line-height: 1.5rem;
  height: 1.5rem;
}

.meetings_selector_meeting_info_content {
  padding: 0.5rem 1rem;
  float: left;
}

.meetings_selector_meeting_title {
  color: #3A3D42;
  font-size: 1.8rem;
  font-weight: bold;
}

.meetings_selector_meeting_location {
  color: #3A3D42;
  font-size: 1.0rem;
}

.meetings_selector_meeting_time {
  color: #3A3D42;
  font-size: 1.0rem;
}

.meetings_selector_img_link {
  height: 6.5rem;
  text-align: center;
  width: 6.5rem;
  margin-right: 1rem;
  float: right;
  transition: 0.3s;
  font-size: 0.80rem;
  color: #B0B4BB;
}

.meetings_selector_img_link_addmargin {
  margin-right: 3rem;
}

.meetings_selector_link {
  text-align: center;
  height: 2rem;
  margin: 0.5rem 0rem;
  margin-right: 1rem;
  float: right;
  transition: 0.3s;
  font-size: 0.80rem;
  color: #B0B4BB;
}

.meetings_selector_link:hover {
  cursor: pointer;
  background: #E8E9EB;
}

.meetings_selector_link img {
  height: 2rem;
  display: block;
}

.meetings_selector_img_link img {
  height: 4rem;
  margin: 0.5rem 1.25rem;
  display: block;
}

.meetings_selector_img_link:hover {
  cursor: pointer;
  background: #E8E9EB;
  color: #6E727A;
}

.meetings_selector_img_link_small {
  height: 2.0rem;
  text-align: center;
  width: 4.0rem;
  margin-left: 1rem;
  float: left;
  transition: 0.3s;
  font-size: 0.75rem;
  color: #3A3D42;
}

.meetings_selector_img_link_small img {
  height: 1.5rem;  
  display: inline-block;
}

.meetings_selector_img_link_small:hover {
  cursor: pointer;
  background: #E8E9EB;
  color: #6E727A;
}

.meetings_selector_img_link_inactive {
  opacity: 0.5;
  cursor: default;
}

.meetings_selector_img_link_inactive:hover {
  opacity: 0.5;
  cursor: default;
  background: transparent;
}

.meetings_top_menu_meeting_name {
  float: left;
  height: 2.0rem;
  line-height: 2.0rem;
  font-size: 2.0rem;
  transition: 0.3s;
  padding-bottom: 0.15rem;
  font-weight: 700;
}

.meetings_top_menu_meeting_rightLink {
  float: right;
  height: 2.0rem;
  line-height: 2.0rem;
  font-size: 1.0rem;
  transition: 0.3s;
  padding-bottom: 0.15rem;
  font-weight: 700;
}

.meetings_top_menu_element_container {
  float: right;
  margin-left: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  transition: 0.3s;
  border-bottom: 1px solid transparent;
  padding-bottom: 0.15rem;
}

.meetings_top_menu_element_text {
  float: left;
  height: 1.5rem;
  line-height: 1.60rem;
  transition: 0.3s;
  font-size: 0.9rem;
  vertical-align: middle;
  color: #6E727A;
}

.meetings_top_menu_element_container:hover {
  cursor: pointer;
  border-bottom: 1px solid #6E727A;
}

.meetings_top_menu_element_container:hover .meetings_top_menu_element_text {
  color: #3A3D42;
}

.meetings_top_menu_element_container_current .meetings_top_menu_element_text {
  color: #2A6098;
  font-weight: 700;
}

.meetings_top_menu_element_container_current:hover .meetings_top_menu_element_text {
  color: #2A6098;
}

.meetings_top_menu_element_img {
  float: left;
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 0.25rem;
  line-height: 1.5rem;
  transition: 0.3s;
}

.meetings_top_menu_element_img img {
  height: 1.5rem;
  width: 1.5rem;
  margin: 0.0rem;
  transition: 0.3s;
  display: block;
}

.meetings_modify_container{
  background:#FFFFFF;
  border-radius: 8px;
  transition: 0.3s;
  border: 1px solid #B0B4BB;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;  
}
.meetings_modify_container .modify_label {
  float: left;
  height: 2rem;
  line-height: 2rem;
  width: 15rem;
  color: #6E727A;
  font-size: 1.15rem;
  margin-bottom: 0.5rem;
}

.meetings_modify_container .modify_label_custom_text {
  float: none;
  height: auto;
  min-height: 2rem;
  line-height: 1.35rem;
  width: auto;
  overflow-wrap: anywhere;
  white-space: normal;
}

.meetings_modify_container .modify_value {
  float: left;
  line-height: 2rem;
  color: #3A3D42;
  font-size: 1.15rem;
  margin-bottom: 0.5rem;
}

.meetings_modify_container .modify_value_multiselect {
  width: calc(31rem + 2px);
}

.meetings_modify_container .modify_value .texteditor_quill {
  width: 50rem;
}

.meetings_modify_container .modify_value input {
  border: 1px solid #B0B4BB;
  padding: 0rem 0.5rem;
  height: calc(2rem - 2px);
  line-height: calc(2rem - 2px);
  width: calc(31rem + 2px);
  font-size: 1.15rem;
}

.meetings_modify_container .modify_value select {
  border: 1px solid #B0B4BB;
  padding: 0rem 0.0rem;
  height: calc(2rem - 2px);
  line-height: calc(2rem - 2px);
  width: 30rem;
  font-size: 1.15rem;
}

.meetings_modify_container .modify_short_input input {
  width: 15rem;
}

.meetings_modify_container .modify_short_input select {
  width: calc(16rem + 2px);
}

.meetings_modify_container .modify_value textarea {
  border: 1px solid #B0B4BB;
  padding: 0rem 0.5rem;
  height: 8rem;
  line-height: 1.5rem;
  width: calc(31rem + 2px);
  font-size: 1.15rem;
  resize: vertical;
}

.meetings_agenda_preview_container {
  border-radius: 8px;
  transition: 0.3s;
  border: 1px solid #E8E9EB;
  background: #FFFFFF;
  position: relative;
  padding: 0.5rem 1rem;
}

.meetings_agenda_preview_container:hover {
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
  border: 1px solid #B0B4BB;
}

.meetings_agenda_preview_enumeration {
  height: 2rem;
  line-height: 2rem;
  font-size: 1.15rem;
  margin-right: 2rem;
  text-align: left;
  width: 4rem;
  float: left;
}

.meetings_agenda_preview_title {
  height: 2rem;
  line-height: 2rem;
  font-size: 1.3rem;
  width: 40rem;
  float: left;
}

.meetings_agenda_preview_duration {
  height: 2rem;
  line-height: 2rem;
  font-size: 1.15rem;
  width: 10rem;
  text-align: right;
  float: left;
}

.meetings_agenda_preview_documents {
  height: 2rem;
  line-height: 2rem;
  font-size: 1.15rem;
  width: 10rem;
  text-align: right;
  float: left;
}

.meetings_agenda_preview_option {
  float: right;
  margin-right: 1rem;
  height: 2rem;
  line-height: 2rem;
  transition: 0.3s;
}

.meetings_agenda_preview_option img {
  height: 2rem;
  width: 2rem;
  transition: 0.3s;
}

.meetings_agenda_preview_option:hover img {
  cursor: pointer;
  opacity: 0.6;
}

.meetings_agenda_top_margin_level_1 {
  margin-top: 3rem;
}

.meetings_agenda_top_margin_level_2 {
  margin-top: 1.5rem;
}

.meetings_agenda_top_margin_level_3 {
  margin-top: 0.4rem;
}

.meetings_agenda_top_margin_level_4 {
  margin-top: 0.25rem;
}

.meetings_agenda_top_margin_level_5 {
  margin-top: 0.0rem;
}

.meetings_agenda_top_margin_level_overwrite {
  margin-top: 0rem !important;
}

.meetings_agenda_preview_move_here_indicator {
  display: none;
  border-radius: 4px;
  transition: 0.3s;
  background: #EAEAEA;
  border: 1px solid #E8E9EB;
  position: relative;
  font-size: 0.9rem;
  color: #6E727A;
  height: 0.9rem;
  padding-left: 1rem;
  width: 10rem;
}

.meetings_agenda_preview_move_here_indicator:hover {
  cursor: pointer;
  background: #72C493;
  border: 1px solid #2A6098;
  color: #FFFFFF;
}

.meetings_agenda_preview_selected_to_move {
  background: #72C493;
  border: 1px solid #2A6098;

}

.meetings_agenda_preview_update_content_half_width_left {
  float: left;
  width: calc(50% - 4rem);
  padding-right: 3rem;
  border-right: 1px solid #EAEAEA;
  margin-right: 3rem;
}

.meetings_agenda_preview_update_content_half_width_right {
  float: right;
  width: calc(50% - 4rem);
}

.meetings_agenda_preview_note {
  text-align: center;
  margin: 1rem 0rem;
  font-size: 1.15rem;
  color: #6E727A;
}

.meetings_agenda_preview_document_upload_button_container {
  width: 25rem;
  margin: 1rem auto;
}

.meetings_agenda_preview_action_button_container {
  width: 25rem;
  margin: 1rem auto;
}

.meetings_agenda_document_sortable .agenda_document_preview_hierarchy_container {
  cursor: default;
}

.agenda_document_preview_hierarchy_sort_handle {
  display: none;
  height: 2.0rem;
  width: 2.0rem;
  margin: 0.25rem 0.75rem 0.25rem 0rem;
  transition: 0.3s;
}

.meetings_agenda_document_sortable .agenda_document_preview_hierarchy_sort_handle {
  display: block;
}

.agenda_document_preview_hierarchy_sort_handle:hover {
  background: #B0B4BB;
  cursor: grab;
}

.agenda_document_preview_hierarchy_sort_handle:active {
  cursor: grabbing;
}

.agenda_document_preview_hierarchy_sort_handle img {
  height: 2.0rem;
  width: 2.0rem;
  display: block;
}

.agenda_document_preview_hierarchy_icon {
  height: 2.0rem;
  margin: 0.25rem 0rem;
  margin-right: 1rem;
  background: #FFFFFF;
  background: transparent;
}

.agenda_document_preview_hierarchy_icon img {
  height: 2.0rem;
  width: 2.0rem;
  display: block;

}

.agenda_document_preview_hierarchy_download_img_container {
  height: 2.0rem;
  margin: 0.25rem 0rem;
  margin-right: 1rem;
  background: #FFFFFF;
  background: transparent;
  transition:0.3s;
  margin-left:0.5rem;
}

.agenda_document_preview_hierarchy_download_img_container:hover{
  cursor:pointer;
  background: #B0B4BB;
}

.agenda_document_preview_hierarchy_download_img_container img {
  height: 1.6rem;
  width: 1.6rem;
  margin:0.2rem;
  display: block;
}

.agenda_document_preview_hierarchy_label {
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.15rem;
  margin-right: 1rem;
  transition: 0.3s;
  color: #000000;
  min-width:30rem;
}

.agenda_document_preview_file_name {
  width: 35rem;
}

.agenda_document_preview_agenda_item_name {
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.15rem;
  margin-right: 1rem;
  transition: 0.3s;
}

.agenda_document_preview_hierarchy_container {
  transition: 0.3s;
}

.agenda_document_preview_hierarchy_container:hover {
  background: #FFFFFF;
}

.agenda_document_preview_hierarchy_options {
  height: 2.0rem;
  width: 2.0rem;
  margin-left: 1rem;
}

.agenda_document_preview_hierarchy_options:hover {
  cursor: pointer;
  transition: 0.3s;
  background: #B0B4BB;
}

.agenda_document_preview_hierarchy_options img {
  height: 2.0rem;
  width: 2.0rem;
  display: block;
  margin: 0.0rem 0.0rem;
}

.agenda_document_preview_hierarchy_options_disabled {
  pointer-events: none;
}

.agenda_document_preview_hierarchy_last_updated {
  width: 12.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 0.9rem;
  margin-right: 2rem;
  text-align: left;
  transition: 0.3s;
  color: #6E727A;
}

.agenda_document_preview_hierarchy_file_size {
  width: 5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 0.9rem;
  margin-right: 2rem;
  text-align: left;
  transition: 0.3s;
  color: #6E727A;
  text-align: right;
}

.meetings_agenda_preview_new_agenda_item_container {
  display: none;
  margin-top: 1rem;
  border-radius: 8px;
  transition: 0.3s;
  border: 1px solid #6E727A;
}

.meetings_agenda_preview_section_container {
  border-top: 1px solid #6E727A;
  margin: 2rem 0rem;
  position: relative;
}

.meetings_agenda_preview_section_title {
  height: 2rem;
  line-height: 2rem;
  font-size: 1.3rem;
  position: absolute;
  top: -1rem;
  left: 50%;
  text-align: center;
  padding: 0rem 1rem;
  background: #eff8f7;
}

.meetings_modal_participant_list_container {
  width: calc(100% - 15rem);
}

.meetings_participant_list_info_container {
  margin-bottom: 0.2rem;
  position: relative;
  padding: 0rem 0.5rem;
  border: 1px solid transparent;

}

.meetings_participant_list_info_container:hover {
  background: #DCE9F5;
}

.meetings_participant_list_info_container_active {
  background: #FFFFFF;
  padding: 0.5rem 0.5rem;
  border: 1px solid #B0B4BB;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.meetings_participant_list_info_container_active:hover {
  background: #FFFFFF;
  border: 1px solid #B0B4BB;
}

.meetings_participant_list_info_container_headline {
  margin-bottom: 0.5rem;
  position: relative;
  padding: 0rem 0.5rem;
  position: sticky;
  top: 0;
  background: #0D2137;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  z-index: 10;
}

.meetings_participant_list_info_container_headline * {
  font-weight: 700;
  font-size: 1.15rem;
  color: #FFFFFF;
}

.meetings_participant_list_row_element {
  height: 1.8rem;
  line-height: 1.8rem;
  font-size: 1rem;
}

.meetings_participant_list_row_element_headline {
  line-height: 1.8rem;
  font-size: 1rem;
}

.meetings_participant_list_row_element_left {
  float: left;
  margin-right: 1rem;
}

.meetings_participant_list_row_element_right {
  float: right;
  margin-left: 2rem;
  text-align: right;
}

.meetings_participant_list_row_element_name {
  width: 20rem;
}

/* .participant_list_row_element_checkbox{
  display: flex;
  align-items: center;
}  
  */
.meetings_participant_list_row_element_checkbox {
  width: 2rem;
}
.meetings_participant_list_row_element_email {
  width: 30rem;
}

.meetings_participant_list_row_element_email .email {
  color: #6E727A;
  font-size: 1rem;
}

.meetings_participant_list_row_element_status {
  width: 10rem;
}

.meetings_participant_list_row_element_group_check {
  width: 4rem;
}

.meetings_participant_list_row_element_group_check img {
  width: 1.3rem;
  margin: 0.25rem 0rem;
}

.meetings_participant_list_row_element_role {
  width: 10rem;
}

.meetings_meeting_view_agenda {
  float: left;
  width: 18rem;
  overflow: hidden;
  overflow-y: scroll;
  height: 100%;
  background: #E8E9EB;
}

.meetings_agenda_item_headline{
  font-size:1.9rem;
  color:#2A6098;
  height:2.0rem;
  line-height: 2.0rem;
  float:left;
  font-weight:bold;
  margin-right:1rem;

}
.meetings_meeting_view_content {
  float: left;
  width: calc(100% - 20rem);
  overflow: hidden;
  overflow-y: scroll;
  height: 100%;
  margin-left: 1rem;
}

.meetings_meeting_view_agenda_item_row {
  margin: 0.25rem 0.1rem;
  padding: 0.25rem 0rem;
  border: 1px solid #B0B4BB;
  background: #E8E9EB;
  border-radius: 0.25rem;
}

.meetings_meeting_view_agenda_item_row_label {
  width: 3.25rem;
  text-align: center;
}

.meetings_meeting_view_agenda_item_row_label img {
  height: 2rem;
}

.meetings_meeting_view_agenda_item_row_values {
  width: 3.25rem;
  font-size: 1rem;
  color: #3A3D42;
  text-align: center;
}

.meetings_meeting_view_agenda_item_row_label_text {
  margin-right: 0.75rem;
}

.meetings_meeting_view_agenda_item_row_values_text {
  width: calc(100% - 4.5rem);
  text-align: left;
  color: #6E727A;
  font-size: 0.9rem;
}

.meetings_meeting_view_agenda_item_row_values_text span {
  font-size: 0.9rem;
}

.meetings_meeting_view_agenda_item_container {
  width: 15.0rem;
  margin: 0rem;
  margin-left: 1.5rem;
  margin-top: 0.0rem;
  margin-bottom: 0.5rem;  
  background: #FFFFFF;
  border-radius: 0.25rem;
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
  padding-bottom: 0.5rem;
  cursor: pointer;
}

.meetings_meeting_view_headline_reoder_link{  
  margin: 0rem;
  margin-right: 0.5rem;  
  margin-top: 0.25rem;
  height:1.2rem;
  line-height:1.2rem;
  font-size:0.9rem;  
  float:right;
}

.meetings_meeting_view_headline {  
  margin: 0rem;
  margin-left: 1.5rem;
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;    
  font-size:1.15rem;
  height:1.2rem;
  line-height:1.2rem;
  font-weight: bold;
  color:#3A3D42;
  float:left;
}

.meetings_meeting_view_notice {  
  margin: 0rem;
  margin-left: 1.5rem;
  margin-top: 0.25rem;  
  font-size:1.00rem;      
  color:#3A3D42;
}

.meetings_meeting_view_agenda_item_container_active {
  background: #c7e2af;
}

.meetings_meeting_view_agenda_item_container_active .meetings_meeting_view_agenda_item_row {
  background: #FFFFFF;
}

.meetings_meeting_view_agenda_item_container_active .meetings_meeting_view_agenda_item_headline {
  background: #1E6B3C;
}

.meetings_meeting_view_agenda_section_container {
  width: 14.5rem;
  margin: 0rem 1rem;
  margin-top: 0.5rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  color: #3A3D42;
}

.meetings_meeting_view_agenda_item_headline {
  font-size: 1.0rem;
  font-weight: 700;
  background: #3A3D42;
  color: #FFFFFF;
  padding: 0.3rem 0.5rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  transition: 0.3s;
}

.meetings_meeting_view_agenda_item_container:hover .meetings_meeting_view_agenda_item_headline {
  background: #2A6098;
}

.meetings_meeting_view_agenda_description {
  font-size: 1.15rem;
  margin-bottom: 1rem;
}

.meetings_meeting_view_agenda_description * {
  font-size: 1.15rem;
}

.meetings_meeting_view_agenda_description b {
  font-weight: 700;
}

.meetings_meeting_view_agenda_description p {
  margin: 0rem;
}

.meetings_meeting_view_agenda_description ol {
  padding-left: 20px;
  margin: 0rem;
}

.meetings_meeting_view_agenda_description ul {
  padding-left: 20px;
  margin: 0rem;
}

.meetings_meeting_view_agenda_description li {
  line-height: 1.25rem;
}

.meetings_meeting_view_agenda_description .ql-indent-1 {
  margin-left: 15px;
}

.meetings_meeting_view_action_container {
  border-radius: 0.5rem;
  border: 1px solid #6E727A;
  background: #DCE9F5;
  margin: 1rem 0rem;
  padding: 0.5rem 1rem;
}

.meetings_meeting_view_action_headline {
  font-weight: bold;
  font-size: 1.15rem;
  margin-bottom: 1rem;
}

.meetings_meeting_view_action_vote_question {
  font-size: 1.4rem;
  margin: 1rem 0rem;
}

.vote_option_result_container {
  border: 1px solid transparent;
  float: left;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}

.vote_option_result_container_own_vote {
  border: 1px solid #2A6098;
}

.vote_option_label {
  height: 2rem;
  line-height: 2rem;
  width: 10rem;
  color: #3A3D42;
  float: left;
  font-size: 1.15rem;
  border: 1px solid transparent;
  margin: 0.3rem 0rem;
  padding-left: 0.5rem;
}

.vote_option_bar_container {
  height: 2rem;
  line-height: 2rem;
  width: 30rem;
  float: left;
  border: 1px solid #3A3D42;
  position: relative;
  margin: 0.3rem 0rem;
}

.vote_option_bar {
  position: absolute;
  height: calc(2rem - 4px);
  width: 0rem;
  background: #2A6098;
  background: #2A6098;
  left: 1px;
  top: 2px;

}

.vote_option_revoke_vote {
  height: 2rem;
  line-height: 2rem;
  margin: 0.3rem 0rem;
  padding: 0rem 1rem;
  color: #3A3D42;
  text-align: right;
  float: left;
  border: 1px solid transparent;
}

.vote_option_numbers {
  height: 2rem;
  line-height: 2rem;
  margin: 0.3rem 0rem;
  width: 5rem;
  color: #3A3D42;
  text-align: right;
  float: left;
  border: 1px solid transparent;
}

.vote_option_numbers_own_votes {
  height: 2.6rem;
  line-height: 2.6rem;
  background: #2A6098;
  border: 1px solid #2A6098;
  color: #FFFFFF;
  padding: 0rem 1rem;
  font-size: 1.0rem;
  font-weight: 700;
  text-align: right;
  margin-left: 1rem;

  float: left;
  border-radius: 0.25rem;
}

.meetings_meeting_view_action_followup_assign_label {
  font-size: 1.15rem;
  color: #6E727A;
  float: left;
  width: 15rem;
}

.meetings_meeting_view_action_followup_assign_single_person {
  font-size: 1.15rem;
  color: #3A3D42;
  margin-bottom: 0.5rem;
}

.meetings_agenda_view_comment_container {
  margin-bottom: 1.4rem;
  max-width: 45rem;
}

.meetings_agenda_item_comments_container {
  padding-top: 0.25rem;
}

.meetings_agenda_view_comment_edit_link {
  margin: 0rem 0.25rem;
  margin-bottom: 0.5rem;
  font-size: 1.00rem;
}

.meetings_agenda_view_comment_edit_link img {
  height:1.2rem;
  margin-bottom:-0.1rem;
  display:block;
  transition:0.3s;
}

.meetings_agenda_view_comment_edit_link img:hover {
  opacity:0.6;
  cursor:pointer;
}

.meetings_agenda_view_comment_author {
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  font-weight: bold;
  color: #3A3D42;
}

.meetings_agenda_view_comment_time_posted {
  font-size: 0.9rem;
  color: #7a847c;
  margin: 0rem 0.5rem;
  margin-bottom: 0.5rem;
}

.meetings_agenda_view_comment_time_text {
  font-size: 1.00rem;
  color: #263029;
  line-height: 1.5;
  border-radius: 10px;
  border: 1px solid #E1E7E3;
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(20, 40, 28, 0.05);
  padding: 0.7rem 1rem;
  /* was min-width:25rem + text-align:right, which stranded a short comment as one word in a
     very wide box. The bubble now grows with its content and the text reads from the left. */
  min-width: 6rem;
  max-width: 45rem;
  text-align: left;
  word-break: break-word;
}

/* visibility indication: the left edge of the bubble carries it — green = public/shared,
   amber = private/only the author. Private comments never reach anybody else, so the amber
   state is only ever seen by their own author. */
.meetings_agenda_view_comment_container .meetings_agenda_view_comment_time_text {
  border-left: 3px solid #1E6B3C;
}

.meetings_agenda_view_comment_private .meetings_agenda_view_comment_time_text {
  border-left-color: #BA7517;
  background: #FFFDF7;
}

/* private/public switch, sits directly left of the timestamp.
   line-height:1 matters: with the inherited line-height the text's box is taller than the
   glyphs, so centring the icon against that box left it looking off. */
.meetings_agenda_view_comment_visibility_switch {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #1E6B3C;
  background: #EBF7F1;
  border: 1px solid #CFE6DA;
  border-radius: 999px;
  padding: 0.25rem 0.55rem;
  margin: 0rem 0.4rem;
  margin-bottom: 0.5rem;
  transition: 0.3s;
  cursor: pointer;
}

.meetings_agenda_view_comment_visibility_switch:hover {
  background: #D4EFDF;
}

.meetings_agenda_view_comment_visibility_switch img {
  display: block;
  height: 0.8rem;
  width: 0.8rem;
  flex: none;
}

.meetings_agenda_view_comment_visibility_switch_private {
  color: #BA7517;
  background: #FDF4E6;
  border-color: #F0E0C4;
}

.meetings_agenda_view_comment_visibility_switch_private:hover {
  background: #FBECD6;
}

/* private/public selector: a segmented control. The radios are kept for semantics and for the
   JS that reads :checked, but pulled out of the layout — the global input{} rule adds padding
   and a border to every input, which wrecks a bare radio. The pill next to it does the styling. */
.meetings_agenda_item_comments_visibility_container {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  margin-top: 0.6rem;
  padding: 0.2rem;
  background: #F4F5F6;
  border: 1px solid #E1E7E3;
  border-radius: 999px;
}

.meetings_agenda_item_comments_visibility_option {
  position: relative;
  display: inline-flex;
  margin: 0;
  cursor: pointer;
}

.meetings_agenda_item_comments_visibility_option input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.meetings_agenda_item_comments_visibility_pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  color: #6E727A;
  opacity: 0.55;
  transition: 0.2s;
}

.meetings_agenda_item_comments_visibility_pill img {
  display: block;
  height: 0.85rem;
  width: 0.85rem;
  flex: none;
}

.meetings_agenda_item_comments_visibility_option:hover .meetings_agenda_item_comments_visibility_pill {
  opacity: 0.85;
}

.meetings_agenda_item_comments_visibility_option input:checked + .meetings_agenda_item_comments_visibility_pill {
  opacity: 1;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(20, 40, 28, 0.14);
}

.meetings_agenda_item_comments_visibility_option input:checked + .meetings_agenda_item_comments_visibility_pill_private {
  color: #BA7517;
}

.meetings_agenda_item_comments_visibility_option input:checked + .meetings_agenda_item_comments_visibility_pill_public {
  color: #1E6B3C;
}

.meetings_select_button {
  float: left;
  margin-right: 3rem;
  padding: 1rem 2rem;
  text-align: center;
  font-size: 1.15rem;
  color: #2A6098;
  border: 2px solid #2A6098;
  border-radius: 0.4rem;
  transition: 0.3s;
  background: transparent;
}

.meetings_select_button:hover {
  color: #FFFFFF;
  background: #2A6098;
  border: 2px solid #2A6098;
  cursor: pointer;
}

.meetings_select_button_active {
  color: #FFFFFF;
  background: #1E6B3C;
  border: 2px solid #1E6B3C;
}

.meetings_select_button_active:hover {
  color: #FFFFFF;
  background: #1E6B3C;
  border: 2px solid #1E6B3C;
}

.meetings_meeting_agenda_preview_action_container {
  border: 1px solid #B0B4BB;
  margin-bottom: 1rem;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  background: #E8E9EB;
}

.meetings_meeting_agenda_preview_action_container .headline {
  font-size: 1.00rem;
  font-weight: bold;
}

.meetings_meeting_agenda_preview_action_container .row {
  margin-bottom: 0.5rem;
}

.meetings_meeting_agenda_preview_action_container .label {
  font-size: 1.00rem;
  float: left;
  color: #6E727A;
  width: 10rem;
}

.meetings_meeting_agenda_preview_action_container .value {
  font-size: 1.00rem;
  color: #3A3D42;
  float: right;
  width: calc(100% - 11rem);
}

.meetings_agenda_item_comments_container {
  margin-top: 1rem;
}

.meetings_agenda_item_comments_add_form_button {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

.meetings_agenda_item_comments_add_form_container {
  font-size: 1.00rem;
  color: #000000;
  border-radius: 8px;
  border: 1px solid #6E727A;
  background: #FFFFFF;
  padding: 0.5rem 1rem;
  float: right;
  width: 40rem;
}

.meetings_agenda_item_comments_add_form_container textarea {
  width: 100%;
  height: 7rem;
  padding: 0rem;
  border: 0px solid transparent;
  font-size: 1rem;
  color: #000000;
  resize: vertical;
  outline: 0;
}

.meeting_comment_textarea {
  white-space: pre-wrap;
}

.meetings_vote_result_notice {
  color: #6E727A;
  font-size: 0.9rem;
}

.meetings_vote_result_notice span {
  color: #3A3D42;
  font-weight: bold;
  font-size: 0.9rem;
  display: inline-block;
  width: 2rem;

}

.meetings_vote_result_details_column {
  float: left;
  width: 14rem;
}

.meetings_vote_result_details_spacer {
  float: left;
  height: 100%;
  min-height: 5rem;
  width: 1rem;
  border-right: 1px solid #6E727A;
  margin-right: 1rem;
}

.meetings_vote_result_details_column_headline {
  text-align: center;
  font-weight: 700;
  font-size: 1.15rem;
  color: #1E6B3C;
  border-bottom: 1px solid #6E727A;
  height: 2rem;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}

.meetings_vote_result_details_column_voter_row {
  text-align: left;
  font-size: 1.00rem;
  color: #3A3D42;
  height: 1.5rem;
  line-height: 1.5rem;
}

.export_button_info {
  width: 15rem;
  float: right;
  height: 2.5rem;
  line-height: 2.5rem;
  background: #1E6B3C;
  color: #FFFFFF;
  font-size: 1.2rem;
  text-align: center;
  transition: 0.3s;
  border-radius: 0.5rem;
}

.export_button_info:hover {
  background: #005CA7;
  cursor: pointer;
}

.agenda_table_template {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px;
}

.agenda_table_template td {
  border-collapse: separate;
  overflow: hidden;
  text-overflow: ellipsis;
}

.agenda_name {
  font-size: 1.3rem;
  text-align: center;
  color: #2A6098;
}

.agenda_item_enumeration {
  width: 5%;
  text-align: left;
  color: #6E727A;
  font-size: 1.1rem;
  /* vertical-align: top; */
  /* padding-top: 0.5%; */
}

.agenda_item_description {
  width: 80%;
  text-align: left;
  font-size: 1.1rem;
  /* font-size: 1.2rem; */
  /* vertical-align: top; */
  /* padding-top: 0.5%; */
}

.agenda_item_duration {
  width: 15%;
  text-align: right;
  font-size: 1.1rem;
  /* vertical-align: top; */
  /* padding-top: 0.5%; */
}

.printview_agendaitem_agenda_subinfo {
  font-size: 1rem;
  color: #494444;
  text-align: justify;
}

#template_meeting_name {
  width: 90%;
}

#template_meeting_description {
  width: 90%;
}

.template-card {
  background-color: #F4F5F6;
  border: 1px solid #B0B4BB;
  padding: 20px;
  margin: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.template-title {
  font-size: 20px;
  color: #3A3D42;
  margin: 0;
}

.template-description {
  font-size: 16px;
  color: #666;
  margin: 10px 0;
}

.publish-button,
.delete-button,
details-button,
make-available-button {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  margin: 5px;
}

.publish-button:hover,
.delete-button:hover,
details-button:hover,
make-available-button:hover {
  background-color: #0056b3;
}

#meeting_template_preview {
  width: 13%;
  margin-left: 15rem;
  color: #6E727A;
}


.meetings_template_button {
  margin-left: 1rem;
}


.preview_template_button {
  line-height: 2.5rem;
  height: 2.5rem;
  background: #6E727A;
  border: 1px solid #6E727A;
  color: #FFFFFF;
  font-size: 1.0rem;
  text-align: center;
  transition: 0.3s;
  cursor: pointer;
  font-style: normal;
  width: 16rem;
  color: #FFFFFF;



}

.preview_template_button img {
  height: 2.5rem;
  width: 2.5rem;
  margin-bottom: -0.9rem;
  margin-right: 0.1rem;
}

.preview_template_button:hover {
  background: #2A6098;
  border: 1px solid #2A6098;
  color: #FFFFFF;
  cursor: pointer;
}


.participants_column {
  display: flex;
  width: 100%;

}

.meetings_participants_template {
  width: 30%;
  padding: 10px;
}


.custom-checkbox {
  flex: 1;
  width: 45%;
  padding: 10px;
  text-align: right;
}

.value_focus {
  font-weight: bold;
  color: #6E727A;
}

.value_no_focus {
  font-weight: lighter;
}

.toggleSwitchContainerSmall {
  float: left;
  /* height:2rem; */
  line-height: 2rem;
  /* font-size:1.15rem;   */
  margin-right: 0.5rem;
}

.meetings_template_container {
  border: 1px solid #B0B4BB;
  border-radius: 5px;
  padding: 15px;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.meetings_template_attendees {
  font-weight: bold;
}

.meetings_template_participants {
  flex: 1;
  padding: 15px;
}

.meetings_template_checkbox {
  display: flex;
  align-items: center;
}

.meetings_template_section_container {
  height: 15rem;
  overflow-y: scroll;
}

.meetings_template_store_template_selector_headline {
  font-family: 'Capitolina', serif;
  font-size: 1.7rem;
  color: #2A6098;
  transition: 0.3s;
}

.meetings_template_details_modal {
  min-height: 25rem;
}
.modalLabel_valueMissing {
  color: #F99D1C !important;
  font-weight: bold;
}

.meeting_participants_element_container{
  background:#ffffffa6;
  margin-bottom:1rem;
  border-radius:0.5rem;
  padding:1rem;
  padding-bottom: 3rem;
}
.meeting_participants_custom_text_editor{
  max-width:70rem;
}

.leftMeetingSelectContainer{
  position:sticky;  
  top:0;
  width:15rem;
  border-right:1px solid #B0B4BB;
  float:left;
  background:#FFFFFF;
  margin-left:0rem;  
  padding-left:0.5rem;
}
 
#meetingSelectFormList{
  overflow:hidden;
  overflow-y:auto;
  height:600px;  
}

.meetings_meetingListContainer{
  margin:3px 5px;
}

.meetings_meetingListContainerActive{
  background:#1E6B3C;
  color:#FFFFFF;
}
.meetings_meetingListContainerActive:hover{
  background:#1E6B3C;
}
.select_meetingDiv{
  position:relative;  
  transition:0.3s;
  margin-bottom:0.2rem;
  padding:0.1rem 0.1rem;
  background:#FDFDFD;
}
.select_meetingDiv_name{  
  font-size:1.15rem;
  transition:0.3s;
}
.select_meetingDiv_description{  
  font-size:0.9rem;
  color:#6E727A;
  transition:0.3s;
}
.select_meetingDiv:hover{
  cursor:pointer;
  background:#2A6098;
  color:#FFFFFF;
}
.select_meetingDiv:hover .select_meetingDiv_name{  
  color:#FFFFFF;
}
.select_meetingDiv:hover .select_meetingDiv_description{  
  color:#FFFFFF;
}
.select_meetingDiv_active{
  background:#0D2137;
  color:#FFFFFF;
}
.select_meetingDiv_active .select_meetingDiv_name{  
  color:#FFFFFF;
}
.select_personDiv_active .select_meetingDiv_description{  
  color:#FFFFFF;
}

#selectMeetingContent{
  overflow:hidden;
  margin-right:1rem;
}
.meetings_meeting_view_agenda_item_reorder_container {
  width: 14.5rem;
  margin: 0rem 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  background: #FFFFFF;
  border-radius: 0.25rem;
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
}
.meetings_meeting_view_agenda_item_order  {
  font-size: 1.0rem;
  font-weight: 700;
  background: #3A3D42b5;
  color: #FFFFFF;
  padding: 0.3rem 0.5rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  transition: 0.3s;
  min-height: 3rem;
}

.horizontalSeparator{
  height:calc(0.5rem - 1px);  
  position:relative;
  width: calc(70% + 2rem);
  margin-left:-0rem;
}
.horizontalSeparator .addLine{  
  transition:0.3s;
  height:2px;
  background:#DCE9F5;
  position:relative;
  margin-top: calc(0.25rem - 1px);
  opacity:0;
  position:relative;
}
.horizontalSeparator:hover .addLine{
  opacity:1;
}
.horizontalSeparator .addLine:hover{
opacity:1;
}
.addLineImg{
  height:1.5rem;
  margin-top:-0.9rem;  
  cursor:pointer;
}
.addLineImg:hover{
  opacity:0.7;
}
.addLineImg:hover .addLine{
  opacity:1;  
}
.reorderButton{
   width: 14.5rem;
   margin-left: 2rem;
 }
.meetings_agenda_delete_option {
  float: right;
  height: 1.5rem;
  line-height: 1.5rem;
  transition: 0.3s;
}
.meetings_agenda_delete_option img {
  height: 1.5rem;
  width: 1.5rem;
  transition: 0.3s;
}
.meetings_agenda_delete_option:hover img {
  cursor: pointer;
  opacity: 0.6;
}
.meeting_delete_container{
  padding: 2rem;
}
.draggable-item {
  cursor: move;
}
.margin_left{
  margin-left: 1rem;
}
 
.menu_item.dropdown {
  position: relative;
}
.submenu {
  display: none;
  position: absolute;
  top: 0;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  padding: 5px;
  z-index: 1000; 
}
.menu_item.dropdown:hover .submenu {
  display: block;
}
.submenu .menu_item {
  display: flex;
  align-items: center;
}

/* ---------------- attendance / roll call (pinned selector entry + content view) ---------------- */
.meetings_attendance_selector_note {
  margin: 0.25rem 0.5rem 0rem 0.5rem;
  font-size: 0.8rem;
  color: #6b746d;
}
.meetings_attendance_summary {
  margin: 0.5rem 0rem 1rem 0rem;
  font-size: 1rem;
  color: #3A3D42;
}
.meetings_attendance_quorum {
  margin-left: 1rem;
  font-weight: bold;
}
.meetings_attendance_quorum_met {
  color: #1E6B3C;
}
.meetings_attendance_quorum_not_met {
  color: #A6552B;
}
.meetings_attendance_list_headline {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  font-size: 0.85rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6b746d;
}
.meetings_attendance_row {
  padding: 0.4rem 0.25rem;
  border-bottom: 1px solid #e3e8e3;
}
.meetings_attendance_row_unrecorded {
  background: #fbfcfb;
}
/* styled check control — NOT a bare checkbox (the global input{} rule mangles those) */
.meetings_attendance_check {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  line-height: 1.3rem;
  text-align: center;
  border: 1.5px solid #c9d2cb;
  border-radius: 0.25rem;
  background: #FFFFFF;
  color: #FFFFFF;
  font-weight: bold;
  vertical-align: middle;
  margin-right: 0.6rem;
}
.meetings_attendance_check_on {
  background: #1E6B3C;
  border-color: #1E6B3C;
}
.meetings_attendance_row_name {
  display: inline-block;
  min-width: 14rem;
  font-weight: bold;
  color: #3A3D42;
  vertical-align: middle;
}
.meetings_attendance_row_name_clickable {
  cursor: pointer;
}
.meetings_attendance_row_name_clickable:hover {
  color: #1E6B3C;
}
.meetings_attendance_kind {
  font-size: 0.75rem;
  font-weight: normal;
  color: #6b746d;
  background: #f0f2f0;
  border: 1px solid #dfe6e1;
  border-radius: 1rem;
  padding: 0rem 0.5rem;
  margin-left: 0.4rem;
}
.meetings_attendance_row_role {
  display: inline-block;
  min-width: 8rem;
  color: #6b746d;
  font-size: 0.85rem;
  vertical-align: middle;
}
.meetings_attendance_row_status {
  display: inline-block;
  min-width: 9.5rem;
  vertical-align: middle;
}
.meetings_attendance_row_status select {
  width: 9rem;
}
.meetings_attendance_status_present {
  color: #1E6B3C;
  font-weight: bold;
}
.meetings_attendance_status_absent {
  color: #A6552B;
  font-weight: bold;
}
.meetings_attendance_status_excused {
  color: #BA7517;
  font-weight: bold;
}
.meetings_attendance_status_unrecorded {
  color: #9aa39c;
}
.meetings_attendance_row_time {
  display: inline-block;
  min-width: 9rem;
  color: #9aa39c;
  font-size: 0.8rem;
  vertical-align: middle;
}
.meetings_attendance_remove_link {
  color: #CF381E;
  font-size: 0.85rem;
  margin-left: 0.5rem;
}
.meetings_attendance_add_container {
  margin-top: 1.5rem;
}
.meetings_attendance_add_note {
  font-size: 0.8rem;
  color: #6b746d;
  margin-bottom: 0.5rem;
}
.meetings_attendance_add_row {
  margin-bottom: 0.5rem;
}
.meetings_attendance_add_row select,
.meetings_attendance_add_row input {
  width: 20rem;
  max-width: 100%;
}
.meetings_attendance_add_link {
  margin-left: 0.75rem;
  font-size: 0.9rem;
}
/* close-roll-call confirm card */
.meetings_attendance_confirm_card {
  max-width: 34rem;
  background: #FFFFFF;
  border-radius: 0.25rem;
  border-left: 0.25rem solid #A6552B;
  box-shadow: rgb(0 0 0 / 13%) 0px 1.6px 3.6px 0px, rgb(0 0 0 / 11%) 0px 0.3px 0.9px 0px;
  padding: 1.25rem 1.5rem;
  margin-top: 0.5rem;
}
.meetings_attendance_confirm_title {
  font-size: 1.15rem;
  font-weight: bold;
  color: #3A3D42;
  margin-bottom: 0.5rem;
}
.meetings_attendance_confirm_text {
  color: #3A3D42;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.meetings_attendance_confirm_names {
  margin: 0rem 0rem 1rem 0rem;
  padding: 0.5rem 0.75rem;
  background: #faf7f2;
  border: 1px solid #eee3d3;
  border-radius: 0.25rem;
  max-height: 12rem;
  overflow: auto;
}
.meetings_attendance_confirm_names div {
  padding: 0.15rem 0rem;
  font-weight: bold;
  color: #3A3D42;
}
.meetings_attendance_confirm_hint {
  font-size: 0.85rem;
  color: #6b746d;
  margin-bottom: 1rem;
}
/* closed-state banner */
.meetings_attendance_closed_banner {
  background: #faf7f2;
  border: 1px solid #eee3d3;
  border-left: 0.25rem solid #A6552B;
  border-radius: 0.25rem;
  padding: 0.6rem 0.9rem;
  margin-bottom: 0.75rem;
  color: #3A3D42;
}
.meetings_attendance_closed_banner_title {
  font-weight: bold;
  color: #A6552B;
  margin-right: 0.6rem;
}