.diagram-widget-canvas {
    width: 100%;
    height: 100%;
  
    background-color: rgb(255, 255, 255);
    background-size: 50px 50px;
    display: flex;
    background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 76%, transparent 77%, transparent);
}

/*
.svg-pan-zoom-control {
    cursor: pointer;
    fill: black;
    fill-opacity: 0.333;
    user-select: none;
    font-family: Helvetica;
}
*/

.svg-pan-zoom-control { cursor: pointer; fill: black; fill-opacity: 0.333; font-family: Helvetica; } 
.svg-pan-zoom-control:hover { fill-opacity: 0.8; } 
.svg-pan-zoom-control-background { fill: white; fill-opacity: 0.8; } 
.css-mtwhol {
    height: 16.5px;
    white-space: nowrap;
}



/*test workflow "dependency-npm-compile" 25-09-23 #1*/
/*@import "~monday-ui-react-core/dist/main.css";*/

/*@import "~monday-ui-style/dist/index.min.css";*/
/*@import "~bootstrap/dist/css/bootstrap.css";*/

/*
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";
@import "~bootstrap/scss/root";
@import "~bootstrap/scss/reboot";
@import "~bootstrap/scss/type";
@import "~bootstrap/scss/grid";
@import "~bootstrap/scss/forms";
*/


body#main {
    font-size: 14px;
    font-family: var(--font-family);
    font-weight: var(--font-weight-light);
    line-height: 1.5;
}

.relative
{
    position: relative;
    height: 100%;
}

.myloader
{
    min-height: 100px;
}

div.icon_delete svg path
{
    color: var(--negative-color);
}

/*fix color of checkbox on accardion header line*/
/*
.monday-style-checkbox__input:checked+.monday-style-checkbox__checkbox>.monday-style-checkbox__icon, .monday-style-checkbox__input:indeterminate+.monday-style-checkbox__checkbox>.monday-style-checkbox__icon
{
    color: var(--text-color-on-primary);
}

.monday-style-checkbox__input:disabled+.monday-style-checkbox__checkbox .monday-style-checkbox__icon, .monday-style-checkbox__input:disabled+.monday-style-checkbox__checkbox:hover .monday-style-checkbox__icon {
    color: #676879;
    color: var(--disabled-text-color);
}

.expand-collapse--wrapper .expand-collapse__header--open + .animate-expand-collapse__content
{
    animation:none;
}

.align-items-baseline
{
    align-items: baseline;
}

[tabindex="-1"]:focus:not(:focus-visible)
{
    outline: -webkit-focus-ring-color auto 5px !important;
}
*/

/*fix for jumping size on click in AccordionItem*/
button[aria-controls^="expand-collapse--"]:active
{
    transform: scale(1) !important;
}
button[aria-controls^="expand-collapse--"]
{
    flex-direction: row-reverse;
}

/*convert input field to textarea (monday.com component TextField)*/
.converttotextarea .textarea-component__input {
    width: 100%;
    height: 100%;
    outline: 0;
    background-color: transparent;
    border: 1px solid #e6e9ef;
    border-color: var(--ui-border-color);
    border-radius: 4px;
    transition: border-color .1s ease-in;
    padding: 8px 16px;
    text-overflow: ellipsis;
    color: #323338;
    color: var(--primary-text-color);
}

.converttotextarea .textarea-component__input {
    color: #323338;
    color: var(--primary-text-color);
    -webkit-font-smoothing: var(--font-smoothing-webkit);
    -moz-osx-font-smoothing: var(--font-smoothing-moz);
    font: var(--font-paragraph);
    height: 160px;
}

.converttotextarea .textarea-component__input:hover {
    border-color: #323338;
    border-color: var(--primary-text-color);
}

.converttotextarea > div > div {  
    height: auto !important;
}


.widthfitcontent
{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

/*immitate checkbox in monday.com component MenuItem*/
.menu_item_hide_icon svg
{
    opacity:0;
}

.items_filter_highlight
{
    background-color: #ffcc00;
    color: black;
    font: var(--font-text2-normal);
}

span.items_filter_highlight
{
    padding:5px;
}

.monday-loader-wrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    z-index: 500;
    background-color: var(--primary-background-color);
}

.monday-loader-wrapper img {
    width: 90px;
    height: 90px;
}

.monday-loader-wrapper img.monday-loader-img {
    width: 90px;
    height: 90px;
    content: var(--monday-loader-gif-path);
}


:root, .light-app-theme, .default-app-theme {
    --monday-loader-gif-path: url(https://cdn.monday.com/images/loader/loader.gif);
    --monday-nav-menu-toggler: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --monday-nav-menu-toggler-border: rgba(0, 0, 0, 0.2);
}

:root, .dark-app-theme {
    --monday-loader-gif-path: url(https://cdn.monday.com/images/loader/dark_loader.gif);
    --monday-nav-menu-toggler: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --monday-nav-menu-toggler-border: rgba(255, 255, 255, 0.2);
}

:root, .black-app-theme {
    --monday-loader-gif-path: url(https://cdn.monday.com/images/loader/darth_loader.gif);
    --monday-nav-menu-toggler: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --monday-nav-menu-toggler-border: rgba(255, 255, 255, 0.2);
}

:root, .hacker_theme-app-theme {
    --monday-loader-gif-path: url(https://cdn.monday.com/images/loader/loader_transparent.gif);
    --monday-nav-menu-toggler: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --monday-nav-menu-toggler-border: rgba(255, 255, 255, 0.2);
}

.navbar-brand-link:not(.disabled)
{
    cursor: pointer;
}
.navbar .navbar-toggler
{
    border-color: var(--monday-nav-menu-toggler-border  );
}
.navbar .navbar-toggler .navbar-toggler-icon
{
    background-image: var(--monday-nav-menu-toggler);
}


.divTable
{
    display:table;
    width:100%;
    /*height: 100%;*/
    position: relative;
}

.divTableRow
{
    display:table-row;
}

.divTableRowAllHeight
{
    display:table-row;
    height:100%;
}


/*fix for vitrualized table height (wrong order in original css)*/
.tableVirtualizedBody div[data-testid="table-body"]
{
    height: calc(100% - var(--table-row-size));
}


.tableCell
{
    overflow: visible;
}
.tableCellFixHeight
{
    height: var(--table-row-size);
}

.tableVirtualizedBody .dropdown {
    min-width: 100px;
    width: 100%;
}

.tableVirtualizedBody .dropdown .dropdownpopupmenu
{
    z-index: 100;
    width: 100%;
    /*margin-left: -1px;*/
}



/*fix for popup tooltip in virtualized tibel (header row over popup)*/
.monday-style-dialog-content-wrapper
{
    z-index: 100;
}


.textBold
{
    font-weight: bold;
}

[class^='headingComponent_'].textSize16
{
    font-size: 16px;
}

[class^='headingComponent_'].textSize14
{
    font-size: 14px;
}

.resize-vertical
{
    resize: vertical;
}

.titleFont
{
    font-family: var(--font-family) !important;
}


.customTableHeader {
    display: grid;
    grid-template-columns: var(--table-grid-template-columns);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: inherit;
    border: 0px;
    margin: -1px;
    margin-bottom: 0px;
}

.customTableHeaderCell {
    /*height: var(--table-row-size);*/
    /*padding: var(--spacing-small);*/
    padding-bottom: 5px;
    -webkit-padding-start: var(--spacing-medium);
            padding-inline-start: var(--spacing-medium);
    color: var(--secondary-text-color);
    box-sizing: border-box;
    text-align: initial;
    border-bottom: 1px solid var(--layout-border-color);
    display: flex;
    justify-content: space-between;
    background-color: inherit;
}

.tableVirtualizedBody:has(.customTableHeader)
{
    overflow: inherit;
}

.tableVirtualizedBody:has(.customTableHeader) [class^='tableHeader_']
{
    z-index: auto;
}

.divCollapsedText
{
    overflow: hidden;
    text-overflow: ellipsis;
    --text-clamp-lines: 1;
    white-space: nowrap;
}


.page-link
{
    color: var(--primary-text-color);
    background-color: var(--primary-background-color);
    border: 1px solid var(--ui-border-color);
}

.page-item.active .page-link
{
    color: var(--primary-background-color);
    background-color: var(--primary-color);
    border-color: var(--ui-border-color);
}

.page-item.disabled .page-link {
    color: var(--secondary-text-color);
    background-color: var(--primary-background-color);
    border-color: var(--ui-border-color);
}

.page-link:focus {
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25);
}

.dropdownError
{
    border-color: var(--negative-color) !important;
}

.dropdownError.errorMessage
{
    color: var(--negative-color);
}