/*!*******************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/css/fieldcomponentCustomization.css ***!
  \*******************************************************************************************/
:root{
    --field-input-bg-color: transparent;  
    --text-field-max-height: 200px;  
    --dropdown-search-bg-color: #fff;
    --selectbox-dropdown-icon-color: #000;
    --field-root-padding: 0.3125rem 0;
    --chip-element-height: 1.25rem; /*20px*/
    --anchor-text-color: #006ec2;
}

.dg-field__root{
    padding: var(--field-root-padding);
}

.ZG-grid-view-root .dg-field__input-wrapper{    
    border: 0;    
    min-height: auto;
    background-color: var(--field-input-bg-color);
}

.ZG-grid-view-root .dg-field__input{
    padding: 0;
    background-color: var(--field-input-bg-color);
    height: 100%;    
    font-family: var(--field-component-font);
    border-radius: 0;
}

.ZG-grid-view-root .dg-text__input{
    line-height: 1.4;
}
.ZG-cellEditorContainer .dg-input__status--focus .dg-field__input-wrapper,
.ZG-cellEditorContainer .dg-input__status--error .dg-field__input-wrapper,
.ZG-grid-view-root .dg-field__input-wrapper:focus-visible{
    box-shadow: none;
}

.ZG-cellEditorContainer .dg-field__input{
    color: var(--field-input-text-color);
}
.dg-dropdown__search{
    background-color: var(--dropdown-search-bg-color);
}
/*** textarea field customization style start ***/
.dg-textarea__root {
    white-space: normal;
}

.dg-textarea__root .dg-text__input-wrapper {
    white-space: pre-wrap;
    word-break: break-word;
}
.ZG-cellEditorContainer .dg-textarea__root .dg-text__input-wrapper{
    -webkit-user-select: none;
    user-select: none;
}

.ZG-cellEditorContainer .dg-textarea__root .dg-text__input{    
    max-height: var(--text-field-max-height);
    overflow: auto;    
    -webkit-user-select: none;
    user-select: none;
}
/*** textarea field customization style end ***/

/** currency field customization style start **/
.dg-number__input-wrapper,.dg-number__input{        
    text-align: right;
}  
.ZG-cell .dg-number__input-wrapper,.ZG-cell .dg-number__input,
.ZG-cellEditorContainer .dg-number__input-wrapper,.ZG-cellEditorContainer .dg-number__input{
    justify-content: flex-end;
} 
.ZG-cellEditorContainer .dg-currency__root .dg-number__input{
    width: 100%;
}

.ZG-cell .dg-number__input-prefix,
.ZG-cell .dg-number__input-suffix{
    padding: 0;
    line-height: unset;
    margin: 0;
}
/** currency field customization style end **/
/** singleselect field style start ***/
.dg-singleselect__root .dg-chip__root{
    top: 0;
    margin: 0;
}

.dg-selectbox-dropdown__icon svg{
    fill: var(--selectbox-dropdown-icon-color);
}
/** singleselect field style end ***/
/** mulitselection field style start ***/

.dg-selectbox__root .dg-chip__ellipse-icon{
    top: 1px;
}

.ZG-grid-view-root .dg-chip__root:not(.dg-chip__ellipse-icon){
    margin-inline-end: 3px;    
    max-width: calc(100% - 10px);
    height: var(--chip-element-height);
}

.dg-multiselect__root.dg-field__root .dg-chip__root:not(.dg-chip__ellipse-icon){
    top: -4px;    
    vertical-align: middle;
}

.ZG-grid-view-root .dg-selectbox__input-wrapper{
    padding: 0;
    align-items: flex-start;
}

.ZG-cellEditorContainer .dg-selectbox__inner{
    display: flex;
    flex-wrap: wrap;        
}

.ZG-cellEditorContainer .dg-selectbox__icon-container{
    /* display: none; */
}

.ZG-cellEditorContainer .dg-multiselect__root .dg-selectbox__inner {
    max-height: 113px;
    overflow: auto;
}

/** mulitselection field style end ***/

/***link field customization style start ***/
.ZG-grid-view-root .dg-link__root .dg-field__input-wrapper .dg-field__input{
    color: var(--anchor-text-color);
    text-decoration: underline;
    height: fit-content;
    display: block;
    width: fit-content;
}

.ZG-cellEditorContainer .dg-link__root .dg-field__input{
    color: var(--field-input-text-color);
}
/***link field customization style end ***/
/*** checkbox field customization style start ***/
.dg-checkbox__root .dg-checkbox__input--custom{
    background-color: transparent;
    border: 0;
}
.dg-checkbox__root .dg-checkbox__input:checked+.dg-checkbox__input--custom svg{
    fill: #fff;
}
.dg-checkbox__root .FieldCheckboxTickRemove {
    display: none;
}
.dg-checkbox__root .dg-checkbox__input:checked+.dg-checkbox__input--custom .FieldCheckboxTickRemove{
    display: block;
}
/*** checkbox field customization style end ***/




/*** Grid render state optimisation style start ***/
.ZG-gridBody .dg-field--render-state{
    --field-root-padding: 0.3125rem;
    padding: var(--field-root-padding);    
}
.ZG-gridBody .dg-field--render-state:not(.ZG-cellSelection){
    overflow: hidden;
}
.ZG-gridBody .dg-field--render-state .dg-text__root{
    display: flex;    
    height: fit-content;
}
.ZG-gridBody .dg-text__prefix-elem{
    margin-inline-end: 6px;
}
.ZG-gridBody .dg-text__suffix-elem{
    margin-inline-start: 6px;
}
.ZG-gridBody .dg-text__root .dg-text__input{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    max-width: fit-content;
}
.ZG-gridBody .dg-field--render-state .dg-date-time__root .dg-field__input{
    height: auto;
    display: block;
}
.ZG-gridBody .dg-field--render-state .dg-text__root.dg-date-time__root{
    white-space: nowrap;
}
.ZG-gridBody .dg-field--render-state .zt-sentiment__root,
.ZG-gridBody .dg-field--render-state .dg-number__root {
    display: flex;
    align-items: center;
    height: fit-content;
}
.dg-field--render-state .zt-sentiment__root .dg-text__input{
    min-width: 0;
    flex: 1;
}

.ZG-gridBody .dg-field--render-state .dg-number__root .dg-text__input{
    width: auto;
}
.ZG-gridBody .dg-field--render-state .dg-number__root .dg-text__prefix-elem{
    margin-inline-end: 3px;
}
.ZG-gridBody .dg-field--render-state .dg-number__root .dg-text__suffix-elem{
    margin-inline-start: 3px;
    font-size: 12px;
}
.ZG-gridBody .dg-field--render-state .dg-number__root.dg-currency__accounting{
    justify-content: space-between;
}
.ZG-gridBody .dg-field--render-state .dg-number__root{
    justify-content: flex-end;
}
.ZG-cellSelection .dg-field--render-state .dg-number__input-wrapper{
    align-items: center;
}
.ZG-row .ZG-cell.dg-field--render-state .dg-chip__label{
    line-height: 14px;
}
.ZG-row .ZG-cell.dg-field--render-state:has(.dg-chip__root){
    --field-root-padding: 0.125rem 0.3125rem;
    padding: var(--field-root-padding);
}
.ZG-gridBody .ZG-cellValue:has(.dg-chip__root){
    display: flex;
}
/* .ZG-gridBody .dg-field--render-state .dg-singleselect__root{
    overflow: visible;
}
.ZG-gridBody .dg-field--render-state .dg-singleselect__root .dg-chip__label{    
    left: -3px;
    position: relative;
}
.ZG-gridBody .dg-field--render-state:has(.dg-singleselect__root){
    top: 0;
    margin: 0;
}
.ZG-gridBody .dg-field--render-state .dg-singleselect__root.zt-collaborator__root .dg-chip__label{
    left: unset;
}
.ZG-gridBody .dg-field--render-state:has(.dg-multiselect__root){
    --field-root-padding: 0.125rem 0.3125rem;
    padding: var(--field-root-padding);
} */
.ZG-gridBody .dg-field--render-state .dg-multiselect__root{
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    min-width: 0;
    width: 100%;
    height: auto;
    top: 1px;
    position: relative;
} 

.ZT-recordHeightSM .ZG-gridBody .dg-field--render-state .dg-multiselect__root,
.ZG-row .dg-field--render-state .dg-multiselect__root.zt-attachment__root{
    flex-wrap: nowrap;
}
.ZG-row .dg-field--render-state .dg-multiselect__root.zt-attachment__root{
    width: fit-content;
    min-height: -webkit-fill-available;
    height: 0;    
    top: 0;        
}
.ZG-row .dg-field--render-state .dg-multiselect__root .dg-chip__root{
    margin: 2px 3px 2px 0;    
}
.ZG-row .dg-field--render-state .dg-checkbox__root,.ZG-row .dg-field--render-state .dg-checkbox__input-wrapper{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.ZG-row .dg-field--render-state .dg-rating__root{
    display: flex;
    align-items: flex-start;    
}
/*** Grid render state optimisation style end ***/

/*# sourceMappingURL=grid.fieldcomponent_unc.css.map*/