/* SR Tools */
.sr-tooltip {
     position: absolute;
     padding: 5px 10px;
     background: var(--primary-back);
     color: var(--primary-text);
     border: var(--primary-border);
     border-radius: var(--radius);
     font-weight: bold;
}

.srDatePicker {
     width: 84px;
     max-width: 84px;
     text-align: center;
}
#sr-datepicker, #sr-colorpicker {
     background:var(--box-back);
     color:var(--box-color); 
     border:var(--primary-border);
     border-radius:var(--radius);
     box-shadow: var(--box-shadow);
}
#sr-datepicker-head,
#sr-colorpicker-title {
     background: var(--box-title-back);
     color: var(--box-title-color);
     font-size: var(--font-size-16);
     font-weight: bold;
}
#sr-datepicker-controls {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     padding: 0 4px;
     height:30px;
}
.sr-datepicker-button,
.sr-timepicker-button,
.sr-colorpicker-button,
.sr-butto,.sr-button,
.sr-colorpicker-button {     
     border-radius: var(--button-border-radius);
     width: auto;
     height: var(--button-height);
     line-height: var(--button-height);
     max-height: var(--button-height);
     min-width: var(--button-height);
     text-align: center;
     cursor: pointer;
     font-size: var(--font-size-14);
     background-color: var(--button-standard-back);
     color: var(--button-standard-color);
     border: var(--button-standard-border);
     display: inline-flex;
     flex-direction: row;
     justify-content: space-around;
     align-items: center;
     box-shadow: var(--button-box-shadow);
     font-weight: bold;
}

.srTimePicker {
     width: 70px;
     max-width: 70px;
     text-align: center;
}

/* SR Grid */
.srGrid {
     display: inline-block;
     /* background-color:var(--primary-back);color:var(--primary-text); */
     border: var(--primary-border);
     border-radius: var(--radius);
}
.srGrid-content {
     border: 0;
}
.srGrid-title {
     background-color: var(--grid-title-back);
     color: var(--grid-title-color);
     height: var(--grid-row-height);
     line-height: var(--grid-row-height);
}
.srGrid-head,
.srGrid-notes {
     background-color: var(--table-header-back);
     color: var(--table-header-color);
}
.srGrid-button-export {
     background-image: url(../core/images/grid-download.png);
}
.srGrid-button-refresh {
     background-image: url(../core/images/grid-reload.png);
}
.srGrid-button-display,
.srGrid-button-settings {
     background-image: url(../core/images/grid-list.png);
}
.srGrid-title-controls {
     border: 0;
     border-right: 0; 
}

.srGrid-filters {
     height: var(--grid-row-height);
     line-height: var(--grid-row-height);
     min-height: var(--grid-row-height);
}
.srGrid-row,
.srGrid-full {
     line-height: var(--grid-row-height);
     min-height: var(--grid-row-height);
}
.srGrid-head-highlight {
     background: var(--grid-highlight-back);
     color: var(--grid-highlight-color);
}
.srGrid-asc {
     background-image: url(../core/images/grid-asc.png);
}
.srGrid-dsc {
     background-image: url(../core/images/grid-desc.png);
}

.srGrid-row {
     background-color: transparent;
}
.srGrid-row:nth-child(even) {
     background-color: var(--row-subback);
}
.srGrid-row.warning {
     background-color: var(--color-warning);
}
.srGrid-row.inactive {
     background-color: var(--color-inactive);
}
.srGrid-row.caution {
     background-color: var(--color-caution);
}
.srGrid-row.highlight {
     background-color: var(--color-highlight);
}
.srGrid-filter-input {
     border-radius: var(--radius);
}

.srGrid-content {
     border-color: var(--primary-border-color);
}

.sr-tooltip.item-status-good {
     background-color: var(--color-good);
}
.sr-tooltip.item-status-active {
     background-color: var(--color-active);
}
.sr-tooltip.item-status-deleted {
     background-color: var(--color-deleted);
}
.sr-tooltip.item-status-locked {
     background-color: var(--color-locked);
}
.sr-tooltip.item-status-warning {
     background-color: var(--color-warning);
}
.sr-tooltip.item-status-caution {
     background-color: var(--color-caution);
}
.sr-tooltip.item-status-inactive {
     background-color: var(--color-inactive);
}
.sr-tooltip.item-status-highlight {
     background-color: var(--color-highlight);
}

/* SR Datalist */
input[sr-datalist].sr-enabled:not([disabled]),
input[list],
input[list]:hover,
input[list]:focus,
input[list]:active {
     background-image: url(../core/images/list-drop.png);
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     background-position: right center;
     padding-right: 20px;
}
input::-webkit-calendar-picker-indicator {
     display: none !important;
     -webkit-appearance: none;
}

.srAttach-button {
     display: inline-flex;
     flex-direction: row;
     align-items: center;
}

/* Editor */
.ql-toolbar {
     border-top-left-radius: var(--radius);
     border-top-right-radius: var(--radius);
     background-color: var(--input-back);
     color: var(--input-color);
}
.ql-container {
     border-bottom-left-radius: var(--radius);
     border-bottom-right-radius: var(--radius);
}
.ql-formats,
.ql-toolbar,
.ql-picker {
     overflow: unset;
}

.ql-editor {
     background-color: var(--input-back);
     color: var(--input-color);
     font-size: var(--font-size-14);
     line-height: 1;
     padding: 0 4px;
     max-height: 200px;
     overflow-y: auto;
}
/* Quill */
.ql-indent-1 {
     padding-left: 20px;
}
.ql-indent-2 {
     padding-left: 40px;
}
.ql-indent-3 {
     padding-left: 60px;
}
.ql-indent-4 {
     padding-left: 80px;
}
.ql-indent-5 {
     padding-left: 100px;
}