/* body {
    overflow-y: hidden;
} */

/* You can add global styles to this file, and also import other style files */
div.ui-editor-toolbar.ui-widget-header.ui-corner-top.ql-toolbar.ql-snow.ng-star-inserted > p-header > span:nth-child(1) > span > p-colorpicker > div > input {
    width: 21px !important;
    height: 21px !important; 
}

div.ui-editor-toolbar.ui-widget-header.ui-corner-top.ql-toolbar.ql-snow.ng-star-inserted > p-header > span:nth-child(2) > span > p-colorpicker > div > input {
    width: 21px !important;
    height: 21px !important; 
}

/* Button icons */
body .ui-button.ui-button-icon-only {
    width: 21.5px;
    height: 21.5px;
}

body .ui-button.ui-button-icon-only .ui-button-text {
    padding: 0px;
}

/* table */
body .ui-table .ui-table-tbody > tr > td {
    padding: 4px;
    word-wrap: break-word;
}
body .ui-table .ui-table-tbody > tr > td.edit-cell {
    cursor: pointer;
    padding-left: 10px;
}

body .ui-table .ui-table-tbody > tr:hover {
    background: #EAEAEA;
    cursor: pointer;
}

body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
    background: #78BCFF;
}

body .ui-table .ui-table-tbody > tr.ui-state-highlight {
    background: #78BCFF;
}

/* icons in text menu  */
.fa-lg:hover { 
    color: #506fb1 
}
.fa-lg:hover > i { color: #3b5998; }

.create-fragment-btn {
    border: 1px solid grey !important;
    width: 140px !important;
    background-color: gainsboro !important;
    margin-top: 1px;
    border-radius: 4px;
    height: 30px !important;
    color: #666666 !important;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.ui-colorpicker input {
    border-radius: 3px;
    border: 1px solid grey !important;
    width: 24px;
    height: 24px;
}

/* .ui-colorpicker-title {
    float: left; 
    padding-right: 10px;
} */

/* quill editor*/
.ql-editor {
    --x-height-multiplier: 0.375;
    --baseline-multiplier: 0.17;
    font-family: Georgia,Cambria,"Times New Roman",Times,serif;
    letter-spacing: .01rem;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.58;
    letter-spacing: -.003em;
    color: rgba(0,0,0,.84);
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding: 12px 0px;

}
/* no quill toolbar */

body .editor-section .ui-editor-container .ui-editor-toolbar {
    display :none;
}

/*quill border*/
.ql-toolbar.ql-snow+.ql-container.ql-snow {
    border: 0px;
}

/*hide imag button*/
body .ui-editor-container .ui-editor-toolbar .ql-image {
    display :none;
}
body .ui-editor-container .ui-editor-toolbar .ql-link {
    display :none;
}
body .ui-editor-container .ui-editor-toolbar .ql-code-block {
    display :none;
}
body .ui-editor-container .ui-editor-toolbar .ql-clean {
    display :none;
}



body .ui-editor-container .ui-editor-toolbar {
    z-index: 100;
    position: sticky;
    top: -9px;
}

/* outline */
*:focus {outline:none !important}

/*menu*/
.layout-menu {
    margin-block-end: 0px;
    margin-block-start: 0px;
}

body .ui-tree {
    border: 0px !important;
    width: 100%;
}

/*tabs*/
body .ui-tabview.ui-tabview-top .ui-tabview-nav li, body .ui-tabview.ui-tabview-bottom .ui-tabview-nav li, body .ui-tabview.ui-tabview-left .ui-tabview-nav li, body .ui-tabview.ui-tabview-right .ui-tabview-nav li {
    background-color: #f5f5f5;
}

body .ui-tabview .ui-tabview-panels {
    padding: 0px;
    padding-top: 10px;
    border: 0px;
    padding-right: 0px;
}

body .ui-multiselect .ui-multiselect-label {
    margin-bottom: 0px;
}

/* breadcrumbs*/
body .ui-breadcrumb {
    border: 0px;
    padding: 12px 0 12px 0;
}

body .ui-card {
    box-shadow: none;
}

/**messages*/
body .ui-message.ui-message-warn {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 14px;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
    background-color: inherit;
    color: black;
}

.ge-modal-component .ui-dialog-content {
    height: 100%;
}

/**criteria management row menu buttons*/

.criteria-management-row {
    overflow: visible !important;
}

.criteria-management-row-menu {
    margin-top: 10px;
}

.criteria-management-row-menu .ui-splitbutton-menubutton {
    height: 27px !important;
}

.criteria-management-row-menu .ui-button {
    height: 27px !important;
}

.criteria-management-row-menu .ui-button.ui-button-text-only .ui-button-text {
    padding: 0;
    padding-left: 10px;
}
.criteria-management-row-menu .ui-menu-dynamic {
    z-index: 5000 !important;
}

.ui-treetable-wrapper {
    overflow: visible !important;
}

body .ui-panel .ui-panel-content {
    border: 0px;
}

.ui-progress-spinner {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
}

.report_link {
    color: #007ad9 !important;
}

.report_link:hover {
    text-decoration: underline !important;
    cursor: pointer;
}

.fragment-image {
    display: block;
    max-width: 110px;
    max-height: 80px;
    width: auto;
    height: auto;
}

body .ui-paginator .ui-dropdown .ui-dropdown-trigger, body .ui-paginator .ui-dropdown .ui-dropdown-label {
    padding-bottom: 0px;
}

.texts-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
  
  /* Tooltip text */
.texts-tooltip .tooltiptext {
    visibility: hidden;
    width: 320px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
   
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -60px;
    margin-top: 10px;
}
  
  /* Show the tooltip text when you mouse over the tooltip container */
.texts-tooltip:hover .tooltiptext {
    visibility: visible;
}

.question-cursor {
    cursor: pointer;
    border-bottom: none;
}

.dragging {
    border:1px solid green;  
  }