﻿
.minutes-editor__container {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding-bottom: 30rem; */
    color: black;
}

.minutes-editor__container-inner {
    /*width: 816px;*/
    /* width calculada */
}

.minutes-editor__container .JColResizer > tbody > tr > td,
.minutes-editor__container .JColResizer > tbody > tr > th {
    overflow: unset !important;
}

.minutes-editor__container .ql-editor .ql-checkbox {
    display: inline-block;
    margin: 0 4px;
}
.minutes-editor__container .ql-editor .ql-checkbox {
    cursor: pointer;
    width: 15px;
    height: 15px;
}

.minutes-editor__page {
    border: 1px solid hsl(214 23% 91%);
    border-radius: 8px;
    width: 816px; /* width original */
    min-height: 1124px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    background-color: white;
    flex: 1;
    display: flex;
    flex-direction: column;

    /*transform-origin: 0 0;*/
    -webkit-font-smoothing: antialiased;
    transform-origin: top left;
    transform: scale(1); /* scale calculada*/
    direction: ltr;
    position: relative;
}

.minutes-editor__page-content {
    padding-top: 0;
    padding-bottom: 0;
    /*padding-left: 56px;
    padding-right: 56px;*/
    flex: 1;
    display: flex;
    flex-direction: column;
}

.minutes-editor__page-content .ProseMirror {
    padding-left: 56px;
    padding-right: 56px;
}

@media (max-width:1180px) {
    .minutes-editor__page {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
        width: 100%;
    }

    .minutes-editor__page-content {
        padding-left: 0;
        padding-right: 0;
    }
}

.minutes-editor__zoom-container {
    /*position: sticky;*/
    position: fixed;
    bottom: 50px;
    z-index: 700;
    left: 0;
}

.minutes-editor__zoom-container-inner {
    background-color: white;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    border: 1px solid hsl(214 23% 91%);
    border-radius: 8px;
    padding: 1rem;
    width: 300px;
    max-width: 94%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: auto;
}
.minutes-editor__zoom-slider-button {
    /*padding-top: 16px;*/
    cursor: pointer;
}
.minutes-editor__zoom-slider-button--reset {
    margin-right: 10px;
}
.minutes-editor__zoom-slider-button .fa {
    font-size: 22px;
    color: #ff601a;
}
.minutes-editor__zoom-slider {
    margin: 0 10px;
    flex: 1;
    position: relative;
}
.minutes-editor__zoom-slider .rzslider {
    position: absolute;
    top: -35px;
}
.minutes-editor__zoom-slider .rzslider .rz-bar-wrapper {
    margin-top: -21px;
}
.minutes-editor__zoom-slider .rzslider .rz-bar {
    height: 10px;
    border-radius: 10px;
}

.minutes-editor__page-header {
    padding-bottom: 2rem;
    padding-top: 2rem;
    font-style: italic;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transition: opacity 0.35s ease-in-out;
    padding-left: 56px;
    padding-right: 56px;
}
.minutes-editor__page-header:hover {
    opacity: 1;
}

.minutes-editor__page-body {
    flex: 1;
}

.minutes-editor__page-footer {
    padding-bottom: 2rem;
    padding-top: 2rem;
    font-style: italic;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transition: opacity 0.35s ease-in-out;
    padding-left: 56px;
    padding-right: 56px;
}
.minutes-editor__page-footer:hover {
    opacity: 1;
}

.minutes-editor__item {
    position: relative;
}

.minutes-editor__item-side-icon-hover-box {
    width: 100px;
    position: absolute;
    left: -100px;
    height: 100%;
}

.minutes-editor__item-side-icon-hover-box--smaller {
    width: 20px;
    left: -20px;
}

.minutes-editor__item-side-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 80px;
}

.minutes-editor__item-side-icon-with-from {
    width: 60px;
}

.minutes-editor__page-body blockquote, .minutes-editor__page-body dd, .minutes-editor__page-body dl, .minutes-editor__page-body figure,
.minutes-editor__page-body h1, .minutes-editor__page-body h2, .minutes-editor__page-body h3, .minutes-editor__page-body h4, .minutes-editor__page-body h5, .minutes-editor__page-body h6,
.minutes-editor__page-body hr, .minutes-editor__page-body p, .minutes-editor__page-body pre {
    margin: 0;
}

.ProseMirror *, .ProseMirror h1, .ProseMirror h2, .ProseMirror h3, .ProseMirror h4, .ProseMirror h5, .ProseMirror h6, .ProseMirror p {
    line-height: 1.35;
}

.ProseMirror h1 {
    font-size: 24pt;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.ProseMirror h2 {
    font-size: 16pt;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.ProseMirror h3 {
    font-size: 14pt;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.ProseMirror h4 {
    font-size: 11pt;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.ProseMirror p {
    font-size: 10pt;
    font-weight: 400;
    line-height: 1.35;
    margin-top: .5rem;
}

.ProseMirror b, .ProseMirror strong {
    font-weight: 600;
}


.ProseMirror table {
    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
    border-radius: .25rem;
    border-color: hsl(var(--border))
}

.ProseMirror table .selectedCell {
    background-color: rgb(96 165 250);
}

@media print {
    .ProseMirror table {
        table-layout: fixed
    }
}

.ProseMirror table tr:first-child:not(:last-child) {
    break-after: avoid
}

.ProseMirror table tr:last-child:not(:first-child) {
    break-before: avoid
}

.ProseMirror table td,.ProseMirror table th {
    position: relative;
    break-inside: avoid-page;
    border-width: 1px;
    padding: .5rem;
    text-align: left;
    vertical-align: top
}

.minutes-editor__paragraph-line .ql-blank::before  {
    color: #aaa !important;
}

.tippy-box[data-theme~='minute-editor'] {
    background-color: transparent;
    z-index: 800;
}

.minutes-editor__item-default-line {
    width: 100%;
    height: 34px;
}

.minutes-editor__item-default-line .dropdown-menu {
    max-height: 300px;
    min-width: 260px;
    overflow-y: auto;
    z-index: 1000;
    --sb-track-color: #f1f1f1;
    --sb-thumb-color: #ff601a;
    --sb-size: 8px;
    padding-right: 1px;
}
.minutes-editor__item-default-line .dropdown-menu::-webkit-scrollbar {
  width: var(--sb-size);
}
.minutes-editor__item-default-line .dropdown-menu::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 5px;
}
.minutes-editor__item-default-line .dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 5px;

}
@supports not selector(::-webkit-scrollbar) {
  .minutes-editor__item-default-line .dropdown-menu {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}

.minutes-editor__item-default-line .dropdown-menu > li.active > a {
    background-color: #ff601a !important;
    color: white;
}

.minutes-editor__item-side-icon .dropdown-menu {
    min-width: 190px;
}

.minutes-editor__item-default-line__input {
    width: 100%;
    border-width: 0 !important;
    box-shadow: none !important;
    opacity: 0;
    padding-left: 2px;
}
.minutes-editor__item-default-line__input:focus,
.minutes-editor__item-default-line__input:active,
.minutes-editor__item-default-line:hover .minutes-editor__item-default-line__input,
.minutes-editor__item-default-line__input:hover {
    opacity: 1;
}

.minutes-editor__item-break-line {
    background-color: rgb(248 250 252 / 1);
    /*padding-left: calc(4.5rem - 1px - 56px);
    padding-right: calc(4.5rem - 1px - 56px);
    margin-left: -4.5rem;
    margin-right: -4.5rem;*/

    width: 816px;
    margin-left: -57px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.minutes-editor__item-break-line__top {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    border: 1px solid hsl(214 23% 91%);
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0;
    padding-left: 56px;
    padding-right: 56px;
}

.minutes-editor__item-break-line__bottom {
    margin-top: 4rem;
    border: 1px solid hsl(214 23% 91%);
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-width: 0;
    padding-left: 56px;
    padding-right: 56px;
}

@media (max-width:1180px) {
    .minutes-editor__item-break-line {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .minutes-editor__item-break-line__top {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .minutes-editor__item-break-line__bottom {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none;
    }
}

.minutes-editor__item-index-line__title .ql-editor {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 8px;
}
.minutes-editor__item-index-line__title .ql-blank::before {
    color: #aaa !important;
}

.minutes-editor__item-index-line-h1 {
    font-weight: 600;
    font-size: 16px;
    padding-left: .25rem;
    padding-right: .25rem;
    margin-top: .25rem;
}

.minutes-editor__item-index-line-h2 {
    font-size: 14px;
    margin-left: 20px;
    padding-left: .25rem;
    padding-right: .25rem;
}

.minutes-editor__item-index-line-h3 {
    font-size: 14px;
    margin-left: 40px;
    padding-left: .25rem;
    padding-right: .25rem;
}

.minutes-editor__item-index-line-h1,
.minutes-editor__item-index-line-h2,
.minutes-editor__item-index-line-h3 {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    color: black;
    text-decoration: inherit;
}

.minutes-editor__item-index-line-h1:hover,
.minutes-editor__item-index-line-h2:hover,
.minutes-editor__item-index-line-h3:hover {
    background-color: hsl(210 40% 96%);
}

.minutes-editor__item-text-input {
  white-space: normal; /* ensure it wraps */
  word-break: break-word; /* break long words */
  width: 100%; /* or a max-width like 600px */
}

.minutes-editor__item-text-input .ql-picker.ql-size .ql-picker-label[data-value]:not([data-value=''])::before,
.minutes-editor__item-text-input .ql-picker.ql-size .ql-picker-item[data-value]:not([data-value=''])::before {
  content: attr(data-value) !important;
}

.minutes-editor__item-text-input .ql-editor {
    padding: 0;
    /*padding-left: 2px;*/
    white-space: pre-wrap; /* preserve line breaks */
    word-break: break-word;
    overflow: unset;
    /*color: black;*/
}

.minutes-editor__item-text-input .ql-editor.ql-blank::before {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.minutes-editor__item-text-input .ql-tooltip {
    z-index: 99999;
}
.minutes-editor__item-text-input .ql-picker.ql-expanded .ql-picker-options {
    max-height: 300px;
    overflow-y: auto;
}
.minutes-editor__item-text-input .ql-tooltip {
    background-color: rgb(255, 255, 255) !important;
    border-radius: 0.7rem !important;
    border: 1px solid rgb(229, 229, 229) !important;
    color: rgb(0, 0, 0) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
}
.minutes-editor__item-text-input .ql-tooltip::before {
    border-top-color: rgb(255, 255, 255) !important;
}
.minutes-editor__item-text-input .ql-tooltip-arrow {
    display: none !important;
}
.minutes-editor__item-text-input .ql-stroke {
    stroke: rgb(0, 0, 0) !important;
}
.minutes-editor__item-text-input .ql-active .ql-stroke {
    stroke: #ff601a !important;
}
.minutes-editor__item-text-input .ql-checkbox {
    color: rgb(0, 0, 0) !important;
}
.minutes-editor__item-text-input .ql-ai {
    color: #ff601a !important;
    width: 40px !important;
}
.minutes-editor__item-text-input .ql-fill {
    fill: rgb(0, 0, 0) !important;
}
.minutes-editor__item-text-input .ql-active .ql-fill {
    fill: #ff601a !important;
}
.minutes-editor__item-text-input .ql-picker-label {
    color: rgb(0, 0, 0) !important;
}
.minutes-editor__item-text-input .ql-picker-label.ql-active {
    color: #ff601a !important;
}
.minutes-editor__item-text-input .ql-picker-options {
    background-color: rgb(255, 255, 255) !important;
    border-radius: 0.7rem !important;
    border: 1px solid rgb(229, 229, 229) !important;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
}
.minutes-editor__item-text-input .ql-picker-item {
    color: rgb(0, 0, 0) !important;
}

.minutes-editor__item-text-input .ql-editor.ql-blank::before {
    left: 0;
}
.minutes-editor__item-text-input .ql-tooltip-editor input[type=text] {
    color: black !important;
}

.minutes-editor__table-line {
    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
    border-radius: .25rem;
    border: 1px solid hsl(240 5.9% 90%);
    margin-bottom: 10px;
}

.minutes-editor__table-line td {
    position: relative;
    break-inside: avoid-page;
    border: 1px solid hsl(240 5.9% 90%);
    padding: 12px !important;
    text-align: left;
    vertical-align: top;
}

.minutes-editor__table-line--no-border {
    border: transparent;
}
.minutes-editor__table-line--no-border td {
    border-color: transparent;
}

.minutes-editor__table-line--no-border:hover {
    border: rgba(231, 231, 228, 0.4);
}
.minutes-editor__table-line--no-border:hover td {
    border-color: rgba(231, 231, 228, 0.4);
}

.minutes-editor__table-line-resizer-grip {
	width:8px;
	height:15px;
	margin-top:-3px;
	background-color: transparent;
	margin-left:-5px;
	position:relative;
	z-index:88;
	cursor:e-resize;
}

.minutes-editor__container .JCLRgrip .JColResizer {
    width: 6px !important;
}

.minutes-editor__table-line__first-row-grip {
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    width: calc(100% + 1px);
    height: 12px;
    display: block;
    cursor: pointer;
    background-color: hsl(210 40% 96.1%);
    border: 1px solid hsl(217.2 91.2% 59.8% / .3);
    border-bottom: 0;
    border-left: 0;
    border-top: 0;
    text-align: center;
    opacity: 0;
}
.minutes-editor__table-line__first-row-grip .dropdown {
    height: 100%;
}
.minutes-editor__table-line__first-row-grip button {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    height: 100%;
}
.minutes-editor__table-line__first-row-grip:hover {
    background-color: hsl(210 12% 90%);
}
.minutes-editor__table-line__first-row-grip .minutes-editor__table-line__row-grip-icon {
    opacity: 0;
    color: hsl(215 20% 65%);
    font-size: 12px;
    display: block;
}
.minutes-editor__table-line__first-row-grip:hover .minutes-editor__table-line__row-grip-icon {
    opacity: 1;
}
.minutes-editor__table-line__first-row-grip.is-first {
    border-top-left-radius: 2px;
}
.minutes-editor__table-line__first-row-grip.is-last {
    border-top-right-radius: 2px;
    border-right: 0;
}

.minutes-editor__table-line__first-col-grip {
    position: absolute;
    left: -12px;
    top: 0;
    height: calc(100% + 1px);
    width: 12px;
    display: block;
    cursor: pointer;
    background-color: hsl(210 40% 96.1%);
    border: 1px solid hsl(217.2 91.2% 59.8% / .3);
    border-right: 0;
    border-left: 0;
    border-top: 0;
    opacity: 0;
    /*z-index: 100;*/
}
.minutes-editor__table-line__first-col-grip:hover {
    background-color: hsl(210 12% 90%);
}
.minutes-editor__table-line__first-col-grip .dropdown {
    width: 100%;
    height: 100%;
}
.minutes-editor__table-line__first-col-grip button {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.minutes-editor__table-line__first-col-grip .minutes-editor__table-line__row-grip-icon {
    opacity: 0;
    color: hsl(215 20% 65%);
    font-size: 12px;
    display: block;
}
.minutes-editor__table-line__first-col-grip:hover .minutes-editor__table-line__row-grip-icon {
    opacity: 1;
}
.minutes-editor__table-line__first-col-grip.is-first {
    border-top-left-radius: 2px;
}
.minutes-editor__table-line__first-col-grip.is-last {
    border-bottom-left-radius: 2px;
    border-bottom: 0;
}

.tableWrapper.has-focus .minutes-editor__table-line__first-row-grip,
.tableWrapper.has-focus .minutes-editor__table-line__first-col-grip {
    opacity: 1;
}

.minutes-editor__item-side-icon .dropdown-submenu .dropdown-toggle {
    box-shadow: none !important;
}

.minutes-editor__item-input-autocomplete {
    position: absolute;
    z-index: 9999999999;
    background-color: white;
    border: 1px solid rgb(229, 229, 229) !important;
    border-radius: 0.7rem;
    padding: 4px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
    min-width: 150px;
    max-height: 300px;
    overflow-y: auto;
}

.minutes-editor__item-input-autocomplete-item {
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 0.7rem;
}



/* AI */
.minutes-editor__ai-container {
    /* margin-top: 6px; */
    display: flex;
}

.minutes-editor__ai-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.minutes-editor__ai-container-or {
    padding: 6px;
    font-size: 12px;
    color: gray;
}

.minutes-editor__ai-container-input {
    width: 300px;
}

.minutes-editor__ai-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

/*********** MINUTE NOTES ***********/
.minute-notes__container {
    /*position: fixed;*/
    /*top: 36rem;*/
    /*margin-top: 2rem;*/
    /*padding-bottom: 2rem;*/
    width: 0;
    /*overflow-y: auto;
    overflow-x: hidden;*/
    /*overflow: hidden;*/
    background-color: white;
    display: flex;
    transition: width 0.5s ease-in-out;
    opacity: 0;
    /*direction: rtl;*/ /* scrollbar à esquerda */
    text-align: left;
    position: sticky;
}


    .minute-notes__container.visible {
        width: 510px;
        opacity: 1;
    }

@media (max-width:1666px) {
    .minute-notes__container {
        position: fixed !important;
        right: 0;
        /*top: 120px !important;*/
        background-color: white;
        /*height: calc(100dvh - 140px);*/
        z-index: 1036;
    }
    .minute-notes__container.visible {
        /* width: 510px; */
        border: 1px solid hsl(214 23% 91%);
        border-right: 0;
        border-bottom: 0;
    }
}

.minute-notes_search-container {
    width: 100%;
    padding: 1rem 0;
}

.minute-notes_search-input {
    width: 100%;
    padding: 1rem;
    border-radius: 20px;
    border: 1px solid hsl(214 23% 91%);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.minute-notes__button-container {
    position: sticky;
    top: 16rem;
}

.minute-notes__button-container {
    margin-top: 2rem;
    right: 0;
    background-color: white;
    z-index: 998;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid hsl(214 23% 91%);
    border-right: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.minute-notes__button-container.hidden {
    display: none;
}

@media (max-width:1666px) {
    .minute-notes__button-container {
        margin-top: 2rem;
        right: 0;
        background-color: white;
        z-index: 998;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid hsl(214 23% 91%);
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    }

    .minute-notes__button-container.hidden {
        visibility: hidden;
        display: flex !important;
    }
}

.minute-notes__button-container .minute-notes__button {
    font-size: x-large;
    padding: 1rem 2rem;
}

.minute-notes__content {
    flex: 1;
    padding: 1rem 1rem 0 0;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.minute-notes__body {
    direction: ltr;
    flex: 1;
    overflow-y: auto;
    padding: 0 1rem 4rem;
}

.minute-notes__header {
    display: flex;
    padding: 5px 15px;
    align-items: center;
}

.minute-notes__header-button {
    width: 2.6rem;
    height: 2.6rem;
    padding: 0.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    color: rgb(100 116 139);
}
.minute-notes__header-button:hover {
    background-color: hsl(210 40% 96%);
    color: hsl(222 47% 11%);
}

.minute-notes__header-tabs {
    display: flex;
    flex: 1;
    justify-content: center;
}

.minute-notes__header-tab {
    margin: 0 1rem;
    cursor: pointer;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid hsl(214 23% 91%);
}

    .minute-notes__header-tab.active {
        font-weight: bold;
        border-bottom: solid 2px #58666e;
    }

.minute-notes__note,
.minute-notes__minute {
    position: relative;
    margin: 5px 0 20px 0;
    padding: 15px 20px;
    border: 1px solid hsl(214 23% 91%);
    border-radius: 8px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    display: flex;
    flex-direction: column;
}

.minute-notes__note {
    /* max-height: 250px; */
}

.minute-notes__minute {
}

.minute-notes__note--icon {
    text-align: left;
}

.minute-notes__notes-list {
    /* display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 240px 240px;
    gap: 12px; */
}

.minute-notes__note-lines {
    /*height: 184px;*/
    overflow: hidden;
    position: relative;
    flex: 1;
    user-select: none;
}
.minute-notes__note-lines p {
  pointer-events: none;
}

/* .minute-notes__note-lines::after {
    content: "";
    background-image: linear-gradient(to bottom, transparent 80%, hsl(0 0% 100%));
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
} */

.minute-notes__minute{
    cursor: pointer;
}

.minute-notes__minute-body {
    display: flex;
    text-align: left;
}

.minute-notes__minute-name {
    flex: 1;
}


.minute-notes__minute-status{

}

.minute-notes__note-header {
    padding-bottom: 1rem;
    border-bottom: 1px solid hsl(214 23% 91%);
}

.minute-notes__note-footer {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.minute-notes__note-footer-user {
    font-size: small;
    color: #ccc;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: start;
    text-align: left;
}

.minute-notes__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.minute-notes__footer-buttons {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    direction: ltr;
    margin: 1rem 0;
    border-radius: 20px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 5px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    background-color: #ffffff;
}

.minute-notes__footer-button {
    margin: 1px;
    padding: 0.7rem 2rem;
    min-width: 99px;
    text-align: center;
    font-weight: bold;
    background-color: hsl(210 40% 96%);
    color: hsl(222 47% 11%);
}

    .minute-notes__footer-button:hover {
        background-color: hsl(214 32% 91%);
    }

    .minute-notes__footer-button:first-of-type {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .minute-notes__footer-button:last-of-type {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

.minute-notes__footer-button i {
    margin-right: 5px;
}

.minute-notes__note-create-body {
    display: flex;
    align-items: start;
    flex-direction: column;
    margin: 2rem;
    /*padding: 2rem;*/
    border: 1px solid hsl(214 23% 91%);
    border-radius: 8px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 5px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.minute-notes__note-create-body-header {
    align-self: center;
    font-weight: bold;
}

.minute-notes__note-create-body-row {
    width: 100%;
    text-align: left;
}

.minute-notes__note-create-body-row label {
    margin-top: 1rem;
    color: #58666e;
}

.minute-notes__note-create-body-input {
    padding: 10px;
}

.minute-notes__note-create-body-row input[type='text'] {
    width: 100%;
    border: 1px solid hsl(214 23% 91%);
    border-radius: 8px;
    padding: 8px;
}

.minute-notes__note-create-body-row .ProseMirror {
    padding-left: 1rem;
    padding-right: 1rem;
}


.minutes-editor__mini-item {
    position: relative;
}

.minutes-editor__mini-item-side-icon-hover-box {
    width: 100px;
    position: absolute;
    left: -100px;
    height: 100%;
}

.minutes-editor__mini-item-side-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 80px;
}

.minutes-editor__images-line {
    margin-top: 6px;
}

.minutes-editor__images-choose {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 6px 0;
    position: relative;
}

.minutes-editor__images-choose-simple {
    margin: 6px 0;
    overflow: hidden;
}

.minutes-editor__images-drop {
    flex: 1;
}

.minutes-editor__images-or {
    padding: 10px;
}

.minutes-editor__images-fractions-button {
    margin: 8px 0;
}

.minutes-editor__images-line__images--thumbnails {
    --imageCount: 4;
    --imageMaxWidth: 50%;
    --imageMaxHeight: 235px;
    --contentJustify: start;
    --imageLegendDirection: row;
    --imageLegendGap: 4px;
    --legendDisplay: block;
}

.minutes-editor__images-line__images--1-column {
    --imageCount: 1;
    --imageMaxWidth: 100%;
    --imageMaxHeight: 500px;
    --contentJustify: center;
    --imageLegendDirection: column;
    --imageLegendGap: 0px;
    --legendDisplay: block;
}

.minutes-editor__images-line__images--2-column {
    --imageCount: 2;
    --imageMaxWidth: 100%;
    --imageMaxHeight: 500px;
    --contentJustify: center;
    --imageLegendDirection: column;
    --imageLegendGap: 0px;
    --legendDisplay: block;
}

.minutes-editor__images-line__images--3-column {
    --imageCount: 3;
    --imageMaxWidth: 100%;
    --imageMaxHeight: 500px;
    --contentJustify: center;
    --imageLegendDirection: column;
    --imageLegendGap: 0px;
    --legendDisplay: block;
}

.minutes-editor__images-line__images--4-column {
    --imageCount: 4;
    --imageMaxWidth: 100%;
    --imageMaxHeight: 500px;
    --contentJustify: center;
    --imageLegendDirection: column;
    --imageLegendGap: 0px;
    --legendDisplay: block;
}

.minutes-editor__images-line__images--aspect-landscape {
    --imageRatio: 1.3333333333333333;
}

.minutes-editor__images-line__images--aspect-none {
    --imageRatio: 1.3333333333333333;
}
.minutes-editor__images-line__images--aspect-none .minutes-editor__images-line__image-wrapper{
    max-width: unset;
    max-height: unset;
}
.minutes-editor__images-line__images--aspect-none .minutes-editor__images-line__image-wrapper,
.minutes-editor__images-line__images--aspect-none .minutes-editor__images-line__image {
    aspect-ratio: unset !important;
}

.minutes-editor__images-line__images--aspect-portrait {
    --imageRatio: 0.75;
}

.minutes-editor__images-line__images--aspect-square {
    --imageRatio: 1;
}

.minutes-editor__images-line__images--fill {
    --imageObjectFit: cover;
    /*--imageBorder: 0;*/
}

.minutes-editor__images-line__images--center {
    --imageObjectFit: scale-down;
    /*--imageBorder: 1px;*/
}

.minutes-editor__images-line__images--no-border {
    --imageBorder: 0px;
}

.minutes-editor__images-line__images--border {
    --imageBorder: 1px;
}

.minutes-editor__images-line__images-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
    --isOneColumn: max(0, calc(1 - (var(--imageCount) - 1)));
    --maxContentWidth: calc(100% / var(--imageCount) + (var(--isOneColumn) - 1) * 6px);
}

.minutes-editor__images-line__image-container {
    max-width: var(--maxContentWidth);
    flex-basis: var(--maxContentWidth);
    flex-shrink: 0;
    flex-grow: var(--isOneColumn);
}

.minutes-editor__images-line__image-block {
    display: flex;
    break-inside: avoid-page;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    flex-direction: var(--imageLegendDirection);
}

.minutes-editor__images-line__image-wrapper {
    position: relative;
    display: inline-block;
    width: auto;
    border-radius: 0.5rem;
    align-self: var(--contentJustify);
    max-width: min(var(--imageMaxWidth), calc(var(--imageMaxHeight) * var(--imageRatio)));
    max-height: var(--imageMaxHeight);
    aspect-ratio: var(--imageRatio);
    /* width: 100%; */
    /* height: 100%; */
    border-color: hsl(214 23% 91%);
    border-style: solid;
    border-width: var(--imageBorder);
    text-align: center;
}

.minutes-editor__images-line__image-buttons {
    display: none;
    position: absolute;
    border: 1px solid #ccc;
    padding: 4px;
    top: 0;
    right: 0;
    border: none;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.minutes-editor__images-choose:hover .minutes-editor__images-line__image-buttons,
.minutes-editor__images-line__image-wrapper:hover .minutes-editor__images-line__image-buttons {
  display: flex;
}

.minutes-editor__images-line__image-wrapper figcaption {
    text-align: center;
    padding: 0.5rem;
}

.minutes-editor__images-line__image {
    display: block;
    height: 100%;
    width: 100%;
    max-width: 100%;
    border-radius: 0.5rem;
    /*border: 1px solid hsl(214 23% 91%);*/
    object-fit: var(--imageObjectFit);
    aspect-ratio: var(--imageRatio);
}

.minutes-editor__images-line__image--selected {
    outline-style: solid !important;
    outline-width: 2px !important;
    outline-color: #ff601a !important;
}

.minutes-editor__images-line__image-caption {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.10rem;
    color: hsl(222 47% 11%);
}

.minutes-editor__image-line__images-tippy-buttons {
    background-color: white;
    border: 1px solid hsl(214 23% 91%);
    border-radius: 0.5rem;
    padding: 6px;
}

.minutes-editor__images-line__image-caption-input .ql-editor {
    text-align: center;
}

.minutes-editor__simple-list-line {
    margin-top: 6px;
    /*padding-inline-start: 22px;*/
    padding-left: 1.5rem;
    counter-reset: item;
}
.minutes-editor__simple-list-line .minutes-editor__simple-list-line-item {
    position: relative;
    margin-bottom: 0.5rem;
    counter-increment: item;
}

.minutes-editor__simple-list-line-ul .minutes-editor__simple-list-line-item::before {
    content: "•";
    font-size: 19px;
    position: absolute;
    left: -1.5rem;
    color: black;
    top: -4px;
}

.minutes-editor__simple-list-line-ol .minutes-editor__simple-list-line-item::before {
    content: counter(item) ".";
    font-size: 14px;
    position: absolute;
    left: -1.5rem;
    color: black;
    top: 0;
}

.minutes-editor__simple-list-line-checkbox {
    /*list-style: none;
    padding-inline-start: 4px;*/
    padding-left: 0;
}
.minutes-editor__simple-list-line-checkbox > .minutes-editor__simple-list-line-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.minutes-editor__simple-list-line-checkbox .minutes-editor__simple-list-line__text {
    flex: 1;
}

.minutes-editor__simple-list-line-checkbox__checkbox {
    margin-right: 6px;
}
.minutes-editor__simple-list-line-checkbox__checkbox input.disabled {
    pointer-events: none;
    cursor: default;
}

.minutes-editor__separator-line {
    padding: 16px 0;
    width: 100%;
}

.minutes-editor__separator-line__line {
    height: 1px;
    width: 100%;
    background-color: #eeeeee;
}

.minutes-editor__lines .dndPlaceholder {
    height: 4px;
    background-color: #ff601a !important;
    min-height: unset !important;
    border-radius: 4px;
}

.minutes-page__header {
    display: flex;
    flex-direction: row;
    padding: 0 15px;
}

.minutes-page__header-title {
    flex: 1;
}

.minutes-page__header-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.minute-editor__dropdown-caret {
    float: right;
    margin-top: 2px;
}

.minutes-page__choose-type-container {
    padding: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.minutes-page__choose-type-information {
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.minutes-page__choose-type-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.minutes-page__choose-type-button-or {
    color: rgb(100 116 139);
    cursor: default;
}

.minutes-editor__table-line .minicolors input {
    display: none;
}

.minute-editor__dropdown-color {
    height: 18px;
    width: 18px;
    border-radius: 0.5rem;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.minute-editor__dropdown-color-label {
    margin-left: 10px;
}

.minutes-editor__color-picker-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.minutes-editor__color-picker-color-square {
    width: 23px;
    height: 23px;
    margin-right: 5px;
}

.minutes-editor__color-picker-container .minicolors-swatch {
    position: relative;
    cursor: pointer;
}

.minutes-editor__color-picker-container .minicolors-theme-bootstrap .minicolors-swatch {
    width: 24px;
    height: 24px;
    top: 0px;
    left: 0px;
}

.minutes-editor__color-picker-container .minicolors-theme-bootstrap .minicolors-input {
    float: none;
    padding-left: 30px;
}

.minutes-editor__color-picker-container-label {
    flex: 1;
}

/* Attendees */
.minutes-editor__attendees-statistics {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
}

.minutes-editor__attendees-statistics-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-left: 10px;
}

.minutes-editor__attendees-side-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 20px;
}

.minutes-editor__attendees-item {
    /*margin-bottom: 10px;*/
}

.minutes-editor__attendees-item-group {
    position: relative;
    border-top: 2px solid #64748A;
    padding: 10px 0;
}

.minutes-editor__attendees-item-contact {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    border-top: 1px solid #e3e7ed;
    padding: 10px 0;
}

.minutes-editor__attendees-item:first-child .minutes-editor__attendees-item-contact {
    border-top: 0;
}

.minutes-editor__attendees-item-group p,
.minutes-editor__attendees-item-contact-name p {
    margin: 0;
}

.minutes-editor__attendees-item-contact-name {
    flex: 1;
}
.minutes-editor__attendees-item-contact-contacts {
    flex: 1;
}
.minutes-editor__attendees-item-contact-invitations {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.minutes-editor__attendees-item-contact-invitations button {
    height: 30px;
}

/*.minutes-editor__attendees-item .not-filled {
    display: none;
}
.minutes-editor__attendees-item:hover .not-filled {
    display: inline-block;
}*/

.minutes-editor__attendees-item-contact-contacts-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .25rem;
    color: #CDD5FA;
    font-weight: 400;
    cursor: pointer;
}
.minutes-editor__attendees-item-contact-contacts-item:hover span {
    text-decoration: underline;
}

.minutes-editor__attendees-item-contact-contacts-item:hover,
.minutes-editor__attendees-item-contact-contacts-item--filled {
    color: #4361EE;
}

.minutes-editor__attendees-item-invitation-type .dropdown-submenu .dropdown-toggle {
    box-shadow: none !important;
}

.minutes-editor__attendees-item-contact-invitations-hours-dropdown {
    min-width: 120px;
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
    --sb-track-color: #f1f1f1;
    --sb-thumb-color: #ff601a;
    --sb-size: 8px;
}
.minutes-editor__attendees-item-contact-invitations-hours-dropdown::-webkit-scrollbar {
  width: var(--sb-size)
}
.minutes-editor__attendees-item-contact-invitations-hours-dropdown::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 5px;
}
.minutes-editor__attendees-item-contact-invitations-hours-dropdown::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 5px;
}
@supports not selector(::-webkit-scrollbar) {
  .minutes-editor__attendees-item-contact-invitations-hours-dropdown {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}

.minutes-editor__attendees-item-menu {
    display: none;
    position: absolute;
    left: -40px;
    padding-right: 15px;
    height: 100%;
}

.minutes-editor__attendees-item-contact:hover .minutes-editor__attendees-item-menu,
.minutes-editor__attendees-item-group:hover .minutes-editor__attendees-item-menu {
    display: block;
}

/* Editable Menu */
.tippy-box[data-theme~='minute-editor-editable-menu'] {
    background-color: white;
    border-radius: 0.5rem;
    border: 1px solid hsl(214 23% 91%);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    padding: 1rem;
    color: black;
}

.minutes-editor__attendees-editable-menu-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.minutes-editor__attendees-editable-menu-row a[disabled] {
    pointer-events: none;
}


/*************************************************/

/* Bubble Menu */
.minutes-editor__bubble-menu-container {
    background-color: white;
    border: 1px solid hsl(214 23% 91%);
    border-radius: 8px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    display: flex;
    visibility: hidden;
    position: absolute;
    /* width: auto !important; */
}

.minutes-editor__bubble-menu {
  display: flex;
  padding: 0.2rem;
  flex-wrap: wrap;
}

.minutes-editor__bubble-menu button {
    background-color: unset;
    border: 0;
}
.minutes-editor__bubble-menu button:hover {
    background-color: hsl(210 40% 96%);
    color: hsl(215 20% 65%);
}
.minutes-editor__bubble-menu button.is-active {
    color: #ff601a;
}

/* Menu */
.minutes-editor__menu {
    border: 1px solid hsl(214 23% 91%);
    border-radius: 8px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    list-style: none;
    padding: 0.5rem;
    max-height: 368px;
    width: 200px;
    overflow-y: auto;
    background-color: white;
}

.minutes-editor__menu-colors-container {
    padding: 0.5rem;
    width: 200px;
}

.minutes-editor__menu-colors {
    background-color: white;
    display: grid;
    grid-template-columns: repeat(5, auto);
    row-gap: 1rem;
    justify-content: space-between;
    padding: 0.5rem;
}

.minutes-editor__menu-colors-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: initial;
    margin: 0.5rem 0.5rem 0;
}

.minutes-editor__menu-colors-remove-button {
    font-size: x-small;
    text-decoration: underline;
    cursor: pointer;
}

.minutes-editor__menu-color-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    list-style: none;
    border: solid 1px;
}

.minutes-editor__menu-item {
    padding: 0.5rem;
    border: 0;
    border-radius: 4px;
    background-color: white;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    color: black;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    text-align: left;
    margin: 2px 0;
}

.minutes-editor__menu-item.active,
.minutes-editor__menu-item:hover {
    background-color: hsl(210 40% 96%) !important;
}

.minutes-editor__menu-item-name {
    flex: 1;
}

.minutes-editor__menu-item--divider {
    height: 1px;
    background-color: lightgray;
    margin: 8px 0;
}

.minutes-editor__menu-item-container-disabled {
    opacity: 0.2;
    cursor: not-allowed;
}

.minutes-editor__menu-item-container-disabled .minutes-editor__menu-item:hover {
    background-color: initial;
}

.minutes-editor__menu {
    position: relative;
}

.minutes-editor__submenu {
    position: fixed;  /* Changed to fixed positioning */
    border: 1px solid hsl(214 23% 91%);
    border-radius: 8px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    background-color: white;
    padding: 0.5rem;
    width: 200px;
    min-width: max-content;
    z-index: 1000;
}

.minutes-editor__menu-item--header {
    font-weight: 600;
    color: hsl(214 23% 45%);
    cursor: default;
    background-color: transparent !important;
}

.minutes-editor__menu-item--back {
    font-weight: 600;
    color: hsl(214 23% 45%);
    width: 100%;
}

.minutes-editor__menu-item--back:hover {
    background-color: hsl(210 40% 96%);
}

.minutes-editor__suggestions-list-modal-item-add-button {
    background: transparent;
    color: hsl(222 47% 11%);
    font-weight: 500;
    border-radius: 4px;
    border: 0;
    padding: 0.75rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 0.5rem;
}
.minutes-editor__suggestions-list-modal-item-add-button:hover {
    background-color: hsl(210 40% 96%);
}


/* Ghost Button */
.minutes-editor__ghost-button {
    padding: 0.5rem 0.8rem;
    border: 0;
    border-radius: 4px;
    background-color: transparent;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    color: black;
}
.minutes-editor__ghost-button.active,
.minutes-editor__ghost-button:hover {
    background-color: hsl(210 40% 96%);
}

.minutes-editor__ghost-button-right {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.5rem;
}

.minutes-editor__ghost-button-dropdown {
    border: 0;
    border-radius: 4px;
    background-color: transparent;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    color: black;
}

.minutes-editor__ghost-button-dropdown-icon {
    color: rgb(148, 163, 184);
    opacity: 0.5;
}

.minutes-editor__ai-button {
    color: #ff601a;
}

/* Line Floating Buttons */
.minutes-editor__line-floating-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 80px;
    /*padding-right: 16px;*/
    margin-top: -4px;
}

.minutes-editor__line-floating-buttons .dropdown-menu {
    min-width: 190px;
}

.minutes-editor__line-floating-buttons .dropdown-submenu .dropdown-toggle {
    box-shadow: none !important;
}

/* Table */
.minutes-editor__page-body table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

.minutes-editor__page-body table,
.minutes-editor__page-body th,
.minutes-editor__page-body td {
    border: 1px solid #ccc;
}

table.minutes-editor__table--no-border,
table.minutes-editor__table--no-border th ,
table.minutes-editor__table--no-border td {
    border-color: transparent !important;
}

.has-focus table.minutes-editor__table--no-border,
.has-focus table.minutes-editor__table--no-border th ,
.has-focus table.minutes-editor__table--no-border td {
    border-color: rgba(204, 204, 204, 0.2) !important;
}

.minutes-editor__page-body th,
.minutes-editor__page-body td {
  padding: 8px;
  text-align: left;
}

.minutes-editor__page-body th {
  background-color: #f2f2f2;
}

.minutes-editor__page-body table .column-resize-handle {
    background-color: #ff601a;
    bottom: -2px;
    pointer-events: none;
    position: absolute;
    right: -2px;
    top: 0;
    width: 4px;
}

.tiptap.resize-cursor {
    cursor: ew-resize;
    cursor: col-resize;
}

/* Checkbox List */
.minutes-editor__page-body ul[data-type="taskList"] {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.minutes-editor__page-body ul[data-type="taskList"] li {
  display: flex;
  align-items: center;
  margin-bottom: 0.3em;
}

.minutes-editor__page-body ul[data-type="taskList"] li > label {
  flex: 0 0 auto;
  margin: 0;
  margin-right: .5rem;
}

.minutes-editor__page-body ul[data-type=taskList] li > div {
    flex: 1 1 auto;
}

.minutes-editor__page-body ul[data-type=taskList] li > div > p {
    margin-bottom: 9px;
}

.minutes-editor__page-body ul[data-type=taskList] li input[type="checkbox"] {
    margin: 0;
    margin-right: 0.5em;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.minutes-editor__page-body ul[data-type=taskList] li[data-checked="true"] span {
  text-decoration: line-through;
  color: #888;
}

/* Other */
.minutes-editor__page-body .dropdown-menu {
  padding-left: 0 !important;
}

.minutes-editor__datepicker--no-arrow::before,
.minutes-editor__datepicker--no-arrow::after {
    opacity: 0;
}

.minutes-editor__datepicker_container {
    width: 160px;
    height: 30px;
    max-height: 30px;
}

.minutes-editor__datepicker_container input {
    height: 30px;
    min-height: 30px;
}

.minutes-editor__datepicker_container .input-group-addon {
    height: 30px;
    max-height: 30px;
}

.minutes-editor__select {
    height: 30px;
    min-height: 30px;
    max-height: 30px;
}
.minutes-editor__href-form {
    display: flex;
    padding: 0.5rem;
    width: 300px;
}

.minutes-editor__menu-font-size {
    color: initial;
    max-height: 190px;
    list-style: none;
    overflow-y: auto;
}


/* Mention */
.minutes-editor__container .mention {
    background-color: #ffffff;
    border-radius: 0.4rem;
    box-decoration-break: clone;
    color: #000000;
    padding: 0.1rem 0.3rem;
}
.minutes-editor__container .mention::after {
    content: '\200B';
}

/* Mention search */
.minutes-editor__menu-item--search-container {
    margin-bottom: 1rem;
}

.minutes-editor__menu-item--search-container input {
    width: 100%;
    border: solid 1px lightgray;
    border-radius: 0.5rem;
    color: black;
    padding: 0.5rem 1rem;
}
.minutes-editor__menu-item--search-container input:focus  {
    outline: none !important;
    outline-offset: 0px !important;
}

/* Suggestions List Modal */
.minutes-list-modal-backdrop {
    /*z-index: 10000 !important;*/
}

.minutes-list-modal {
    /*z-index: 10001 !important;*/
}

.minutes-editor__suggestions-list-modal-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.minutes-editor__suggestions-list-modal-list {

}

.minutes-editor__suggestions-list-modal-list > label {
    font-weight: bold;
    margin-top: 20px;
}

.minutes-editor__suggestions-list-modal-item {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-bottom: 6px;
}

.minutes-editor__suggestions-list-modal-item-icon {
    border: 1px solid hsl(214 23% 91%);
    border-radius: 4px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.minutes-editor__suggestions-list-modal-item-input {
    flex: 1;
}

.minutes-editor__suggestions-menu {
    width: 100%;
    min-width: 200px;
    max-width: 500px;
}


/* Table of Contents */
.minutes-editor__toc {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #f8f9fa;
}

.minutes-editor__toc-title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.minutes-editor__toc-title[contenteditable="true"]:focus {
    outline: none;
    border-bottom-color: #0078d4;
}

.minutes-editor__toc-content {
    font-size: 0.95em;
}

.minutes-editor__toc-content ul {
    list-style-type: none;
    padding-left: 1rem;
    margin: 0;
}

.minutes-editor__toc-content a {
    color: inherit;
    text-decoration: none;
    display: block;
    padding: 0.25rem 0;
}

.minutes-editor__toc-content a:hover {
    color: #0078d4;
}

/* Index */
.minutes-editor__item-index-line {
    padding-left: .25rem;
    padding-right: .25rem;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    border-radius: 2px;
    margin-bottom: 2px;
}
.minutes-editor__item-index-line:hover {
    background-color: hsl(210 40% 96%);
}


/* Placeholder */
.minutes-editor__page-body p.is-empty::before,
.minutes-editor__page-body h1.is-empty::before,
.minutes-editor__page-body h2.is-empty::before,
.minutes-editor__page-body h3.is-empty::before {
  color: #adb5bd;
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
}


/* UL List */
.minutes-editor__page-body ul:not([data-type="taskList"]):not(.dropdown-menu) {
  padding-left: 1.1em;
}

/* OL List */
.minutes-editor__page-body ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* nível 1: decimal */
.minutes-editor__page-body ol {
  counter-reset: level1;
}

.minutes-editor__page-body ol > li {
  counter-increment: level1;
  position: relative;
  padding-left: 1.1em;
  margin: 0.25em 0;
}

.minutes-editor__page-body ol > li::before {
  content: counter(level1, decimal) ". ";
  position: absolute;
  left: 0;
  white-space: nowrap;
}

/* nível 2: letras minúsculas */
.minutes-editor__page-body ol > li > ol {
  counter-reset: level2;
}

.minutes-editor__page-body ol > li > ol > li {
  counter-increment: level2;
  padding-left: 1.1em;
}

.minutes-editor__page-body ol > li > ol > li::before {
  content: counter(level2, lower-alpha) ". ";
  position: absolute;
  left: 0;
  white-space: nowrap;
}

/* nível 3: romanos minúsculos */
.minutes-editor__page-body ol > li > ol > li > ol {
  counter-reset: level3;
}

.minutes-editor__page-body ol > li > ol > li > ol > li {
  counter-increment: level3;
  padding-left: 1.1em;
}

.minutes-editor__page-body ol > li > ol > li > ol > li::before {
  content: counter(level3, lower-roman) ". ";
  position: absolute;
  left: 0;
  white-space: nowrap;
}

/* nível 4: romanos maiúsculos */
.minutes-editor__page-body ol > li > ol > li > ol > li > ol {
  counter-reset: level4;
}

.minutes-editor__page-body ol > li > ol > li > ol > li > ol > li {
  counter-increment: level4;
  padding-left: 1.1em;
}

.minutes-editor__page-body ol > li > ol > li > ol > li > ol > li::before {
  content: counter(level4, upper-roman) ". ";
  position: absolute;
  left: 0;
  white-space: nowrap;
}

/* nível 5: letras maiúsculas */
.minutes-editor__page-body ol > li > ol > li > ol > li > ol > li > ol {
  counter-reset: level5;
}

.minutes-editor__page-body ol > li > ol > li > ol > li > ol > li > ol > li {
  counter-increment: level5;
  padding-left: 1.1em;
}

.minutes-editor__page-body ol > li > ol > li > ol > li > ol > li > ol > li::before {
  content: counter(level5, upper-alpha) ". ";
  position: absolute;
  left: 0;
  white-space: nowrap;
}

/* nível 6: decimal novamente */
.minutes-editor__page-body ol > li > ol > li > ol > li > ol > li > ol > li > ol {
  counter-reset: level6;
}

.minutes-editor__page-body ol > li > ol > li > ol > li > ol > li > ol > li > ol > li {
  counter-increment: level6;
  padding-left: 1.1em;
}

.minutes-editor__page-body ol > li > ol > li > ol > li > ol > li > ol > li > ol > li::before {
  content: counter(level6, decimal) ". ";
  position: absolute;
  left: 0;
  white-space: nowrap;
}

/* nível 7: romanos minúsculos novamente */
.minutes-editor__page-body ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol {
  counter-reset: level7;
}

.minutes-editor__page-body ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li {
  counter-increment: level7;
  padding-left: 1.1em;
}

.minutes-editor__page-body ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li::before {
  content: counter(level7, lower-roman) ". ";
  position: absolute;
  left: 0;
  white-space: nowrap;
}




/* TASK TRACKER */

.minutes-editor__item-task-line {

}

.minutes-editor__item-task-header {
    border: 1px solid hsl(214 23% 91%);
    border-radius: 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 1rem;
    display: flex;
}

.minutes-editor__item-task-header-title {
    flex: 1;
    padding: 0.5rem 0;
}

.minutes-editor__item-task-header-title p {
    font-weight: bold;
}

.minutes-editor__item-task-header-drops {
    display: flex;
    align-items: center;
}
.minutes-editor__item-task-header-drops.display-none {
    display: none;
}

.minutes-editor__item-task-line:hover .minutes-editor__item-task-header-drops.display-none {
   display: flex;
}

.minutes-editor__page-body .task-tracker-item {
    display: flex;
    flex-direction: row;
    border: 1px solid green;
}

.minutes-editor__page-body .task-tracker-item .task-tracker-content {
    flex: 1;
}

.minutes-editor__page-body .task-tracker-create-form {
    border: 1px solid hsl(214 23% 91%);
    border-radius: 0.5rem;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 1rem;
    display: flex;
    flex-direction: column;
}

.minutes-editor__page-body .task-tracker-create-form__content {
    padding-bottom: 1rem;
}

.minutes-editor__page-body .task-tracker-create-form__bottom {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.task-tracker-create-form__company-select {
    width: 140px;
}

.task-tracker-create-form__activity-select {
    width: 140px;
}

.minutes-editor__item-tasks-line__new-task {
    border-left: 1px solid hsl(214 23% 91%);
    border-right: 1px solid hsl(214 23% 91%);
    border-bottom: 1px solid hsl(214 23% 91%);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 1.5rem;
}

.minutes-editor__item-tasks-line__new-task-button {
    opacity: 0.5;
    padding: 1rem;
    text-align: center;
    border: dashed 2px hsl(214 23% 91%);
    border-radius: 1rem;
    cursor: pointer;
    color: #4b5563;
    font-weight: bold;
}
.minutes-editor__item-tasks-line__new-task-button i {
    margin: 0 1rem;
}
.minutes-editor__item-tasks-line__new-task-button:hover {
    opacity: 1;
}

.task-tracker-list {
    border-left: 1px solid hsl(214 23% 91%);
    border-right: 1px solid hsl(214 23% 91%);
    padding: 1.5rem 1.5rem 0;
}

.minutes-editor__item-tasks-line__task-item {
    position: relative;
    border: 1px solid hsl(214 23% 91%);
    border-radius: 1rem;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    background-color: #f9fafb;
}

.minutes-editor__item-tasks-line__task-item-menu {
    display: none;
    position: absolute;
    left: -25px;
    top: 1rem;
    padding-right: 5px;
    height: 100%;
}

.minutes-editor__item-tasks-line__task-item:hover > .minutes-editor__item-tasks-line__task-item-menu {
    display: block;
}

.minutes-editor__item-tasks-line__task-item-container {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.minutes-editor__item-tasks-line__first-row-datepicker-container {
    display: flex;
    align-items: center;
}
.minutes-editor__item-tasks-line__first-row-datepicker-container i {
    margin-right: 0.5rem;
    font-size: smaller;
}

.minutes-editor__item-tasks-line__priorities-container {
    margin-right: 1rem;
}

.minutes-editor__item-tasks-line__first-row-progress-container {
    color: rgb(234 88 12);
}
.minutes-editor__item-tasks-line__first-row-progress-container input {
    width: 5ch;
    margin: 0 0.5rem 0 1rem;
    font-size: 12px;
    text-align: right;
    border: solid 1px rgb(234 88 12);
    border-radius: 0.5rem;
    padding: 1px 5px;
}
.minutes-editor__item-tasks-line__first-row-progress-container input:focus,
.minutes-editor__item-tasks-line__first-row-progress-container input:focus  {
    outline: none !important;
    outline-offset: 0px !important;
}
.minutes-editor__item-tasks-line__first-row-progress-container input::-webkit-inner-spin-button,
.minutes-editor__item-tasks-line__first-row-progress-container input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.minutes-editor__item-tasks-line__first-row-progress-container input[type=number],
.minutes-editor__item-tasks-line__first-row-progress-container input[type=number] {
    -moz-appearance:textfield;
}

.minutes-editor__progress_tracker-progress-unit-input:disabled,
.minutes-editor__progress_tracker-progress-input:disabled {
    background-color: transparent;
}


.minutes-editor__item-tasks-line__first-row {
    display: flex;
    justify-content: space-between;
}

.minutes-editor__item-tasks-line__second-row {
    flex: 1;
    background-color: white;
    padding: 0.5rem 1rem 1rem;
    margin: 1rem 0 0;
    border: 1px solid hsl(214 23% 91%);
    border-radius: 1rem;
}

.minutes-editor__item-tasks-line__third-row {
    display: flex;
    justify-content: space-between;
    padding-top: 0.5rem;
}

.minutes-editor__item-tasks-line__drops-container {
    display: flex;
    margin-bottom: 1rem;
}
.minutes-editor__item-tasks-line__task-item:hover .minutes-editor__item-tasks-line__drops-container {
    visibility: visible !important;
}

.minutes-editor__item-tasks-line__drops-container.inside-note select {
    width: 50%;
}

.minutes-editor__item-tasks-line__tasks-fraction {
    display: flex;
    flex-direction: row;
    padding: 6px 3px;
}
.minutes-editor__item-tasks-line__tasks-fraction--inline {
    padding-left: 0 !important;
}
.minutes-editor__item-tasks-line__tasks-fraction .fa {
    padding-right: 6px;
    padding-top: 2px;
}
.minutes-editor__item-tasks-line__tasks-fraction span {
    cursor: pointer;
    border: 0;
    background-color: transparent;
    padding: 0;
    font-weight: 500;
    font-size: 12px;
    color: #000000;
    /*color: hsl(215 20% 65%) !important;*/
}

.minutes-editor__item-tasks-line__tasks-fraction--placeholder span {
    color: hsl(215 20% 65%) !important;
    padding-top: 2px !important;
}
.minutes-editor__item-tasks-line__tasks-fraction--placeholder .tasks-fraction-button:hover {
    text-decoration: underline;
    cursor: pointer;
}

.minutes-editor__item-tasks-line__task-item__row .minutes-editor__images-line figure:has(figcaption),
.minutes-editor__item-tasks-line__task-item__row__small .minutes-editor__images-line figure:has(figcaption) {
    margin-bottom: 2rem;
}

.minutes-editor__item-tasks-line__task-item__create-ticket {
    display: flex;
    flex: 1;
    justify-content: end;
    align-self: center;
}

.minutes-editor__item-tasks-line__tasks-date {
    display: flex;
    align-items: center;
}
.minutes-editor__item-tasks-line__tasks-date .fa {
    padding-right: 6px;
}
.minutes-editor__item-tasks-line__tasks-date label {
    margin-right: 6px;
    margin-bottom: 0;
    padding-top: 1px; /* padding-top: 4px; */
    font-size: 12px;
    color: hsl(215 20% 65%);
}
.minutes-editor__item-tasks-line__tasks-date input {
    width: 80px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    font-weight: 500;
    font-size: 12px;
    height: 23px;
    min-height: 23px;
    color: #000000;
    padding: 0;
}
.minutes-editor__item-tasks-line__tasks-date.due-date input {
    text-align: right;
    padding-right: 1em;
}
.minutes-editor__item-tasks-line__tasks-date.due-date input:placeholder-shown {
    width: auto;
}
.minutes-editor__item-tasks-line__tasks-date--placeholder input {
    color: hsl(215 20% 65%) !important;
}
.minutes-editor__item-tasks-line__tasks-date input:hover {
    text-decoration: underline;
}
.minutes-editor__item-tasks-line__tasks-date input:disabled {
    background-color: transparent;
    cursor: default;
    text-decoration: none;
}






/* PROGRESS TRACKER */

.minutes-editor__item-progress-line {
   border: 1px solid hsl(214 23% 91%);
   border-radius: 0.5rem;
   padding: 2rem 2rem 1rem;
}

.minutes-editor__item-progress-line-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    align-items: center;
    min-height: 2.3rem;
}

.minutes-editor__item-progress-line-title p {
    font-weight: bold;
}

.minutes-editor__item-progress-line-header-sum {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    padding: .25rem .75rem;
    font-size: 9pt;
    font-weight: 400;
    background-color: #f8fafc;
    border: solid 1px hsl(214 23% 91%);
    border-radius: 6px;
}

.minutes-editor__item-progress-line-header-sum span {
    margin-left: 0.5rem;
}

.minutes-editor__item-progress-line__new-progress-button {
    opacity: 0;
    background-color: hsl(210 40% 96%);
    padding: 0.1rem;
    text-align: center;
    border-radius: 0.5rem;
    cursor: pointer;
}
.minutes-editor__item-progress-line__new-progress-button:hover {
    opacity: 1;
}

.minutes-editor__progress_tracker {
    position: relative;
}

.minutes-editor__progress_tracker-line {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.6px 0;
}

.minutes-editor__progress_tracker-line-column {
    flex: 1;
    align-items: center;
}

.minutes-editor__progress_tracker-progress-container {
    width: 100%;
    height: 1rem;
    background: #f1f5f9;
    border-radius: 10px;
    overflow: hidden;
    line-height: 1.35;
}

.minutes-editor__progress_tracker-progress-bar {
    height: 100%;
    background: #4361ee;
    border-radius: 10px;
    width: 0; /* controla o progresso */
    transition: width 0.3s ease;
}

.minutes-editor__progress_tracker-progress-input {
    width: 4ch;
    padding: 0;
    margin: 0 0 0 2rem;
    border-color: transparent;
    text-align: end;
    border-radius: 6px;
}

.minutes-editor__progress_tracker-progress-unit-input {
    width: 4ch;
    padding: 0;
    margin: 0 -2px 0 4px;
    border-color: transparent;
    text-align: end;
    border-radius: 6px;
}

.minutes-editor__progress_tracker-progress-unit-input:focus,
.minutes-editor__progress_tracker-progress-input:focus  {
    outline: 1px solid #4361ee !important;
    outline-offset: 2px !important;
}

.minutes-editor__progress_tracker-progress-input::-webkit-inner-spin-button,
.minutes-editor__progress_tracker-progress-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.minutes-editor__progress_tracker-progress-unit-input:disabled,
.minutes-editor__progress_tracker-progress-input:disabled {
    background-color: transparent;
}

.minutes-editor__progress_tracker-progress-unit-span {
    color: hsl(215 20% 65%);
    width: 4ch;
    text-align: right;
}

.minutes-editor__progress_tracker-item-menu {
    display: none;
    position: absolute;
    left: -40px;
    padding-right: 15px;
    height: 100%;
}

.minutes-editor__progress_tracker:hover > .minutes-editor__progress_tracker-item-menu {
    display: block;
}



/* Collaboration */
.collaboration-carets__caret {
    border-left: 1px solid #0d0d0d;
    border-right: 1px solid #0d0d0d;
    margin-left: -1px;
    margin-right: -1px;
    pointer-events: none;
    position: relative;
    word-break: normal;
}

.collaboration-carets__label {
    border-radius: 3px 3px 3px 0;
    color: #0d0d0d;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    left: -1px;
    line-height: normal;
    padding: 0.1rem 0.3rem;
    position: absolute;
    top: -1.4em;
    user-select: none;
    white-space: nowrap;
}

.minutes-page__collaboration-status {
    margin-right: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgba(28, 25, 23, .6);
    font-size: 14px;
    font-weight: 400;
}

.minutes-page__collaboration-status .icon-success {
    color: #22c55e;
}

.minutes-page__collaboration-status .icon-danger {
    color: #ff5c33;
}

.minutes-page__collaboration-status .icon-info {
    color: #3498db;
}

/* Loading overlay */
.minutes-editor__loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: hsl(210 0% 100% / 0.60);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

.minutes-editor__loading-icon {
    margin-top: 6rem;
    color: #838383;
    font-size: 26px !important;
}

/* Block Save */
.minutes-page__block-save {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
    background-color: hsl(210 0% 100% / 0.60);
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.minutes-page__block-save-inner {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 400px;
    text-align: center;
}

.minutes-page__block-save-inner i {
    font-size: 28px;
    margin-bottom: 1rem;
}

.minutes-page__block-save-inner span {
    font-size: 16px;
}


/* Error */
.minutes-page__collaboration-error {
    margin-right: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}



/* Modal banners */
.minutes-editor__banner-modal {
    padding: 3rem 4rem 5rem 4rem;
}

.minutes-editor__banner-container {
    min-height: 120px !important;
    margin: 0 auto 4rem auto;
}

.minutes-editor__banner .ProseMirror {
    padding: 30px 56px;
}

.minutes-editor__banner .minutes-editor__images-line {
    margin-top: 0;
}

.minutes-editor__banner .minutes-editor__images-line__image {
    border-radius: 0;
}

.minutes-editor__banner .minutes-editor__page-body table {
    margin: 0;
}