/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/angular-calendar/css/angular-calendar.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}

.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}

.cal-week-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-week-view * {
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: flex;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: " ";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}

.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}

.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}

.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}

.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}

.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}

.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}

.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}

.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}

.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/

/* // @import "~ng-pick-datetime/assets/style/picker.min.css"; */

/* @import "./app/shared/angular-calendar/css/angular-calendar.css"; */
:root {
    --bs-font-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --bs-link-color: #337ab7;
    --filter-height : 10px;
    --sidecar-header : 10px;
    --header-height : 40px;
    --editor-height: 100px;
    --popup-filter-height: 50px;
    --single-row-height: 80px;
    --nTire_top:20px;
    --nTire_top_dropdown:69vh;
    --nTire_top_form:20px;
    --firstNtier:1px;
    --ntier-cv-2-height: 170px;
    --automation-top: 60px;
}

html {
    -ms-overflow-style: scrollbar;
    font-size: 14px;
}

html,
body,
app-root,
app-root>* {
    height: 100%;
}

.body {
    background: #ffffff;
}

datatable-selection {
    display: flex;
}

.h4,
h4 {
    font-size: 1.3rem;
}

.btn-primary {
    --bs-btn-bg: #3b8fb5;
    --bs-btn-border-color: #3b8fb5;
    --bs-btn-hover-bg: #4b809b;
    --bs-btn-hover-border-color: #4b809b;
    --bs-btn-active-bg: #4b809b;
    --bs-btn-active-border-color: #4b809b;
    --bs-btn-disabled-bg: #3b8fb5;
    --bs-btn-disabled-border-color: #3b8fb5;
}

.fullscreen {
    /* comment for tk. #2140 */
    /* overflow: hidden; */
    /* padding-right: 2px;
    padding-left: 2px; */
    margin-right: auto;
    margin-left: auto;
}

.fa {
    display: inline-block;
    font: normal normal normal 1rem/1 FontAwesome;
}
.fa-close{
    font-size: calc(1rem + 4px);
}
textarea {
    resize: vertical;
}

/*--------------------------------------------------------------------
--  Force hidden setting to make element hidden
--  Sometimes the angular [hidden] won't take effect if the parent element(s)
--  also have some *ngIf in play which overrides or clashes with the child element setting.
--  https://stackoverflow.com/questions/35578083/what-is-the-equivalent-of-ngshow-and-nghide-in-angular2
----------------------------------------------------------------------*/

[hidden] {
    display: none !important;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: var(--bs-link-color);
}

input.ng-dirty.ng-invalid,
select.ng-dirty.ng-invalid,
listarea.ng-dirty.ng-invalid {
    border: 1px solid #cd0a0a;
}

blockquote{
    margin-inline-start: 40px;
    margin-block-start: 1em;
    display: block;
    margin-block-end: 1em;
    margin-inline-end: 40px;
    unicode-bidi: isolate;
}
.btn-standard {
    line-height: 0px;
    margin-top: 8px;
    margin-right: 10px;
    padding: 14px 25px;
    width: 125px;
    background: inherit;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ffffff;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}

.btn-standard:disabled,
input.btn-standard:disabled:hover,
.modal-footer input.btn-standard:disabled,
.modal-footer input.btn-standard:disabled:hover {
    cursor: not-allowed;
    border-color: #e3e5e7;
    background-color: #e3e5e7;
    color: #adaaad;
}

/*--------------------------Common For All add Tier Buttons-----------------*/

.add-button-picklist {
    width: 100px !important;
    border-radius: 3px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    margin: 14px !important;
    text-align: center;
    /* background-color: #03a803;
    color: #ffffff !important; */
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.add-button-picklist:hover {
    width: 100px !important;
    border-radius: 3px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    margin: 14px !important;
    text-align: center;
    /* background-color: #03a803;
    color: #ffffff !important; */
    color: #fff;
    /* background-color: #0069d9;
    border-color: #0062cc; */
    background-color: #3b8fb5;
    border-color: #3b8fb5;
}

.add-button {
    width: 136px !important;
    border-radius: 3px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    margin: 14px !important;
    text-align: center;
    /* background-color: #03a803;
    color: #ffffff !important; */
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.add-button:hover {
    width: 136px !important;
    border-radius: 3px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    margin: 14px !important;
    text-align: center;
    /* background-color: #03a803;
    color: #ffffff !important; */
    color: #fff;
    /* background-color: #0069d9;
    border-color: #0062cc; */
    background-color: #1b548c;
    border-color: #1b548c;
}

.bgColor:hover {
    background-color: #006699 !important;
    color: white !important;
}

.bgNotColor {
    background-color: none !important;
}

/*--------------------------Common For All Create Buttons-----------------*/

.addButton {
    /* background-color: #03a803;
    color: #ffffff !important; */
    border-color: silver;
    border-radius: 3px;
    margin-top: 3px;
    width: 120px;
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.addButton:hover {
    /* background-color: rgb(0, 101, 255) !important; */
    color: #fff;
    /* background-color: #0069d9;
    border-color: #0062cc; */
    background-color: #3b8fb5;
    border-color: #3b8fb5;
}

/*--------------------------Common For All Create Buttons-----------------*/

.createButton {
    /* background-color: #03a803;
    color: #ffffff !important; */
    /* border-color: silver; */
    border-radius: 3px;
    font-weight: 500;
    margin-top: 3px;
    margin-right: 5px;
    cursor: pointer;
    width: 120px;

    color: #fff !important;
    background: #3786D5;
    border-color: #3786D5;
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
}

.createButton:hover {
    /* background-color: #03a803 !important; */
    /* background-color: #007bff !important;
    border-color: #007bff !important; */
    background-color: #3b8fb5;
    border-color: #3b8fb5;
}

.createButton-disabled {
    background-color: gray !important;
    border-color: silver;
    border-radius: 3px;
    color: #ffffff !important;
    cursor: not-allowed;
    margin-top: 3px;
    margin-right: 5px;
    cursor: pointer;
    width: 120px;
}

/*-------------------------------Common For All Add Filters--------------------*/

.addFilters {
    /* background-color: #03a803;
    border-color: silver; */
    border-radius: 3px;
    /* color: #ffffff !important; */
    margin-top: 3px;
    margin-right: 3px;
    cursor: pointer;
    width: 120px;
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.addFilters:hover {
    /* background-color: #03a803; */
    color: #fff;
    /* background-color: #0069d9;
    border-color: #0062cc; */
    background-color: #1b548c;
    border-color: #1b548c;
}

.customStylengxTable datatable-body {
    /* max-height: 309px !important; */
    /* max-height: 150px !important; */
    /* min-height: 122px !important; */
    /* height: calc((47vh - 156px) - 30px); */
    max-height: calc(100vh - 558px) !important;
    overflow: hidden auto;
    overflow-y: scroll;
}

.customStylengxTable2 datatable-body {
    max-height: 150px !important;
    /* overflow: hidden auto; */
    overflow-y: auto;
}

.isActiveAcquiredCompanyTab datatable-body.datatable-body {
    /* max-height: 42vh !important; */
    /* max-height: 22vh !important; */
    /* min-height: 158px !important; */
    max-height: calc(100vh - 555px) !important;
    overflow: auto;
}

.isActiveUserclassificationTab datatable-body.datatable-body {
    /* max-height: 42vh !important; */
    /* max-height: 22vh !important; */
    /* min-height: 158px !important; */
    /* height: calc(100vh - 574px); */
    max-height: calc(100vh - 574px) !important;
    overflow: scroll;
}

.organizationalRelationshipTab datatable-body.datatable-body {
    max-height: calc(100vh - 493px) !important;
    overflow: auto;
}

.isActiveUserclassificationTabssas datatable-body.datatable-body {
    width: 100% !important;
    max-height: 506px !important;
}

.isActivePersonNameTab datatable-body.datatable-body {
    /* max-height: 42vh !important; */
    /* max-height: 150px !important; */
    /* min-height: 150px !important;
    height: calc((47vh - 156px) - 30px); */
    max-height: calc(100vh - 558px) !important;
    overflow: hidden auto;
    overflow-y: scroll;
}

.personContactInformationCV datatable-body.datatable-body {
    /* height: calc(100vh - 481px)!important; */
    /* max-height: 200px !important; */
    max-height: calc(100vh - 478px) !important;
    overflow-y: auto;
    overflow-x: auto;
}

.personCompanyCV datatable-body.datatable-body {
    max-height: calc(100vh - 480px) !important;
}

.isActivePersonCompanyTab datatable-body.datatable-body {
    /* max-height: 42vh !important; */
    /* max-height: 150px !important; */
    /* min-height: 158px !important;
    height: calc((47vh - 156px) - 30px); */
    max-height: calc(100vh - 558px) !important;
    overflow: hidden auto;
    overflow-y: scroll;
}

.isActiveContactInformationTab datatable-body.datatable-body {
    /* max-height: 42vh !important; */
    /* max-height: 22vh !important; */
    /* min-height: 207px !important;
    height: calc((47vh - 156px) - 30px); */
    max-height: calc(100vh - 555px) !important;
    overflow: hidden auto;
    overflow-y: scroll;
}

/* app-record-audit-log-list datatable-body {
    height: calc(100vh - 256px) !important;
    max-height: initial !important;
} */

/*-------------------------------Common For All Save Buttons--------------------*/

.saveButton {
    /* background-color: #03a803; */
    /* border-color: silver; */
    border-radius: 3px;
    color: #ffffff !important;
    /* width: 120px; */
    width: auto;
    margin-right: 5px;
    margin-top: 3px;

    /* color: #fff; */
    background: #3786D5;
    border-color: #3786D5;
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.saveButton:hover {
    /* background-color: #03a803; */
    color: #fff;
    /* background-color: #0069d9;
    border-color: #0062cc; */
    background-color: #1b548c;
    border-color: #1b548c;
}

/*-------------------------------Common For All OK Buttons--------------------*/

.okButton {
    /* background-color: #03a803;
    border-color: silver; */
    border-radius: 3px;
    /* color: #ffffff !important; */
    width: 120px;
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.okButton:hover {
    /* background-color: #03a803; */
    color: #fff;
    /* background-color: #0069d9;
    border-color: #0062cc; */
    background-color: #1b548c;
    border-color: #1b548c;
}

/*------------------------------Common For All Cancel Button--------------------*/

/* .cancelButton {
    background-color: rgb(0, 82, 204) !important;
    border-color: silver;
    border-radius: 3px;
    color: #ffffff !important;
    width: 120px;
    margin-right: 5px;
    margin-top: 3px;
}

.cancelButton:hover {
    background-color: rgb(0, 82, 204) !important;
} */

.cancelButton {
    /* background-color: #CD0A0A !important;
    border-color: silver; */
    border-radius: 3px;
    /* color: #ffffff !important; */
    width: 120px;
    margin-right: 5px;
    margin-top: 3px;

    color: #3786D5;
    border-color: #3786D5;

    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
    background: #fbfbfb;
}

.cancelButton:hover {
    /* background-color: #CD0A0A !important; */
    color: #fff;
    /* background-color: #007bff;
    border-color: #007bff; */
    background-color: #1b548c;
    border-color: #1b548c;
}

/*-----------------------------------Common For all Edit Button------------------------*/

.editButton {
    /* background-color: #03a803;
    border-color: silver; */
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
    border-radius: 3px;
    /* color: #ffffff !important; */
    margin-right: 5px;
    width: 120px;
    margin-top: 3px;
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.editButton:hover {
    /* background-color: #03a803 !important; */
    color: #fff;
    /* background-color: #0069d9;
    border-color: #0062cc; */
    background-color: #1b548c;
    border-color: #1b548c;
}

/*----------------------------Common for all Alert Box---------------------------*/

.btn-bootstrap {
    /* background-color: #03a803;
    border-color: silver; */
    border-radius: 3px;
    /* color: #ffffff !important; */
    width: 120px;
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-bootstrap:hover {
    /* background-color: #03a803 !important; */
    color: #fff;
    /* background-color: #007bff;
    border-color: #007bff; */
    background-color: #1b548c;
    border-color: #1b548c;
}

/* Leave Button */

/*----------------------------Common for all Alert Box---------------------------*/

.leaveButton {
    /* background-color: #CD0A0A;
    border-color: silver; */
    border-radius: 3px;
    /* color: #ffffff !important; */
    margin-top: 3px;
    cursor: pointer;
    width: 120px;
    color: #3786D5;
    border-color: #3786D5;
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
}

.leaveButton:hover {
    /* background-color: #CD0A0A !important; */
    color: #fff;
    /* background-color: #007bff;
    border-color: #007bff; */
    background-color: #3b8fb5;
    border-color: #3b8fb5;
}

button:focus {
    outline: 0;
}

.btn-bootstrap:disabled:hover {
    color: #fff;
    background-color: #00324a;
    cursor: default;
}

.btn-bootstrap.green {
    background-color: #047204;
}

.btn-bootstrap.red {
    background-color: #cd0a0a;
}

.btn-bootstrap.green:hover {
    background-color: #047204;
    opacity: 0.8;
}

.btn-bootstrap.red {
    background-color: #cd0a0a;
    opacity: 0.8;
}

.btn-bootstrap:focus {
    color: #fff;
}

.btn-bootstrap .fa {
    color: inherit;
    padding-right: 5px;
    opacity: 1;
}

.btn-bootstrap:disabled .fa {
    cursor: inherit;
    opacity: 1;
}

.txt-white {
    color: #fff;
}

.clear {
    clear: both;
}

#flashMessage {
    /*  3381 */
    /* overflow: auto; */
    border: 1px solid #ddd;
    font-size: 12px;
}

.flash.success {
    color: #fff;
    background-color: #ff0000;
}

.flash a {
    color: #fff;
    float: right;
}

.hide {
    display: none !important;
}

.flash {
    padding: 5px;
    border: 1px solid #acacac;
    margin: 0 0 5px 0;
    font-weight: bold;
}

.modal-centered {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.modal-centered>.modal-content {
    display: table-cell !important;
    vertical-align: middle;
    background: transparent;
}

.modal-centered>.modal-content>* {
    pointer-events: auto;
}

.button {
    backface-visibility: hidden;
    position: relative;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    background: #a7a7a7;
    border-radius: 500px;
    border: 04px solid #006699;
    border-width: 04px 04px 04px 04px;
    padding: 8px 20px 8px 50px;
    color: #fff;
    font-size: 15px;
    font-family: Times New Roman;
    font-weight: 900;
    font-style: normal;
}

.button>div {
    color: #999;
    font-size: 10px;
    font-family: Helvetica Neue;
    font-weight: initial;
    font-style: normal;
    text-align: center;
    margin: 0px 0px 0px 0px;
}

.button>i {
    color: #00324a;
    font-size: 1em;
    background: #fff;
    border-radius: 100px;
    border: 4px solid #03a803;
    border-width: 4px 4px 4px 4px;
    padding: 11px 12px 11px 12px;
    margin: 6px 6px 6px 6px;
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
}

.button>.ld {
    font-size: initial;
}

/*popups start*/

.modal-footer {
    padding: 10px;
    border-top: 0px solid #e5e5e5;
}

.action-bar-popup {
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
    /* background-color: #00324A; */
    width: 100%;
    height: auto;
}

.action-bar-popup .title-box {
    padding: 8px 10px;
    display: inline-block;
    min-width: 200px;
    width: auto;
    /* background-color: #00324A; */
    /* color: #FFF; */
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
    font-size: 20px;
}

.action-bar-popup h4 {
    color: inherit;
    display: inline !important;
    border-bottom: none !important;
}

/*popups end*/

/*--------------------------------------------------------------------
--  Glyph icon settings
----------------------------------------------------------------------*/

.fa:hover {
    cursor: pointer;
    opacity: 0.8;
}

.fa.disabled {
    color: #adaaad;
    opacity: 0.9;
    cursor: default;
}

.fa.transparent {
    color: transparent !important;
    cursor: none;
}

.fa.drag {
    cursor: move;
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.fa.left {
    float: left;
}

.fa.right {
    float: right;
}

/* .modal-content .fa {
    color: #ffffff;
} */

/* --------------------------------------------------------------
    Create View
-------------------------------------------------------------- */

input.btn-standard:disabled,
input.btn-standard:disabled:hover,
.modal-footer input.btn-standard:disabled,
.modal-footer input.btn-standard:disabled:hover {
    cursor: not-allowed;
    border-color: #e3e5e7;
    background-color: #e3e5e7;
    color: #adaaad;
}

.emphasis {
    margin: 0 auto;
    text-align: center;
    padding: 10px 2%;
    color: #00324a;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

.validator-error {
    color: #cd0a0a;
}

.row-header {
    /* background-color: lightsteelblue; */
    background-color: white;
}

/* .tabs-related .tabs .tab.active,
.tabs-related .tabs .tab:hover,
ul .action-bar:hover {
    background-color: #00324a;
    color: #fff;
} */

.nav-tabs>li.active>a {
    border: 1px solid #737070 !important;
    border-bottom-color: transparent !important;
}

.tabs-related .tabs .tab.active {
    /* background-color: #00324a; */
    cursor: default;
}

.tabs-related .tabs .tab a {
    line-height: 33px;
}

.tabs-related .tab-content {
    background-color: #fff;
    margin-top: 0;
    clear: both;
    position: relative;
}

.tab-content>.active {
    display: block;
}

.tabs-related .tabs .tab1.active,
.tabs-related .tabs .tab1:hover {
    /* background-color: #00324a; */
    color: #fff;
}

.row-header .fa {
    width: 100%;
}

.row-body .fa {
    color: #cd0a0a;
}

.dropdown .dropdown-menu .fa {
    color: #cd0a0a;
}

.nav>li>a:hover {
    color: #555;
}

.action-bar .tab-title {
    padding: 9px 17px;
    display: inline-block;
    /* min-width: 140px; */
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    width: auto;
    /* color: #FFF; */
    /* color: #707070; */
    font-size: 14px;
    text-align: center;
    /* border: 1px solid #fff; */
    cursor: pointer;
    border-radius: 10px 10px 0px 0px;
    font-weight: 600;
    /* padding: 10px 60px 10px; */
    padding: 14px 20px 10px;
    font-size: 16px;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.tabs-related .nav-tabs .active {
    /* background-color: #00324a;
     */
    border-bottom: 3px solid #3786D5 !important;
    color: #3786D5 !important;
    /* #2727 */
    margin-bottom: -2px;
}

.entry-form {
    margin-top: 10px;
}

div.editor-field {
    padding: 0;
    margin: 0;
    margin-right: 1%;
    margin-bottom: 5px;
}

div.editor-field label {
    display: inline;
    float: none;
    padding: 0;
    line-height: 30px;
}

div.editor-field .required {
    color: #cd0a0a;
}

.required {
    color: #cd0a0a;
    font-size: large;
}

.required-black {
    /* color: darkred; */
    /* color: red !important; */
    color: #707070 !important;
    font-size: large;
}

.color-black {
    color: black;
}

.edit-color-red {
    color: #cd0a0a;
    font-size: 10px;
}

.edit-color-black {
    color: black;
    font-size: 10px;
}

.required1 {
    color: #cd0a0a;
    font-size: large;
}

.required2 {
    color: #003300;
    font-size: large;
}

.required3 {
    color: #fff;
    font-size: large;
}

.required4 {
    color: black;
    font-size: large;
}

.required5 {
    color: #a04000;
    font-size: large;
}

.required6 {
    color: #283747;
    font-size: large;
}

.required7 {
    color: #8e24aa;
    font-size: large;
}

.required8 {
    color: #e91e63;
    font-size: large;
}

/* --------------------------------------------------------------
    /Create View
-------------------------------------------------------------- */

/* --------------------------------------------------------------
    grid list
-------------------------------------------------------------- */

.btn-color:hover {
    /* background-color: #03a803; */
    color: #fff;
    /* background-color: #0069d9;
    border-color: #0062cc; */
    background-color: #1b548c;
    border-color: #1b548c;
}

.btn-color {
    /* background-color: #03a803; */
    background: #3786D5;
    border-color: #3786D5;
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    /* width: 100%;
  height: auto; */
}

/* .action-bar { */
    /* background-color: lightslategray; */
    /* background: #fbfbfb; */
    /* border-bottom: 3px solid #dedbdb; */
    /* width: 100%;
  height: auto; */
/* } */

.sub_nav_c .action-bar {
    border-right: 1px solid #ffefef;
    min-width: 130px;
}

.action-bar .title-box {
    padding: 8px 10px;
    display: inline-block;
    min-width: 140px;
    width: auto;
    background-color: #00324a;
    color: #fff;
    font-size: 18px;
}

.action-bar .btns {
    text-align: right;
}

.action-bar h1,
.action-bar h2,
.action-bar h2,
.action-bar h4 {
    color: inherit;
    font-size: 16px;
    display: inline !important;
    border-bottom: none !important;
}

.child-grid .action-bar {
    margin-bottom: 0px;
    margin-left: 2px;
    width: 99.8%;
    overflow: hidden;
}

.action-bar .sub-title-box {
    padding: 8px 10px;
    display: inline-block;
    min-width: 200px;
    width: auto;
    background-color: #00324a;
    color: #fff;
    font-size: 18px;
}

ul.ul-grid li.row-header.filter {
    background-color: #a7a7a7;
    border-top: 1px solid #f5f5f5;
    padding-left: 10px;
}

ul.ul-grid li {
    padding: 5px 0px 5px 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: #ffffff;
}

ul.ul-grid li span.col {
    font-size: 13px;
    display: inline-block;
    width: auto;
    text-align: left;
    vertical-align: top;
    color: #212322;
}

ul.ul-grid li span.col.col7 {
    width: 6%;
}

/* .filter-tag .form-control {
    border-radius: 0;
} */

ul {
    margin-bottom: 0px;
}

ul.ul-grid li span.col.col20 {
    width: 19%;
}

ul.ul-grid li span.col.col15 {
    width: 14%;
}

.pull-right {
    float: right !important;
}

ul.ul-grid li span.col:last-child {
    padding-right: 0.5%;
}

/* #grdModelTableContainer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
} */

.ul-grid.body .fa.disabled,
.dropdown .dropdown-menu .fa.disabled,
.row-body .fa.disabled {
    color: #adaaad;
    opacity: 0.5;
}

.table {
    margin-bottom: 0px;
}

/* --------------------------------------------------------------
    /grid list
-------------------------------------------------------------- */

/* drop down menu start */

.dropbtn {
    background-color: #00324a;
    color: white;
    padding: 8px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    /* min-width: 240px; */
}

.dropdown-btn {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 2000;
}

.dropdown-content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #006699;
    color: #fff;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.implement-dropdown-content {
    display: none;
    /* position: absolute;*/
    /* right: 0;*/
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    /* z-index: 1;*/
}

.implement-dropdown-content {
    display: block;
}

.implement-dropdown-content a:hover {
    background-color: #f1f1f1;
}

.implement-dropdown-content a {
    color: black;
    padding: 12px 12px;
    text-decoration: none;
    display: block;
}

/* .dropdown:hover .dropbtn {
    background-color: #006699;
} */

/* drop down menu end */

/* .border-l-R-B {
    border: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
} */

/* @media only screen and (min-width: 1700px) {
  .border-l-R-B {
    border-bottom: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media only screen and (min-width: 2800px) {
  .border-l-R-B {
    border-bottom: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
} */

/* comman css */

.margin-right-30 {
    margin-right: 30px;
}

.btns.margin-right-30 {
    margin: auto 8px auto unset;
}

.row-header .icon-width-18,
.icon-width-18 {
    width: 14px;
    margin-left: 5px;
}

.cursor-pointer {
    cursor: pointer;
}

.table-header-width-5 {
    width: 5%;
}

.table-header-width-3 {
    width: 3%;
}

.table-header-width-20 {
    width: 3%;
}

.row-header .table-header-width-10 {
    width: 10%;
}

.font-size-12 {
    font-size: 1.2rem;
}

.btn-margin-align {
    margin-right: 20px;
    vertical-align: sub;
}

.row-body .vertical-align-inherit {
    vertical-align: inherit;
}

.vertical-align-inherit {
    vertical-align: middle;
    font-size: 16px !important;
}

.datatable-filter-btn {
    float: right;
    margin-top: 0px;
    display: none;
}

.float-right {
    float: right !important;
}

.color-white {
    color: #fff;
}

.popup-container {
    display: block;
    /* padding-right: 17px; */
}

.triangle-5 {
    margin-left: -3px;
    border-bottom: solid 10px white;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-top-bottom-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.dropdown ul.dropdown-menu:after {
    content: "";
    /* border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #adadad; */
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #adadad;
    position: absolute;
    top: 1px;
    left: -10px;
    z-index: 9;
}

.dropdown ul.dropdown-menu li a {
    /* color: black; */
    color: #707070;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    /* Comapany Module QA issue*/
    white-space: nowrap;
}

.dropdown ul.dropdown-menu li a:hover {
    /* background-color: #00324A;
    color: #fff; */
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
}

.menu ul.dropdown-menu:after {
    content: "";
    border-top: 0px solid important;
    border-bottom: 0px solid !important;
    border-right: 0px solid !important;
    position: absolute;
    left: 0px !important;
}

/* .dropdown ul.dropdown-menus:after {
  content: "";
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #adadad;
  position: absolute;
  top: 2px;
  left: 111px;
  z-index: 9;
  transform: rotate(180deg);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
} */

/*--------------------------------------------------------------------
--  Inline message style
----------------------------------------------------------------------*/

/* Flash Message Styling */

.messages ul {
    padding: 0;
    margin: 0;
}

.flash {
    padding: 5px;
    border: 1px solid #adaaad;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
    background-color: #e3e5e7;
    background-color: rgba(227, 229, 231, 0.8);
    color: #212322;
    border-radius: 3px;
}

.flash.success {
    color: #00ad50;
}

.flash.warning {
    color: #00324a;
}

.flash.info {
    color: #cd0a0a;
}

.flash.error {
    color: #fff;
    background-color: #cd0a0a;
    background-color: rgba(205, 10, 10, 0.9);
}

.flash .fa {
    margin: 1px 7px !important;
}

/* --------------------------------------------------------------
    Form Editor
-------------------------------------------------------------- */

div.form-container {
    margin-bottom: 15px;
}

div.editor-label,
div.editor-field {
    padding: 0px;
    margin: 0px;
    margin-right: 1%;
    margin-bottom: 5px;
}

div.editor-field.w10 {
    width: 9%;
    margin-right: 1%;
}

div.editor-field.w15 {
    width: 14%;
    margin-right: 1%;
}

div.editor-field.w20 {
    width: 19%;
    margin-right: 1%;
}

div.editor-field.w25 {
    width: 24%;
    margin-right: 1%;
}

div.editor-field.w30 {
    width: 29%;
    margin-right: 1%;
}

div.editor-field.w35 {
    width: 34%;
    margin-right: 1%;
}

div.editor-field.w40 {
    width: 39%;
    margin-right: 1%;
}

div.editor-field.w50 {
    width: 49%;
    margin-right: 1%;
}

div.editor-field.w70 {
    width: 69%;
    margin-right: 1%;
}

div.editor-field.w100 {
    width: 100%;
    margin-right: 1%;
}

div.editor-field.w80 {
    width: 84%;
    margin-right: 1%;
}

div.editor-field.w85 {
    width: 84%;
    margin-right: 1%;
}

div.editor-label.float,
div.editor-field.float {
    float: left;
    display: inline;
}

div.editor-label label,
div.editor-field label {
    display: inline;
    float: none;
    padding: 0px;
    max-width: 140px;
    word-break: inherit;
    display: block;
    white-space: normal !important;
    line-height: 1.4;
}

div.editor-label span.val,
div.editor-field span.val {
    line-height: 30px;
}

div.editor-field select.small {
    max-width: 150px;
}

div.editor-field .required {
    color: #cd0a0a;
}

/*--------------------------------------------------------------------
--  Tab settings
----------------------------------------------------------------------*/

.tab-strip {
    /*background-color:#e3e5e7;*/
    border-bottom: 1px solid #adaaad;
}

.tab-strip .form-control {
    float: right;
    width: 70%;
}

.tab-strip .buttons {
    float: left;
}

.tab-strip>ul {
    padding: 0;
    margin: 0;
}

.tab-strip>ul>li.tab-heading {
    float: left;
    display: inline;
    padding: 0 15px;
    min-width: 100px;
    width: auto;
    height: 46px;
    line-height: 46px;
    border: 1px solid #ffffff;
    border-left: none;
    border-top: none;
    border-bottom-color: none
        /*#e3e5e7*/
    ;
    background-color: #707070;
    /* border-radius: 9px 9px 0px 0px; */
}

.tab-strip>ul>li.tab-heading .fa {
    color: inherit;
    padding-right: 5px;
}

.tab-strip>ul>li.tab-heading input.form-control {
    display: inline;
    width: 70%;
    height: 30px;
    margin-top: 7px;
}

.tab-strip>ul>li.tab-heading span.val {
    padding: 0px 10px;
    font-weight: bold;
}

.tab-strip>ul>li.tab-heading.active {
    background-color: #3786D5 !important;
    color: #fff;
    border-bottom-color: none
        /*#ffffff*/
    ;
}

ul.view-properties.exam.example-box view-property-recursive:nth-of-type(1) span.arrow-signs.fa.fa-chevron-left {
    display: none;
}

ul.view-properties.example-box view-property-recursive:nth-last-of-type(1) span.fa.fa-chevron-left.arrow-signs {
    display: none;
}

.tab-heading>.active {
    background-color: #3786D5 !important;
    color: #fff;
    border-bottom-color: none
        /*#ffffff*/
    ;
}

.tab-strip>ul>li.tab-heading.active .fa {
    color: #fff;
}

.tab-strip>ul>li.tab-heading.add {
    background-color: #00b050;
    color: #fff;
    text-align: center;
}

.add {
    background-color: #00324a;
    color: #fff;
    text-align: center;
}

.tab-strip>ul>li.tab-heading:hover {
    cursor: pointer;
    border-color: #ffffff;
    /* border-bottom-color: #e3e5e7; */
}

.tab-strip>ul>li.tab-heading .buttons {
    float: left;
}

.tabs .nav .action-bar {
    text-align: left;
}

.tab-body .tab-item {
    display: none;
    /* // border: 1px solid #e3e5e7; */
    border-top: none;
    padding-top: 25px;
}

.tab-body .tab-item.active {
    display: block;
}

/* input */

.checkBox {
    transform: scale(1.2);
}

.invalid {
    /* border: 2px solid #a00909; */
    border: 1px #cd0a0a solid;
}

.width-80 {
    width: 80% !important;
}

.complex-header-cell-border-left-Pick-List {
    border-left: 0.5px dotted;
}

.list-value-last {
    border-left: 1px dotted;
    border-bottom: 1px dotted;
    width: 100%;
}

/*
.complex-header-cell{
  background-color:#006699!important;
  color:black!important;
} */

.complex-header-cell-border-pick-list-state {
    border-right: 1px solid #bbb !important;
}

.complex-header-cell-border-pick-list {
    border-right: 0.5px dotted !important;
    border-right-color: white !important;
}

.complex-header-cell-border {
    border-right: 0.5px solid !important;
    border-right-color: black !important;
    /* border-right-color: lightgray!important; */
}

.complex-header-cell-border-system {
    border-right: 0.5px solid !important;
    border-right-color: white !important;
    /* border-right-color: lightgray!important; */
}

.complex-header-cell-border-left {
    border-left: 0.5px solid !important;
    border-right-color: black !important;
    /* border-left-color: lightgray!important; */
}

/* .complex-header-cell-border-left-Pick-List-single{
  border-left: 0.5px dotted!important;
  border-right:none!important;

} */

.table-border {
    border-bottom: 1px solid black;
}

.hide-border-complex-cell {
    border-right: none !important;
}

.show-border-complex {
    border-right: none;
}

.hide-border-complex-cell-single {
    border-right: none !important;
    border-left: 0.5px solid !important;
}

.hide-border-complex-cell-one {
    border-right: none !important;
    margin: auto !important;
    transform: translateY(15%) !important;
}

.complex-row-odd {
    background: #6cb8de !important;
}

.overlaping {
    overflow: hidden;
}

.overlaping1 {
    overflow: visible !important;
}

.complex-row-background {
    background: rgb(218, 235, 245);
}

.complex-row-background:hover {
    background: #fff;
    color: black !important;
}

.complex-row-even {
    background: #f2f2f2 !important;
}

.container-horizontal-scroll {
    width: 100%;
    overflow-y: overlay;
    white-space: nowrap;
}

.container-horizontal-scroll>.content {
    /* width:350px; */
    vertical-align: top;
    display: inline-block;
}

.required-grey {
    color: #d3d3d3;
    font-size: large;
}

.tag {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 1em;
    letter-spacing: 0.05rem;
    color: #444;
    border-radius: 16px;
    transition: all 0.3s;
    margin: 0.1rem 0.3rem 0.1rem 0;
    padding: 0.08rem 0.45rem;
    height: 32px;
    line-height: 34px;
    background: #efefef;
    -webkit-user-select: none;
            user-select: none;
    overflow: hidden;
    outline: 0;
    cursor: pointer;
    position: relative;
}

.tag .tag-wrapper {
    flex-direction: row;
    display: flex;
}

.tag .tag-wrapper.tag__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.textwrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* .master-sort {
  border-bottom: 3px solid #000;
  border-bottom-style: double;
} */

.master-sort {
    color: #707070;
}

/* .local-sort {
  border-bottom: 1px solid #000;
} */

.required-grey {
    color: #d3d3d3;
    font-size: large;
}

@media screen and (min-width: 769px) and (max-width: 1400px) {
    .panel-body {
        max-height: 350px;
        overflow: auto;
    }

    .panel-scroll {
        max-height: 350px;
        overflow: auto;
    }

    .permission-body {
        width: 336px;
        float: right;
        margin-right: -15px;
    }
}

body::-webkit-scrollbar {
    width: 12px;
    /* width of the entire scrollbar */
}

/* .pick-list-create .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell{
  display: flex;

} */

.pick-list-create .datatable-body-cell-label {
    align-self: center !important;
    width: 100%;
}

/* .property .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  padding: 0.9rem 0.2rem !important;
  margin: initial !important;
    -webkit-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
} */

/* .property .datatable-body-cell-label span {
  padding-left: 13px;
} */

/* .ngx-datatable *, .ngx-datatable *:before, .ngx-datatable *:after {
  border-radius: 0;
} */

.titlebox_c {
    /* padding: 8px 18px; */
    display: inline-block;
    /* min-width: 140px; */
    /* width: auto;
    background-color: steelblue;
    border-radius: 0px 20px 0px 0px;
    border-right: 1px solid white;
    color: #FFF; */
    /* font-size: 18px; */
    /* border-top-left-radius: 0; */
    text-align: center;
    border-bottom: 3px solid #3786D5;
    color: #3b8fb5;
    min-width: 227px;
    text-align: center;
    padding: 14px 10px 10px;
    margin-bottom: -3px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.section_header_tab {
    padding: 8px 18px;
    display: inline-block;
    width: auto;
    background-color: lightslategray;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.action-bar .float_left {
    color: darkred;
    display: contents;
    float: left;
    padding: 6px 18px;
}

.action-bar .float_left_text {
    display: contents;
    float: left;
    padding: 6px 18px;
}

.action-bar .float_right {
    color: darkred;
    float: right;
    padding: 6px 18px;
}

.nav-group {
    background-color: #006699;
}

/* .nav .menu-strip {
  background-color: deepskyblue;
} */

.visibility_h {
    visibility: hidden;
}

.w-100 input.red-border-class,.red-border-class {
    border: 1px solid #cd0a0a;
}

.display-ib {
    display: inline-block;
}

.fa-cog {
    /* color: #CD0A0A; */
    color: #707070;
    font-size: 18px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.p-0 {
    padding: 0px;
}

.p-3 {
    padding: 3px !important;
}

.p-10 {
    padding: 10px;
}

.px-30 {
    padding: 0 30px;
}

.py-30 {
    padding: 30px 0;
}

.py-10 {
    padding: 30px 0;
}

.ptb-5 {
    padding: 5px 0;
}

.pb-10 {
    padding-bottom: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pr-12 {
    padding-right: 12px;
}

.pr-40 {
    padding-left: 40px;
}

.border_r1 {
    border-right: 1px solid #bbb;
}

.form-control,
.form-select {
    border-radius: 5px;
    /* border-color: #ececec; */
}

.panel {
    /* border-radius: 0px; */
    border-color: #bbbbbb;
}

.border-r-1 {
    border-right: 1px solid #bbbbbb;
}

.margin-r-l-0 {
    margin-right: auto;
    margin-left: auto;
}
.model_table .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell .fa-cog{
    cursor: pointer;
    color: #707070 !important;
    font-size: 18px;
    font-weight: 600; 
}
.model_table .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell .fa-cog.cursor-pointer{
    color: rgb(32, 92, 152) !important;
}
.model_table .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell span {
    cursor: pointer;
    color: #707070 !important;
    font-size: 14px;
    font-weight: 600;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.model_table .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell span.bi-pencil-fill:hover {
    text-shadow: 2px 2px 5px;
    opacity: 1;
}

.model_table .datatable-body-cell-label li {
    list-style: none;
}
 .model_table app-boilerplate-text-value .datatable-body-cell-label li ,
 app-boilerplate-text-mrv .model_table .datatable-body-cell-label li,
 .model_table app-boilerplate-text-list-value .datatable-body-cell-label li{
    list-style: unset;
}
app-boilerplate-text-list .form div {
    max-height: unset;
}
.model_table .datatable-body-cell {
    padding: 0rem 0rem !important;
}

.model_table .text {
    padding: 0.7rem 0.8rem;
    display: block;
    white-space: normal;
    font-size: 14px;
}
.model_table .companyText {
    padding: 0.14rem 0.3rem !important;
    display: block;
    white-space: normal;
    font-size: 14px;
}

.model_table .text ul,
.p0 {
    padding: 0;
}

.dot_line {
    padding: 0px;
}

.model_table .dot_line li {
    list-style-position: inside;
    border-bottom: 1px dotted;
    border-bottom-color: lightgray;
    padding: 5px 0px 5px 13px;
    font-size: 14px;
    /* 2683 */
    line-height: 1.14;
}

.model_table .dot_line1 li {
    padding: 5px 0px 5px 13px;
}

.model_table .dot_line li:after {
    content: ".";
    visibility: hidden;
}

.model_table .dot_line.temp li:after {
    content: ".";
    display: none;
    visibility: hidden;
}

.model_table .dot_line li:last-child {
    border-bottom: 0px;
}

/* .model_table .ngx-datatable.material {
  border-bottom: 1px solid #bbbbbb;
  border: 1px solid #bbbbbb;
} */

.resize-handle {
    cursor: w-resize !important;
}

.model_table .tabs-related .tabs ul.nav-tabs {
    /* padding-bottom: 1px !important; */
    /* background-color: #605f5f; */
    background: #fbfbfb !important;
    border-bottom: 3px solid #dedbdb;
    align-items: center;
}

.fa-trash {
    /* color: red; */
    color: #3786D5;
}

.tabs-related .nav-tabs {
    /* border-bottom: 1px solid #ddd; */
    /* background: #605f5f; */
    background: #fbfbfb;
    color: #707070 !important;
    align-items: center;
    /* border-bottom: 4px solid #dedbdb; */
}

.box_c {
    display: table-cell;
    /* background-color: lightgrey; */
    border: 1px solid #bbbbbb;
    color: #707070;
    padding: 14px 24px 26px 9px;
    /* border-radius: 10px; */
    float: left;
    margin-right: 15px;
    /* margin-top: 10px; */
}

.box_c .dropdown {
    position: absolute;
}

.box_c .dropdown-menu {
    display: inline-table;
    min-width: 75px;
    left: 15px;
}

.box_c input[type="checkbox"] {
    width: 17px;
    height: 17px;
    margin-left: 0px;
}

/* .box_c .fa-cog {
/* .box_c .fa-cog {
    top: -2px;
} */

.box_c ul {
    list-style: none;
    padding: 0;
}

.tab-pane table .fa-chevron-up,
.tab-pane table .fa-chevron-down {
    color: darkblue;
}

.required-field {
    position: relative;
    top: 1px;
    font-size: 22px;
    display: inline-block;
    font-style: normal;
    line-height: 0;
}

.required-field:after {
    content: "*";
}

div#box_11 {
    z-index: 100000;
}

.body_c .ngx-datatable.scroll-horz .datatable-body {
    max-height: 71px !important;
}

/* ng-multiselect-dropdown */
.renderEngine-dropdown .selected-list .c-btn {
    min-height: 38px;
}

.selected-list .c-btn {
    box-shadow: 0px 0px 0px #959595 !important;
    padding: 7px !important;
}

.ngx-editor-button .fa {
    font-size: 15px;
}

.ngx-editor-textarea {
    height: auto;
    min-height: 89px !important;
}

.communications-dropdown .selected-list .c-btn {
    /* padding: 5px !important; */
    box-shadow: 0px 0px 0px #959595 !important;
}

.communications-dropdown .selected-list .c-btn {
    box-shadow: 0px 0px 0px #959595 !important;
    min-height: 38px !important;
}

.communications-dropdown span {
    color: #999999 !important;
}

.TestSystemDesignCvSrv .selected-list .c-btn {
    /* padding: 5px !important; */
    box-shadow: 0px 0px 0px #959595 !important;
}

.TestSystemDesignCvSrv .selected-list .c-btn {
    box-shadow: 0px 0px 0px #959595 !important;
    min-height: 38px !important;
}

.TestSystemDesignCvSrv span {
    color: #999999 !important;
}

.TestSystemDesignMRV .selected-list .c-btn {
    /* padding: 5px !important; */
    box-shadow: 0px 0px 0px #959595 !important;
}

.TestSystemDesignMRV .selected-list .c-btn {
    box-shadow: 0px 0px 0px #959595 !important;
    min-height: 38px !important;
}

.TestSystemDesignMRV span {
    color: #999999 !important;
}

.TestSystemDesignMRV .selected-list {
    width: 176px !important;
}

.TestSystemDesignMRV input {
    font-size: small;
}

.TestSystemDesignMRV {
    color: #555 !important;
}

.selectiongroup ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999999 !important;
}

.communications-dropdown span span {
    color: #333 !important;
}

.communications-dropdown label span {
    color: #333 !important;
}

.TestSystemDesignCvSrv span span {
    color: #333 !important;
}

.TestSystemDesignCvSrv label span {
    color: #333 !important;
}

.TestSystemDesignMRV span span {
    color: #333 !important;
}

.TestSystemDesignMRV label span {
    color: #333 !important;
}

.c-token span {
    color: #fff !important;
}

.mydp .selectiondisabled {
    background-color: #b7b3b3 !important;
}

.mydp .selectiondisabled:hover {
    cursor: not-allowed !important;
}

.communications-dropdown .disabled .c-remove {
    display: none !important;
}

.singleTeamSelect .communications-dropdown .c-token:nth-of-type(1) .c-remove {
    display: none !important;
}

.doubleTeamSelect .communications-dropdown .c-token:nth-of-type(1) .c-remove {
    display: none !important;
}

.doubleTeamSelect .communications-dropdown .c-token:nth-of-type(2) .c-remove {
    display: none !important;
}

.tripalTeamSelect .communications-dropdown .c-token:nth-of-type(1) .c-remove {
    display: none !important;
}

.tripalTeamSelect .communications-dropdown .c-token:nth-of-type(2) .c-remove {
    display: none !important;
}

.tripalTeamSelect .communications-dropdown .c-token:nth-of-type(3) .c-remove {
    display: none !important;
}

.errorsMsgShow .mydp .selectiongroup {
    position: relative;
    display: table;
    border: none;
    border-spacing: 0;
    background-color: #fff;
    border: 1px solid red !important;
}

.communications-dropdown .c-angle-down {
    display: none;
}

/* .TestSystemDesignCvSrv .c-angle-down {
    display: none;
} */

.communications-dropdown .list-area {
    position: absolute;
    width: 100%;
    height: auto;
    max-height: 338px;
    overflow: hidden;
}

.errorsShow .c-btn ,select.errorsShow, select.date-time-soe.errorsShow{
    border: 1px solid #ff0000 !important;
}

/* .testsystemdesign datatable-body {
    min-height: 20vh !important;
} */

.isActivePersonNameTab .dropdown-list {
    /* position: inherit !important; */
}

/* .isActivePersonNameTab .fa {
    left: 5px;
} */

/* .fa-cog {
    left: 5px;
} */

/* .dropdown-list {
    position: inherit !important;
} */

/* .person .dropdown-list {
    position: inherit !important;
} */

.communications-dropdown .disabled:hover {
    cursor: not-allowed !important;
}

.mainwrap img {
    max-width: 100%;
    height: auto;
}

.mainwrap .img-responsive {
    display: inline-block !important;
}

.mainwrap .log a img {
    margin-right: 10px;
}

.left-align-img {
    position: absolute;
    left: 0;
    top: 0;
}

.right-align-img {
    position: absolute;
    right: 0;
    top: 0;
}

.carousel-inner>.item img {
    width: 100%;
    height: auto;
}

.banner-inside img {
    width: 100%;
    height: auto;
}

.slick-slide img {
    width: 100%;
    outline: none;
}

.right-align-img,
.left-align-img {
    position: static;
    margin: 0 0 25px 0;
    float: left;
    width: 100%;
    text-align: center;
}

.right-align-img img,
.left-align-img img {
    width: 100%;
    height: auto;
}

.left-align-img,
.right-align-img {
    width: 40%;
}

.row-eq-height .carousel-inner .item img {
    height: 100%;
}

.row.row-eq-height img {
    height: 100%;
}

.service-image img {
    width: 50px;
}

.left-align-img,
.right-align-img {
    width: 40%;
}

.banner-inside img {
    width: 100%;
}

.loginImg img {
    height: 560px;
    margin-left: 8%;
    padding: 60px 0px 20px 0px;
}

.service-image img {
    width: 57px;
}

.left-align-img,
.right-align-img {
    width: 40%;
}

/* .banner-inside img{margin-top:40px;height:435px;} */

.loginImg img {
    height: 690px;
    margin-left: 8%;
    padding: 90px 0px 20px 0px;
}

.left-align-img,
.right-align-img {
    width: 40%;
}

/* .banner-inside img{margin-top:55px;} */

.loginImg img {
    height: 690px;
    margin-left: 8%;
    padding: 30px;
    /* padding:90px 80px 0 0px; */
}

.imgfileupload {
    width: auto;
}

.imgfileupload {
    width: 35vh;
}

.imgfileupload {
    width: 35vh;
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover a {
    color: #fff;
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .row-menu a {
    color: #707070;
    text-decoration: none;
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .row-menu a:hover {
    color: white;
    text-decoration: none;
}

.dropup .communications-dropdown .dropdown-list {
    bottom: 100% !important;
}

.dropup .communications-dropdown .list-area {
    bottom: 100% !important;
}

/* .new_data_table_products .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover, .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group i {
    color: black;
}
.new_data_table_products datatable-body-cell.datatable-body-cell.sort-active {
  text-align: center;
} */

.disabledColorNgxEditorExpectedEvent .ngx-editor-textarea {
    background-color: #ccc !important;
}

.disabledColorNgxEditorExpectedEvent .ql-editor.ql-blank {
    background-color: #ccc !important;
}

.disabledColorNgxEditorExpectedEvent .quill-editor.ql-container.ql-snow.ql-disabled {
    background-color: #ccc !important;
}

.errorsShowNgxEditorExpectedEvent .ngx-editor-textarea {
    border: 1px solid #e20e0e !important;
}

.errorsShowNgxEditorExpectedEvent .quill-editor.ql-container.ql-snow {
    border: 1px solid #e20e0e !important;
}

.disabledColorNgxEditorActualEvent .ngx-editor-textarea {
    background-color: #ccc !important;
}

.ql-editor.ql-blank::before {
    color: #868e96 !important;
    font-family: inherit !important;
    /* font-size: small !important; */
}

.disabledColorNgxEditorActualEvent .ql-editor.ql-blank {
    background-color: #ccc !important;
}

.disabledColorNgxEditorActualEvent .quill-editor.ql-container.ql-snow.ql-disabled {
    background-color: #ccc !important;
}

.ql-editor p {
    font-size: 16px !important;
}

/* .quill-editor.ql-container.ql-snow.ql-disabled */

.ql-editor.ql-blank {
    min-height: 104px !important;
}

/* .quill-editor.ql-container.ql-snow.ql-disabled */

.errorsShowNgxEditorActualEvent .ngx-editor-textarea {
    border: 1px solid #e20e0e !important;
}

.errorsShowNgxEditorActualEvent .quill-editor.ql-container.ql-snow {
    border: 1px solid #e20e0e !important;
}

.quill-editor.ql-container.ql-snow .ql-editor {
    min-height: 104px !important;
}

app-form-view-property-list .quill-editor.ql-container.ql-snow .ql-editor {
    min-height: 55px !important;
}

app-form-view-property-list span#ql-picker-options-1 {
    z-index: 1000;
}

app-form-view-property-list span#ql-picker-options-0 {
    z-index: 1000;
}

app-form-view-property-list quill-editor {
    width: 50vw !important;
}

.loginbut {
    float: right;
    width: 90px !important;
    padding: 0 14px !important;
    background-color: #ffa200 !important;
    height: 40px !important;
    font-size: 16px !important;
    color: #fff !important;
    text-transform: uppercase;
    border: 1px solid #bc7f09 !important;
}

/* .MsoNormalTable {
    width: 134vh !important;
} */

.HtmlShow td {
    width: 100vh !important;
}

.HtmlShow table {
    width: 14.5in !important;
}

.loader img {
    height: 14vh;
}

.overlay {
    background: #ffffff00;
    opacity: 1;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    left: 0px;
    top: 0px;
}

.loader {
    width: 120px;
    height: 120px;
}

#app-filter-parent .mydp .selector {
    position: fixed !important;
}

#app-filter-parent .mydp .selection {
    position: inherit !important;
}

#app-filter-parent .mydp {
    width: 155px !important;
}

.workProductEnrollment .mydp .selectorarrow:after,
.mydp .selectorarrow:before {
    display: contents !important;
    position: absolute !important;
}

.workProductEnrollment .selector.selectorarrow.selectorarrowleft {
    position: absolute !important;
    display: contents !important;
}

#app-filter-parent .mydp,
.mydp .selectiongroup,
.mydp .selection,
.mydp .selector,
.mydp .headertodaybtn {
    border-radius: 0 !important;
}

#app-filter-parent input.selection.inputnoteditable {
    margin: 1.8px !important;
    height: 30px !important;
}

.errorsMsgShow1 .borderNotAllow {
    border: 1px solid red !important;
}

/* .ang-tab-content {
    padding: 20px;
} */

.person-alternative-data {
    background: #f2f2f2;
    padding: 0 20px;
}
.person-alternative-data-file {
    background: white;
    padding: 0 20px;
    padding-right: 13px;
}

.person-alternative-data .ang-nav.ang-nav-tabs {
    margin: 2px -20px;
}

.person-alternative-data-file .ang-nav.ang-nav-tabs {
    margin: 2px - 0px;
}
.person-alternative-data .ang-tab-content {
    padding: 10px 0 12px;
}

.ang-nav.ang-nav-tabs {
    background: #fbfbfb;
    border-bottom: 3px solid #dedbdb;
    display: flex;
    align-items: center;
}

.ang-nav.ang-nav-tabs .nav-link {
    /* min-width: 227px; */
    text-align: center;
    /* padding: 14px 38px 10px; */
    padding: 10px 20px 10px;
    /* margin-bottom: -2px; */
    margin-bottom: -3px;
    font-size: 16px;
    font-weight: 600;
    color: #707070;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.ang-nav.ang-nav-tabs .nav-item.active .nav-link {
    /* border-bottom: 3px solid #4b809b; */
    /* color: #3b8fb5; */
    color: #3786D5;
    border: 0 !important;
    /* border-bottom: 3px solid #4b809b !important; */
    border-bottom: 3px solid #3786D5 !important;
    cursor: pointer;
    /* line-height: normal; */
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
}

.ang-nav.ang-nav-tabs .ang-tab-right-section {
    /* margin-left: auto;
    padding: 5px 10px; */
    margin-top: auto;
    margin-bottom: auto;
}

.ang-nav.ang-nav-tabs .ang-tab-right-section span, .filter-control-span .heading {
    display: inline-flex;
    padding: 0 5px;
}

.ang-nav.ang-nav-tabs .ang-tab-right-section span .bi,
.ang-nav.ang-nav-tabs .ang-tab-right-section span .fa {
    cursor: pointer;
}

.person-alternative-data {
    background: #f2f2f2;
    padding: 0 20px;
}
.person-alternative-data .ang-nav.ang-nav-tabs > .d-flex.bd-bottom, .popup-container .bd-bottom{
    border-bottom: 3px solid #dedbdb;
    width: 100%;
}
.person-alternative-data.dif-nav {
    background: #f2f2f2;
    padding: 0;
    margin-left: 20px;
    width: calc(100vw - 60px);
}
/* .person-alternative-data.dif-nav .ang-nav.ang-nav-tabs .nav-item.active .nav-link {
    line-height: normal;
} */
app-render-engine-edit .person-alternative-data.dif-nav {
    background: #ffffff;
    padding: 0;
    margin-left: 10px;
    width: calc(100vw - 60px);
}

.person-alternative-data.dif-nav .ang-nav.ang-nav-tabs {
    width: 100% !important;
    margin: 0px 0px !important;
    border: 1px solid #dedbdb;
    border-width: 0 1px 3px 1px;
    row-gap: 3px;
}
app-render-engine-edit .model_table .tabs-related .tabs .person-alternative-data.dif-nav .ang-nav.ang-nav-tabs {
    width: 100% !important;
    margin: 0px 0px !important;
    border-right: 3px solid #dedbdb;
}
/*
.person-alternative-data .ang-nav.ang-nav-tabs {
    margin: 0 -20px;
} */

.person-alternative-data .ang-tab-content {
    padding: 10px 0 12px;
}

/* .btn-outline-primary {
    color: #4b809b;
    border-color: #4b809b;
  }

  .btn {
    min-width: 107px;
    text-transform: uppercase;
    font-weight: 600;
    padding: .5rem .75rem;
  }

  .btn-primary {
    color: #fff;
    background: #4b809b;
    border-color: #4b809b;
  } */

strong {
    color: #707070;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    font-weight: 600;
    font-size: 14px;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background: none;
}

.local-sort {
    color: #707070;
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    font-weight: 600;
    font-size: 14px;
}

section.application-routing-block {
    display: flex;
    align-items: center;
    width: calc(100vw - 70px);
}

section.application-routing-block .dropdown.arb-dropdown button.btn {
    border-radius: 0;
    padding: 15px 20px;
    min-width: 263px;
    text-transform: initial;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.application-routing-block .dropdown.arb-dropdown button.btn.btn-primary {
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
}

section.application-routing-block .dropdown.arb-dropdown button.btn.btn-primary:hover,
section.application-routing-block .dropdown.arb-dropdown button.btn.btn-primary:focus {
    color: #fff;
    background: #3786D5;
    border-color: #3786D5;
    outline: none !important;
    box-shadow: none;
}

section.application-routing-block .dropdown-menu.arb-drop-lists {
    width: 100%;
    border-radius: 0;
    border: 0;
    background: #23799f;
}

section.application-routing-block .dropdown-menu.arb-drop-lists {
    width: 100%;
    border-radius: 0;
    border: 0;
    background: #23799f;
}

section.application-routing-block .dropdown-menu.arb-drop-lists .dropdown-item {
    color: #fff;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
    padding: 0.7rem 0.8rem;
}

.text-secondary {
    color: #707070 !important;
}

/* .ang-scrollable-content {
    height: calc(100vh - 156px - 30px);
    overflow: hidden auto;
} */
.ang-scrollable-contentss {
    height: calc(100vh - 156px - 30px);
    overflow: hidden auto;
}

/* .recordAuditLogList {
    overflow: auto;
    height: calc((100vh - 256px) - 30px);
} */

.recordAuditLogList .datatable-body.datatable-body {
    /* max-height: 200px !important; */
    max-height: calc(100vh - 441px) !important;
    overflow: auto;
}

.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell {
    vertical-align: middle !important;
}

/* button.btn {
    font-size: 16px;
} */

.label .req {
    color: #707070;
}

/* .bi.bi-pencil {
    color: #707070;
} */

input[type="text"]:disabled {
    box-shadow: none !important;
}

/* input[type="checkbox"] {
    filter: hue-rotate(-28deg) brightness(1.1);
}

input[type=checkbox][disabled] {
    filter: brightness(1);
} */

.picklisform td .form-control, .picklisform td #myDIV  {
    margin: 0 0 5px;
}

.ang-checkmark-container {
    position: relative;
    padding: 0;
    margin: 0;
    cursor: pointer;
    height: 14px;
    width: 18px;
    -webkit-user-select: none;
    user-select: none;
}

/* / Hide the browser's default checkbox / */
.ang-checkmark-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* / Create a custom checkbox / */
.ang-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 5px;
    background-color: #eee;
}

/* / On mouse-over, add a grey background color / */
.ang-checkmark-container:hover input~.ang-checkmark {
    background-color: #ccc;
}

/* / When the checkbox is checked, add a blue background / */
.ang-checkmark-container input:checked~.ang-checkmark {
    background-color: #3b8fb5;
    border: 0;
}

.ang-checkmark-container input~.ang-checkmark {
    background-color: #fff;
    border: 1px solid #ccc;
    /* &:hover */
}

/* / Create the checkmark/indicator (hidden when not checked) / */
.ang-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* / Show the checkmark when checked / */
.ang-checkmark-container input:checked~.ang-checkmark:after {
    display: block;
}

.ang-checkmark-container input:checked[disabled]~.ang-checkmark {
    background-color: #ddd;
    cursor: not-allowed;
    border: 0;
}

.ang-checkmark-container input[disabled]~.ang-checkmark {
    background-color: #ddd;
    border: 0;
    cursor: not-allowed;
}

/* / Style the checkmark/indicator / */
.ang-checkmark-container .ang-checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

span.ang-checkmark.disable {
    cursor: no-drop;
}

/* .fa-check {
    color: #4b809b;
    border-color: #4b809b;
    font-weight: 600;
    font-size: 17px;
} */

/* .acert {
    color: #4b809b;
    border-color: #4b809b;
    font-weight: 600;
    font-size: 17px;
} */

.acert :hover {
    color: #fff !important;
    background-color: #3786D5;
    border-color: #3786D5;
    /* font-weight: 600; */
    /* font-size: 17px; */
}

/* .fa-pencil-square-o {
    top: 2px !important;
    color: #4b809b;
    border-color: #4b809b;
    font-weight: 600;
    font-size: 17px;
} */

.fa-plus {
    top: 0;
    font-size: 14px;
    /* top: 2px !important; */
    /* color: #4b809b;
    border-color: #4b809b; */
    /* font-weight: 600;
    font-size: 17px; */
}

/* .fa-remove {
    top: 2px !important;
} */

/* .fa-ok {
    top: 2px !important;
} */
.fa-check :hover {
    color: #fff !important;
}

.fa-file {
    left: 1px;
    top: 0px !important;
}

.tabIcons {
    line-height: 25px;
    color: #3786D5;
    border: 1px solid #3786D5;
    font-weight: 600;
    border-radius: 30px;
    padding: 0px 6px;
    text-align: center;
    height: 27px;
    width: 27px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    top: -1px !important;
    margin-left: 5px;
    margin-top: 5px;
}

.customStylengxTable .datatable-body-row.datatable-body-row.datatable-row-even {
    border-bottom: 1px solid #ccc;
}

.customStylengxTable .datatable-body-row.datatable-body-row.datatable-row-odd {
    border-bottom: 1px solid #ccc;
}

.isActiveContactInformationTab .datatable-body-row.datatable-body-row.datatable-row-even {
    border-bottom: 1px solid #ccc;
}

.isActiveContactInformationTab .datatable-body-row.datatable-body-row.datatable-row-odd {
    border-bottom: 1px solid #ccc;
}

.isActiveAcquiredCompanyTab .datatable-body-row.datatable-body-row.datatable-row-even {
    border-bottom: 1px solid #ccc;
}

.isActiveAcquiredCompanyTab .datatable-body-row.datatable-body-row.datatable-row-odd {
    border-bottom: 1px solid #ccc;
}

/* .recordAuditLogList .datatable-row-wrapper.datatable-row-wrapper {
        border-bottom: 1px solid #ccc;
    } */

.recordAuditLogList .datatable-body-row.datatable-body-row.datatable-row-even {
    border-bottom: 1px solid #ccc;
}

.recordAuditLogList .datatable-body-row.datatable-body-row.datatable-row-odd {
    border-bottom: 1px solid #ccc;
}

.customStylengxTable .datatable-body-row.datatable-body-row.datatable-row-even {
    border-bottom: 1px solid #ccc;
}

.customStylengxTable .datatable-body-row.datatable-body-row.datatable-row-odd {
    border-bottom: 1px solid #ccc;
}

.isActivePersonCompanyTab .datatable-body-row.datatable-body-row.datatable-row-even {
    border-bottom: 1px solid #ccc;
}

.isActivePersonCompanyTab .datatable-body-row.datatable-body-row.datatable-row-odd {
    border-bottom: 1px solid #ccc;
}

.isActivePersonNameTab .datatable-body-row.datatable-body-row.datatable-row-even {
    border-bottom: 1px solid #ccc;
}

.isActivePersonNameTab .datatable-body-row.datatable-body-row.datatable-row-odd {
    border-bottom: 1px solid #ccc;
}

.ngx-datatable.material.verticle-center .datatable-body .datatable-body-row ,
.ngx-datatable.verticle-center .datatable-header .datatable-header-inner .datatable-header-cell {
    display: flex;
    align-items: center;
}

.ngx-datatable.verticle-center .datatable-row-center {
    display: flex;
}

.recordAuditLogList .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
    padding: 7px 10px !important;
}

.recordAuditLogList span.text {
    padding: 7px 10px !important;
}

.recordAuditLogList span.text12 {
    padding: 7px 10px !important;
    text-align: center;
}

.recordAuditLogList .datatable-body-cell-label span.text12 {
    text-align: center;
}

.glycolor {
    /* color: #3b8fb5; */
    color: #3786D5 !important;
    /* opacity: 0.8; */
    font-size: 18px;
}

.glycolor:hover {
    /* color: #4b809b !important; */
    color: #1b548c !important;
    text-shadow: 2px 2px 5px;
    /* text-shadow: 4px 2px 4px; */
}
.glycolor[disabled].gray:hover {
    color: #aeaeae !important;
    text-shadow:none;
}
.glycolor[disabled].gray {
    color: #aeaeae !important;
}

.spanecreatelink:focus {
    /* border: none; */
    outline: none;
}

.IconsDesign {
    line-height: 25px;
    color: #3786D5;
    border: 1px solid #3786D5;
    font-weight: 600;
    border-radius: 30px;
    padding: 0px 6px;
    text-align: center;
    height: 27px;
    width: 27px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    top: -1px !important;
    margin-left: 5px;
}

.qualifier datatable-scroller.datatable-scroll {
    max-height: 25vh;
}

.verticle-element-center .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label {
    height: 100%;
    display: flex;
}

.verticle-element-center .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label>span {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: space-evenly;
    flex-grow: 1;
}

.verticle-element-center .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label>span ul {
    flex-grow: 1;
    display: flex;
    align-items: center;
    width: 100%;
}

.verticle-element-center .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell:first-child .datatable-body-cell-label>span {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.verticle-element-center .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell:first-child .datatable-body-cell-label>span input {
    margin-top: 2px;
    margin-right: 5px;
}

.relatedDependency datatable-body.datatable-body {
    max-height: calc(100vh - 681px) !important;
}

.renderengineSRV datatable-body.datatable-body {
    max-height: calc(100vh - 450px) !important;
}

.qualiifiermultipicklist .c-btn {
    border-radius: 5px !important;
    border-color: #ececec !important;
}

.relatedFilterGConfig {
    max-height: calc(100vh - 524px) !important;
    overflow: auto;
}

.relatedFilterTable datatable-body.datatable-body {
    max-height: calc(100vh - 450px) !important;
}

.fileManagerRecord datatable-body.datatable-body {
    max-height: calc(100vh - 551px) !important;
}

.relatedFilterGConfig .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
    padding: 0 0;
}
/* .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
    position: relative;
} */

.relatedFilterGConfig .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label .undefineRow {
    padding: 0.9rem 1.2rem;
}

.form-design datatable-body.datatable-body {
    max-height: calc(100vh - 501px) !important;
    overflow: auto;
}

/* #RecordLookUp .datatable-body-cell-label {
        text-align: center;
    }
    #RecordLookUp datatable-header-cell.datatable-header-cell.sortable.resizeable div{
        text-align: center;
    } */
/* .model_table .text span{
        display: block;
    } */
dp-date-picker.dp-material {
    width: 100%;
}

.dp-material .dp-picker-input {
    border-radius: 5px;
    border-color: #ececec;
    display: block;
    width: 100% !important;
    /* height: 33px !important; */
    padding:.375rem .75rem;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px #ccc;
    border-radius: 4px;
}

.Spaxew .ngx-editor-textarea {
    height: auto;
    min-height: 38px !important;
}

/* .stripe-1:after {
        content: "" !important;
        width: 100%;
        height: 100%;
        background: repeating-linear-gradient(90deg, #ffffff00, #ffffff00 20px, #eeeeee 20px, #eeeeee 22px) !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;

    }

    .stripe-1 {

        background: repeating-linear-gradient(0deg, #ffffff00, #ffffff00 20px, #eeeeee 20px, #eeeeee 22px);
        position: relative;
    } */
.stripe-1 {
    height: calc(18in + 16px ) !important;
    width: calc(18in + 17px) !important;
    background: url('graph.be6b9249d7a3ca64.svg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.stripeCm {
    height: calc(45cm + 16px) !important;
    width: calc(40cm + 17px) !important;
    background: url('graphCm.dd33fe796cb7af3c.svg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* } */

input[type="text"]:disabled {
    background-color: #eee;
}

.formViewTable datatable-body.datatable-body {
    max-height: calc(100vh - 275px) !important;
}

/* 26 aug 2021 */
.cdk-global-overlay-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1056;
}

.cdk-overlay-pane {
    position: fixed;
    /* top: 0; */
    right: 0;
    width: 100%;
    max-width: 100vw !important;
    /* height: 100%; */
    z-index: 770;
    width: fit-content;
}

.mat-dialog-container {
    display: flex;
    padding: 24px;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: auto;
    outline: 0;
    width: 100%;
    height: 100%;
    min-height: inherit;
    max-height: inherit;
}

/* 26 aug 202w1 */
/* .formViewTable datatable-body.datatable-body {
        max-height: calc(100vh - 275px) !important;
    } */




/* app-horizontal-carete ngx-datatable.material{
        max-height: calc(85vh - 131px - 60px - 87px);
    }
    app-horizontal-carete .ngx-datatable.scroll-horz .datatable-body {
        max-height: calc(100vh - 131px - 60px - 241px) !important;
    }

    app-render-engine-list .ngx-datatable.scroll-horz .datatable-body {
        max-height: calc(100vh - 131px - 60px - 306px) !important;
    }
    app-render-engine-create .ngx-datatable.scroll-horz .datatable-body {
        max-height: calc(100vh - 131px - 60px - 316px) !important;
    } */

.dashboard-flexschema .dashboard-sidebar.overlay {
    width: 100%;
    border: 1px solid #ddd;
    transition: 0.5s;
    position: relative;
}

.dashboard-flexschema .dashboard-sidebar.overlay .sidebar-content.popup {
    max-width: 600px;
    min-width: 600px;
    overflow-x: auto;
    padding: 20px 15px;
    position: absolute;
    overflow-x: auto;
    padding: 20px 15px;
    left: auto;
    right: 0;
}

ul.dropdown-menu.row-menu.last-child {
    bottom: -52px !important;
    top: auto !important;
}

.dropdown ul.dropdown-menu.row-menu.last-child:after {
    top: auto;
    bottom: 20px;
}

/* ul.dropdown-menu.row-menu.second-last {
    bottom: -95px !important;
    top: auto ;
}
ul.dropdown-menu.row-menu.second-last:after {
    top: auto;
    bottom: 64px;
} */
/* 2543
ul.dropdown-menu.row-menu.tree-last {
    bottom: -125px !important;
    top: auto !important;
}
ul.dropdown-menu.row-menu.tree-last:after {
    top: auto;
    bottom: 90px;
} */
/* 2905 */
/* ul.dropdown-menu.row-menu.tree-last {
    bottom: -155px !important;
    top: auto !important;
}
ul.dropdown-menu.row-menu.tree-last:after {
    top: auto;
    bottom: 122px;
} */

.min-heightQuery datatable-body.datatable-body {
    /* height: 11vh !important; */
    min-height: 200px !important;
}

#RecordLookUp datatable-scroller.datatable-scroll {
    width: 100% !important;
}

datatable-scroller.datatable-scroll {
    /* width: 1000vw !important; */
}

app-standard-schedule-edit-query-return .stander-quary-edit-table datatable-header.datatable-header {
    width: 100%;
}

app-standard-schedule-edit-query-return .stander-quary-edit-table datatable-header.datatable-header .datatable-header-inner {
    width: 100% !important;
}

app-standard-schedule-edit-query-return .stander-quary-edit-table datatable-header.datatable-header .datatable-row-center {
    width: 100% !important;
}

app-standard-schedule-edit-query-return .stander-quary-edit-table datatable-header.datatable-header .datatable-row-center datatable-header-cell.datatable-header-cell {
    width: 50% !important;
}

app-standard-schedule-edit-query-return .stander-quary-edit-table ngx-datatable.scroll-horz .datatable-body {
    overflow: hidden !important;
}

app-standard-schedule-edit-query-return .stander-quary-edit-table ngx-datatable .datatable-row-center.datatable-row-group {
    width: 100% !important;
}

app-standard-schedule-edit-query-return .stander-quary-edit-table ngx-datatable .datatable-body-cell.sort-active {
    width: calc(50% - 1px) !important;
}

.scanner canvas,
.scanner video {
    height: 50%;
    /* width: 30% !important; */
}

.tab-body .angular-editor {
    width: 46.5vw !important;
}

/*Angular editor td design for Boilerplate Module*/
app-boilerplate-text-value angular-editor.form-control {
    padding: 0;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;
}

app-boilerplate-text-value.angular-editor .angular-editor-wrapper .angular-editor-textarea {
    min-height: 80px !important;
    margin: 10px 5px;
}

app-boilerplate-text-value angular-editor.form-control .angular-editor-toolbar .angular-editor-toolbar-set .angular-editor-button {
    background-color: #fff;
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: .4rem;
    min-width: 2rem;
    float: left;
    font-size: 16px;
    padding: 6px;
}
.angular-editor-toolbar  .angular-editor-toolbar-set:not([style*="display:none"]):not([style*="display: none"]) {
    display: inline-block;
    height: fit-content;
}
/*Angular editor td design*/
app-render-engine-edit angular-editor.form-control {
    padding: 0;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;

}

/* app-render-engine-edit .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    min-height: 80px !important;
    margin: 10px 5px;
  } */
app-render-engine-edit angular-editor.form-control .angular-editor-toolbar .angular-editor-toolbar-set .angular-editor-button {
    background-color: #fff;
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: .4rem;
    min-width: 2rem;
    float: left;
    font-size: 16px;
    padding: 6px;
}

/*Create page angular editor*/
app-render-engine-create angular-editor.form-control {
    padding: 0;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;

}

/* 2885 */
/* recode on next line */
/* app-render-engine-create .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    min-height: 80px !important;
    margin: 0px;
    margin: 10px 5px;
  } */
app-render-engine-create angular-editor.form-control .angular-editor-toolbar .angular-editor-toolbar-set .angular-editor-button {
    background-color: #fff;
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: .4rem;
    min-width: 2rem;
    float: left;
    font-size: 16px;
    padding: 6px;
}

/*Create page angular editor*/

app-render-engine-list angular-editor.form-control {
    padding: 0;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;

}

.angular-editor .angular-editor-wrapper .angular-editor-textarea {
    min-height: 80px !important;
    margin: 0;
    background-color: white !important ;
}

.angular-editor .angular-editor-wrapper .angular-editor-textarea:focus-visible {
    outline: none;
}

app-render-engine-list angular-editor.form-control .angular-editor-toolbar .angular-editor-toolbar-set .angular-editor-button {
    background-color: #fff;
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: .4rem;
    min-width: 2rem;
    float: left;
    font-size: 16px;
    padding: 6px;
}

.dashboard-flexschema app-horizontal-free-grid .dashboard-sidebar.overlay {
    width: 600px;
    float: right;
}

/*stander schedule page edittor*/


app-standard-schedule-create angular-editor.form-control {
    padding: 0;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;

}

app-standard-schedule-create .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    min-height: 80px !important;
    margin: 10px 5px;
}

app-standard-schedule-create angular-editor.form-control .angular-editor-toolbar .angular-editor-toolbar-set .angular-editor-button {
    background-color: #fff;
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: .4rem;
    min-width: 2rem;
    float: left;
    font-size: 16px;
    padding: 6px;
}




/* standard schedule edit page editor */
/*stander schedule page edittor*/


app-standard-schedule-edit angular-editor.form-control {
    padding: 0;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;

}

app-standard-schedule-edit .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    min-height: 80px !important;
    margin: 10px 5px;
}

app-standard-schedule-edit angular-editor.form-control .angular-editor-toolbar .angular-editor-toolbar-set .angular-editor-button {
    background-color: #fff;
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: .4rem;
    min-width: 2rem;
    float: left;
    font-size: 16px;
    padding: 6px;
}

app-email-information angular-editor.form-control {
    padding: 0;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ddd;

}

/*Angular editor td design*/

app-standard-schedule-edit .multiselect-dropdown .dropdown-btn {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000;
}

app-standard-schedule-create .multiselect-dropdown .dropdown-btn {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000;
}

.fileDesignRecordSRV datatable-body.datatable-body {
    max-height: calc(100vh - 681px) !important;
}

app-render-engine-list .ngx-datatable .datatable-body {
    /* 3381 */
    /* position: relative; */
    z-index: 10;
    display: block;
    max-height: calc(100vh - 480px) !important;
}

barcode svg {
    /* max-width: 100%; */
    width: 100%;
    /* height: 90px; */
}

.full-height barcode svg { 
    height: 100%;
}

app-automation-model-property barcode svg {
    max-width: 100%;
    width: 100%;
    /* height: 30px; */
}

app-render-engine-edit barcode svg {
    /* max-width: 100%; */
    /* width: auto; */
    /* height: 90px; */
}

/* app-render-engine-edit .ngx-datatable.material.striped .datatable-row-even {
    background: #f8f8f8;
} */


span.ae-font.ae-picker.ae-expanded {
    z-index: 10000000000000000 !important;
}

app-form-view-property-list app-form-resizable-draggable {
    position: absolute;
}

app-view-property-list app-resizable-draggable {
    position: absolute;
    width: 0;
}

.multiselect-dropdown .dropdown-btn .selected-item {
    /* margin-bottom: 4px; */
    max-width: 110px;
}

/* app-model-list-new ngx-datatable.ngx-datatable datatable-body.datatable-body {
    max-height: calc(100vh - 430px) !important;
} */
app-model-list-new ngx-datatable.ngx-datatable.scroll-horz datatable-body.datatable-body {
    max-height: calc(100vh - 430px) !important;
    overflow: auto;
}

body .p-dropdown {
    background: hsl(0, 0%, 100%);
    border-radius: 7px;
    width: 100%;
    height: 34px;
    padding: 6px 6px 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ececec;
}

body .p-dropdown-label {
    font-size: 14px;
    color: #555 !important;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body .p-dropdown-trigger {
    justify-content: end;
}

body .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    font-size: 14px;
    color: #555 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0rem 1rem;
}

body .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover {
    background: #0d6efd !important;
    color: #fff !important;
}

.emailInformation datatable-body.datatable-body {
    /* max-height: 200px !important; */
    height: calc(100vh - 687px) !important;
    overflow: auto;
}




app-render-engine-list .ngx-datatable.material.header-scroll .datatable-header {
    overflow-x: auto;
}

.ngx-datatable.material.header-scroll .datatable-header {
    overflow-x: auto;
}

app-model-table-list-view .ngx-datatable.material.main-layout-choose-navigation .datatable-body {
    overflow-x: hidden;
}



app-unit-mrv .ngx-datatable.material .datatable-body-row:hover datatable-body-cell.datatable-body-cell,
app-unit-mrv .ngx-datatable.material .datatable-body-row:hover .datatable-row-center.datatable-row-group,
app-unit-mrv .ngx-datatable.material .datatable-body-row:hover .datatable-row-group.datatable-row-left {
    cursor: default !important;
}

app-unit-mrv .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 411px) !important;
}

.isActiveAnalyticsAdditionalData datatable-body.datatable-body {
    max-height: calc(100vh - 670px) !important;
    overflow: auto;
}

.record_Manager_Common .datatable-body.datatable-body {
    max-height: calc(100vh - 441px) !important;
    overflow: auto;
}

div#dashbaordFlexschema .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 500px) !important;
    overflow-y: auto;
    /* 2907 */
    /* overflow: hidden; */
}



/* pending */
div#dashbaordFlexschema .ngx-datatable.scroll-horz.boilerplate .datatable-body {
    max-height: calc(100vh - 570px) !important;
    overflow-x: hidden;
}

div#dashbaordFlexschema .ngx-datatable.scroll-horz .datatable-body.custom-scroll {
    /* ,ks div#dashbaordFlexschema app-person-lis .ngx-datatable.scroll-horz .datatable-body  */
    max-height: calc(100vh - 390px) !important;
    overflow-y: auto;
}

div#dashbaordFlexschema .isActiveAnalyticsAdditionalData .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 505px) !important;
    overflow: auto;
}

.pickListPropertySRV datatable-body.datatable-body {
    /* height: calc((47vh - 156px) - 30px);
    max-height: calc(100vh - 555px) !important;
    overflow: hidden auto; */
    overflow-y: auto;
    overflow-x: hidden;
    /* min-height: 122px; */
}

.verticalScrollForPickList{
    max-height: calc(100vh - 408px);
    overflow: hidden auto;
}

/* .modalEmptyValueCheck2.tab-body .angular-editor {
    width: 47.5vw !important;
}
.modalEmptyValueCheck1.tab-body .angular-editor {
    width: 48.5vw !important;
} */

span.text {
    /* word-break: break-all; */
    word-break: break-word;
    white-space: normal;
}

.headerwrap {
    /* word-break: break-all; */
    word-break: break-word;
    white-space: normal;
}

.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell {
    height: 100%;
}

.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell span {
    word-break: break-word;
    white-space: normal;
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell span {
    word-break: break-word;
    /* white-space: nowrap;  */
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .flex_hidden span {
    white-space: normal;
    /* padding-bottom: 4px; */
}

.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell strong {
    word-break: break-word;
    white-space: normal;
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell strong {
    word-break: break-word;
    white-space: normal;
}

.cdk-drag.example-box.cdk-drag-preview span.fa.fa-cog.setGearIconCentre {
    display: none !important;
}

/* .cdk-drop-list-dragging .fa{
    padding-right: 20px !important;
} */

.errorsShowPhone input {
    border: 1px solid red !important;
}

app-horizontal-free-grid-form .scanner video {
    height: 100px !important;
    width: 200px !important;
    transform: translate(-15px, 0px);
}

.txt-overflow-dot {
    /* inline text wrap with dot */
    overflow: hidden;
    text-overflow: ellipsis;
    /* line-height: 1.1; */
}

.custom-tooltip-boilerplate .txt-overflow-dot span {
    white-space: normal !important;
    overflow-y: auto !important;
    text-overflow: unset;
    -webkit-line-clamp: 1;
    word-break: break-word !important;
    }

.txt-overflow-dot span {
    
    /* inline text wrap with dot */
    /* white-space: nowrap !important; */  
    
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    word-break: keep-all !important;
}

/*
.scrolBH.cov-icon-toggle ngx-datatable datatable-body {
    height: 300px !important;
} */

.scrolBH.cov-icon-toggle-setup ngx-datatable datatable-body {
    height: 200px !important;
}

/* .scrolBH.cov-icon-toggle2 ngx-datatable datatable-body {
    height: 55% !important;
} */

/* Permission Checkbox */
.permission-available-checkbox {
    position: relative;
    padding: 0;
    margin: 0;
    cursor: pointer;
    height: auto;
    width: 30px !important;
    -webkit-user-select: none;
            user-select: none;
}

.permission-available-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-checkbox-permission {
    position: absolute;
    top: 5px;
    right: 7px;
    height: 18px;
    width: 18px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.permission-available-checkbox:hover input~.custom-checkbox-permission {
    background-color: #ccc;
}

/* / When the checkbox is checked, add a blue background / */
.permission-available-checkbox input:checked~.custom-checkbox-permission {
    background-color: #fff;
    border: 1px solid #ccc;
}

.custom-checkbox-permission:after {
    content: "";
    position: absolute;
    display: none;
}


.permission-available-checkbox input:checked~.custom-checkbox-permission:after {
    display: block;
}

.permission-available-checkbox input:checked[disabled]~.custom-checkbox-permission {
    background-color: #ddd;
    cursor: not-allowed;
    border: 0;
}

.permission-available-checkbox input[disabled]~.custom-checkbox-permission {
    background-color: #ddd;
    border: 0;
    cursor: not-allowed;
}

/* / Style the checkmark/indicator / */
.permission-available-checkbox .custom-checkbox-permission:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

span.custom-checkbox-permission.disable {
    background-color: #ddd;
    border: 0;
    cursor: not-allowed;
}

.permission-available-checkbox input[disabled]~.custom-checkbox-permission {
    background-color: #ddd;
    border: 0;
    cursor: not-allowed;
}

/* .view-Table .page-count span {
    display: none;
} */

/* div[style="position: absolute; visibility: visible; top: -25.6094px; left: 466px;"]
 {
     top: 0 !important;
 } */

/* Code comment for Ticket #2140 */
/* .dp-material.dp-popup[data-hidden="false"]
 {
     top: 60px;
 } */

/* dp-day-time-calendar{
    top: 50px;
    position: relative;

 } */
 .calender-view-scroll .cal-month-view .cal-events
 {
align-items: flex-start;
justify-content: center;
 }

.ngx-datatable.material.file-ctrl-design .datatable-body .datatable-body-row .datatable-body-cell span {
    word-break: break-word;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    /* overflow: hidden !important; */
}

/* 2848 controll-document */
.ngx-datatable.material.file-ctrl-design.ctrl-doc .datatable-body .datatable-body-row .datatable-body-cell span {
    overflow: visible !important;
}

.ngx-datatable.material.file-ctrl-design.ctrl-doc .datatable-body .datatable-body-row .datatable-body-cell span.selected-item {
    max-width: 110px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.multi-dropdown-hide-list .dropdown-list {
    display: none !important;
}

/* .errorsShowMultiSelect .isempty .dropdown-btn {
    border: 1px solid red !important;
} */

select:invalid {
    color: #acacac;
}

select:valid {
    color: #555;
}

select:invalid,
select option[value=""] {
    color: #acacac !important;
}

/* select.placeholder {
    color: #999;
} */

ng-multiselect-dropdown span.dropdown-btn {
    color: #acacac !important;
    min-height: 33px;
}

/* .grayout option:first-child {
    color: #acacac !important;
  } */

/* select{
    color: #555;
   }

   select.selected{
    color: #acacac;
   } */

/* .customSelect option[value="null"] {
    color: #acacac !important;
}

.customSelect option :not([value="null"]) {
    color: #555 !important;
}


.customSelect {
    color: #acacac !important;
} */
select option[value="null"] {
    color: #acacac !important;
}

select option[value="undefined"] {
    color: #acacac !important;
}

select option[value=""] {
    color: #acacac !important;
}

select option:not([value="null"]) {
    color: #555;
}

/* input:not([value]) {
    color: #acacac;
} */

.dp-material .dp-picker-input::placeholder {
    color: #acacac;
}

input[type=file] {
    color: #acacac;
}

.filter-menu {
    padding: 5px;
    margin-left: -13px !important;
    margin-top: 25px !important;
    top: initial !important;
    left: initial !important;
    min-width: 174px;
    max-height: 44vh !important;
    overflow: auto;
    position: fixed !important;
    transform: none !important;
}

app-side-car {
    position: relative;
    z-index: 51;
    background-color: white;
}

.row>* {
    flex-shrink: inherit;
}

/* .dashboard-flexschema .dashboard-sidebar ,
    .dashboard-flexschema .dashboard-content {
    border: 1px solid #ddd;
    transition: .5s;
} */
.dashboard-flexschema .dashboard-sidebar {
    border: 1px solid #ddd;
    transition: .5s;
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto;
    }

    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }

    /* .row{
        margin: 0 -2rem;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
    {
        padding: 0 1.8rem;
    } */
    .fade.in.show {
        opacity: 1;
    }

    .tab-pane.fade:not(.show) {
        opacity: 1;
    }

    .form-control[disabled],
    .form-control[readonly],
    .form-select[disabled],
    .form-select[readonly],
    fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover a {
    text-decoration: underline;
}

.datatable-header-cell sup {
    top: 0;
    padding-left: 3px;
}

.datatable-header-cell .bi-pencil-fill {
    padding-left: 3px;
}

.max-select-height .dropdown-list .item2 {
    max-height: 115px !important;
    /*color: white;*/
}

.max-select-height .dropdown-btn {
    max-height: 35px;
    overflow: hidden;
    padding: 5px 6px !important;
}

view-property-recursive span[style="padding-right: 15px;"] {
    padding-right: 0 !important;
    position: absolute;
    right: 39px;
    z-index: 20;
    top: 5px;
    color: #333;
    font-weight: 500;
}

app-model-view-create-edit .modal .formViewTable datatable-body.datatable-body {
    min-height: 10vh;
}
app-model-view-create-edit .modal {
    z-index: 9999;
}

view-property-recursive .vert-col .multiselect-dropdown .dropdown-list li {
    color: #555;
}

view-property-recursive .vert-col .item:after {
    content: '.';
    visibility: hidden;
    display: none;
}

/* .vert-col .item ng-multiselect-dropdown.max-select-height .multiselect-dropdown .dropdown-list {
    bottom: 100%;
    top: unset;
    position: absolute !important;
    max-height: 158px !important;
} */

/* view-property-recursive .vert-col .item ng-multiselect-dropdown.max-select-height .multiselect-dropdown .dropdown-list {
    bottom: 100%;
    top: unset;
    position: absolute !important;
    max-height: 145px !important;
} */

/* view-property-recursive .rr-state .multiselect-dropdown .dropdown-btn .selected-item {
    max-width: 145px !important;
} */

.rr-state .multiselect-dropdown .selected-item-container .selected-item {
    font-size: 13px;
}

view-property-recursive .rr-state .multiselect-dropdown span[style="padding-right: 15px;"] {
    right: 36px;
}

.modal-custom {
    max-width: 55vw;
}


app-horizontal-carete .country-dial-code {
    line-height: 1 !important;
}

.row-view .input-group {
    width: 100%;
    border-left: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.row-view .input-group .country-dial-code {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

app-horizontal-free-grid .country-phone-number,
app-horizontal-free-grid .country-dial-code {
    height: 36.7px !important;
}

/* app-horizontal-free-grid .country-dial-code{
    padding-top: 10px !important;
 } */
.wrapper {
    cursor: not-allowed !important;
}

.wrapper .pointer-events-none {
    pointer-events: none;
    color: #adaaad !important;
}

.dropdown ul.dropdown-menu .wrapper li a {
    color: #adaaad !important;
}




.ang-checkmark-block {
    position: relative;
    padding: 0;
    margin: 0;
    cursor: pointer;
    height: 18px;
    width: 18px;
    -webkit-user-select: none;
    user-select: none;
}

/* / Hide the browser's default checkbox / */
.ang-checkmark-block input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* / Create a custom checkbox / */
.ang-checkmark-black {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 5px;
    background-color: rgb(55, 0, 0);
}

/* / On mouse-over, add a grey background color / */
.ang-checkmark-block:hover input~.ang-checkmark-black {
    background-color: #ccc;
}

/* / When the checkbox is checked, add a blue background / */
.ang-checkmark-block input:checked~.ang-checkmark-black {
    background-color: white;
    /* border: 0; */
}

.ang-checkmark-block input~.ang-checkmark-black {
    background-color: #fff;
    border: 1px solid #ccc;
    /* &:hover */
}

/* / Create the checkmark/indicator (hidden when not checked) / */
.ang-checkmark-black:after {
    content: "";
    position: absolute;
    display: none;
}

/* / Show the checkmark when checked / */
.ang-checkmark-block input:checked~.ang-checkmark-black:after {
    display: block;
}

.ang-checkmark-block input:checked[disabled]~.ang-checkmark-black {
    background-color: #ddd;
    cursor: not-allowed;
    border: 0;
}

.ang-checkmark-block input[disabled]~.ang-checkmark-black {
    background-color: #ddd;
    border: 0;
    cursor: not-allowed;
}

.ang-checkmark-block .ang-checkmark-black:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid rgb(0, 0, 0);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.ang-checkmark-block.view-permmission input:checked~.ang-checkmark-black:after {
    left: 7px;
    cursor: not-allowed;
}



/* app-automation-model-property .multiselect-dropdown .dropdown-btn {
    padding: 5px 12px !important;
} */

/* app-property-automation .multiselect-dropdown .dropdown-btn {
    padding: 5px 12px !important;
} */

app-property-automation .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
    max-width: max-content !important;
    margin: 0;
}

.rr-state.automation-dropdown .dropdown-list {
    position: absolute !important;

}

.cs-tab-active.tabs-relate .nav-tabs .active {
    margin: 0;
    border-bottom: none !important;
    position: relative;
}

.cs-tab-active.tabs-relate .nav-tabs .active::after {
    content: '';
    position: absolute;
    bottom: -3px;
    width: 100%;
    left: 0;
    border-bottom: 3px solid #3786D5;
    z-index: 1;
}

.view-filter-list {
    position: absolute;
    right: 20px;
    top: 46px;
    z-index: 1000;
}

.view-filter-tabs .tab-heading {
    float: left;
    display: inline;
    padding: 6px 15px;
    min-width: 200px;
    width: auto;
    height: 46px;
    line-height: 46px;
    border: 1px solid #ffffff;
    border-left: none;
    border-top: none;
    border-bottom-color: none
        /*#e3e5e7*/
    ;
    background-color: #707070;
    /* border-radius: 9px 9px 0px 0px; */
}

.view-filter-tabs .tab-heading .fa {
    color: inherit;
    padding-right: 5px;
}


.model-design-strip.tab-strip>ul>li.tab-heading input.form-control {
    width: 65%;
}

.view-filter-tabs .tab-heading span.val {
    padding: 0px 10px;
    font-weight: bold;
}

.view-filter-tabs .tab-heading.active {
    background-color: #3786D5 !important;
    color: #fff;
    border-bottom-color: none
        /*#ffffff*/
    ;
}

.view-filter-tabs .tab-heading>.active {
    background-color: #3786D5 !important;
    color: #fff;
    border-bottom-color: none
        /*#ffffff*/
    ;
}

.view-filter-tabs .tab-heading.active .fa {
    color: #fff;
}

.view-filter-tabs .tab-heading.add {
    background-color: #00b050;
    color: #fff;
    text-align: center;
}

.view-filter-tabs .tab-heading:hover {
    cursor: pointer;
    border-color: #ffffff;
    border-bottom-color: #e3e5e7;
}

.model-design-strip .txt-overflow-dot span,
.view-filter-tabs .txt-overflow-dot span {
    max-width: 13vw;
    display: block;
}

app-model-view-create-edit .view-filter-tabs .tab-heading {
    width: 100%;
}

.model-design-strip.tab-strip>ul>li.tab-heading .buttons {
    float: unset;
}

/* .filter-button1{

} */
angular-editor.automation-text-editor {
    /* height: 260px; */
    height: fit-content;
    /* max-height: 350px ;
    overflow: auto; */
}

angular-editor.automation-text-editor .angular-editor-toolbar .angular-editor-toolbar-set .angular-editor-button {
    font-size: 14px !important;
    padding: 0.6rem !important;
}

angular-editor.automation-text-editor .ae-font .ae-picker-label {
    font-size: 14px !important;
}

.defaultGrayBorder angular-editor.automation-text-editor .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    border: 1px solid #ccc !important;
}

angular-editor.automation-text-editor .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    min-height: 8rem !important;
    max-height: 14rem ;
    overflow: auto;
    background-color: white !important;
    border: 1px solid #3b8fb5;
    outline: none;

}

angular-editor.bluebordershow .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    border: 1px solid #3b8fb5 !important;

}

angular-editor.automation-text-editor.RedBorderRequired.BlueBorder12 {
    border: none !important;
}

angular-editor.automation-text-editor.BlueBorder12 {
    border: none !important;
}

angular-editor.automation-text-editor.RedBorderRequired.BlueBorder12 .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    border: 1px solid red !important;

}

angular-editor.automation-text-editor.BlueBorder12 .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    border: 1px solid #3b8fb5 !important;

}

angular-editor.automation-text-editor .ae-font .ae-picker-options .ae-picker-item {
    font-size: 14px !important;
    padding: 0.6rem !important;
    white-space: nowrap;
}

.editor-field angular-editor.automation-text-editor .angular-editor {
    min-width: 305px !important;
}

.model_table .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell span.tooltip-cs {
    float: right;

}

.model_table .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell span.tooltip-cs span {
    top: 6px;
    color: white !important;

}

.float-right-icon {
    float: right;
}

.tooltip-ag {
    /* border: 3px solid white; */
    color: black !important;
    background-color: white !important;
    word-break: break-all;
    /* width: 100% !important; */
    /* min-width: 200px !important; */
    border-radius: 0 !important;
    font-size: 15px;
    border: 1px solid rgb(12, 4, 4);
    max-height: 70px !important;
    overflow: auto !important;
    pointer-events: all !important;
}

.tooltip-ag:after {
    display: none;
}

.tooltip-ag.tooltip-bottom::after {
    border-color: black !important;
}

.fa-info-circle:hover {
    opacity: 0.8;
}

.disabledColor .dp-picker-input {
    background: #eee !important;
    cursor: not-allowed !important;
}

angular-editor.RedBorderRequiredp .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    border: 1px solid red !important;
}


.tab-body angular-editor.automation-text-editor .angular-editor {
    width: auto !important;
}

.view-tab-container.a22 {
    height: auto !important;
    min-height: 61px;
    margin: 10px;
}

.cdk-drag .view-properties-container.horizontal .view-col {
    height: auto !important;
}

.tab-body angular-editor.automation-text-editor .angular-editor {
    width: auto !important;
}


.disabledColor .dp-picker-input {
    background: #eee !important;
    cursor: not-allowed !important;
}

angular-editor.RedBorderRequiredp .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    border: 1px solid red !important;
}

/* .RedBorderRequiredp {
    border: 1px solid red !important;
} */

angular-editor.errorsShow .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    border: 1px solid red !important;
}

view-property-recursive .multiselect-dropdown .dropdown-btn {
    padding: 4px 10px 3px !important;
}

.modelView.editor-field angular-editor.automation-text-editor .angular-editor {
    min-width: auto !important;
}

.vpr-cog-icon {
    height: 20px !important;
}

.vpr-cog-icon .fa-cog.setGearIconCentre {
    top: -13px
}

.datatable-body-row:hover .angular-editor-toolbar {
    color: black;
}

.datatable-body-row:hover .angular-editor-textarea {
    color: black;
}

.datatable-body-row:hover .angular-editor-textarea {
    background-color: white;

}

/* ticket 2796 */
.dropdown-list {
    position: absolute;
    margin-top: 0px !important;
    overflow: hidden;
}

.errorsShowCheckBox {
    width: 28px !important;
    height: 27px !important;
    border: 0 !important;
    box-shadow: 0 0 0 1px red !important;
    outline: 0 !important;
}

.automation-text-editor.mx-33 .angular-editor {
    max-width: 305px;

}

/* 2748 static text audit log design */
.model_table .dot_line1 li {
    padding: 5px 0px 5px 13px;
    height: 31px;
    overflow: hidden;
    padding-bottom: 0;
    line-height: 1.5;
    max-height: 31px;
}

/*
.tab-body .editor-field.one-col angular-editor.automation-text-editor .angular-editor{
    max-width: 45vw;
}

    @media (min-width: 1920px){

        .tab-body .editor-field.one-col angular-editor.automation-text-editor .angular-editor{
            max-width: 49vw;
        }
        }
        @media (min-width: 2300px){

            .tab-body .editor-field.one-col angular-editor.automation-text-editor .angular-editor{
                max-width: 51vw;
            }
            }
            @media (min-width: 2500px){

                .tab-body .editor-field.one-col angular-editor.automation-text-editor .angular-editor{
                    max-width: 54vw;
                }
                }
@media (max-width: 1440px){

.tab-body .editor-field.one-col angular-editor.automation-text-editor .angular-editor{
    max-width: 43vw;
}
} */

/*
.tab-body .editor-field.two-col angular-editor.automation-text-editor .angular-editor{
    max-width: 18vw;
}

    @media (min-width: 1920px){

        .tab-body .editor-field.two-col angular-editor.automation-text-editor .angular-editor{
            max-width: 20vw;
        }
        }
        @media (min-width: 2300px){

            .tab-body .editor-field.two-col angular-editor.automation-text-editor .angular-editor{
                max-width: 22vw;
            }
            }
            @media (min-width: 2500px){

                .tab-body .editor-field.two-col angular-editor.automation-text-editor .angular-editor{
                    max-width: 23vw;
                }
                }
@media (max-width: 1440px){

.tab-body .editor-field.two-col angular-editor.automation-text-editor .angular-editor{
    max-width: 16vw;
}
} */





/* .tab-body .editor-field.three-col angular-editor.automation-text-editor .angular-editor{
    max-width: 8vw;
} */

/* @media (min-width: 1920px){

        .tab-body .editor-field.three-col angular-editor.automation-text-editor .angular-editor{
            max-width: 11vw;
        }
        }
        @media (min-width: 2300px){

            .tab-body .editor-field.three-col angular-editor.automation-text-editor .angular-editor{
                max-width: 12vw;
            }
            }
            @media (min-width: 2500px){

                .tab-body .editor-field.three-col angular-editor.automation-text-editor .angular-editor{
                    max-width: 14vw;
                }
                }
@media (max-width: 1440px){

.tab-body .editor-field.three-col angular-editor.automation-text-editor .angular-editor{
    max-width: 13vw;
}
}
/* css for view password */
.eyeicon {
    background-color: transparent;
    position: absolute;
    right: 1px;
    top: 5.9px;
    width: 40px;
    height: 44px;
    cursor: pointer;
    border-radius: 0px 4px 4px 0px;

}

.eyeicon.blue {
    background-color: #0174A0;
}

.eyeicon.blue .bg-blue:hover,
.eyeicon.blue .bg-blue,
.eyeicon.blue:hover .bg-blue {
    filter: brightness(0) invert(1);

}

.eyeicon:hover .bg-blue {
    filter: none;
}

.eyeicon .bg-blue {
    background: url('show-password.8cd6ed13340a2653.svg');
    background-size: 22px;
    background-repeat: no-repeat;
    filter: brightness(0) contrast(0.1);
    display: block;
    right: 0;
    width: 25px;
    height: 25px;
    margin: 10px;

}

.display-flex-eye input.form-control {
    /* max-width: calc(100% - 50px); */
    border-width: 1px 0 1px 1px;
    border-radius: 5px 0px 0px 5px;
    box-shadow: none;
    height: 34px;
}

.display-flex-eye .eyeicon {
    /* background-color: transparent; */
    position: relative;
    right: 0.5px;
    top: 0px;
    width: 40px;
    height: 34px;
    cursor: pointer;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #ced4da;
    border-width: 1px 1px 1px 0;
    /* box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); */
}

.display-flex-eye,
.pwd-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.display-flex-eye .eyeicon .bg-blue {
    margin: 6px 10px;
}

.has-error .display-flex-eye .eyeicon {
    /* border-color: #a94442; */
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.display-flex-eye input.form-control:focus+.eyeicon {
    border-color: #80bdff;
}

.has-error .display-flex-eye input.form-control:focus+.eyeicon {
    border-color: #a94442;
}

.display-flex-eye input.errorsShow {
    border-right: none !important;
}

.display-flex-eye input.ng-dirty.ng-invalid+.eyeicon,
.display-flex-eye input[style="border: 1px solid rgb(205, 10, 10);"]+.eyeicon,
.display-flex-eye input.errorsShow+.eyeicon {
    border: 1px solid #cd0a0a !important;
    border-left: none !important;
}

.display-flex-eye input[style="border: 1px solid rgb(205, 10, 10);"] {
    border-right: none !important;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}


.editor-field.two-col angular-editor.automation-text-editor .angular-editor {
    min-width: 150px !important;
}

.editor-field.three-col angular-editor.automation-text-editor .angular-editor {
    min-width: auto !important;
}


.editor-field angular-editor.automation-text-editor .angular-editor-toolbar .angular-editor-toolbar-set .angular-editor-button {
    font-size: 9px !important;
    padding: 0.1rem !important;
    height: 20px;
    line-height: 0;
}

.editor-field angular-editor.automation-text-editor .ae-font .ae-picker-label {
    font-size: 12px !important;
    height: 20px;
    line-height: normal;
    margin-right: 3px;
}

.view-property-collapse {
    margin: 0;
    position: relative;
}

.view-property-collapse .panel-heading {
    border-radius: 4px;
    padding: 3px 3px;
    background-color: white;
    max-height: 30px;
    overflow: hidden;
    max-width: 30px;
    position: absolute;
    z-index: 1;
    right: 6px;
    top: 3px;
    border: 1px solid #ddd
}
.newClass{
    /* right: 29px !important; */
    top: 3px !important;
}
.view-property-collapse .panel-heading:hover {
    box-shadow: 0px 0px 5px #bbb;

}

.view-property-collapse .BlueBorder .angular-editor-textarea {
    border: 1px solid #3b8fb5 !important;

}

.view-property-collapse .RedBorderRequiredp .angular-editor-textarea {
    border: 1px solid red !important;
}

.view-property-collapse .panel {
    border: none;
}

.view-property-collapse .panel-collapse {
    border: 0px solid #bbbbbb;
    display: block;
}

.view-property-collapse .panel-body {
    border: 0px solid #bbbbbb;
}

.view-property-collapse .panel-heading .panel-title {
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    align-items: top;
    text-decoration: none;

}

.view-property-collapse .panel-heading .panel-title a {
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    text-overflow: ellipsis;
    max-width: 90%;
    display: block;
    text-decoration: none;

}

.view-property-collapse .panel-heading .panel-title:hover,
.view-property-collapse .panel-heading .panel-title a:hover {
    text-decoration: none;
}

.view-property-collapse .panel-body {
    padding: 0;
    max-height: 100%;
    /* overflow: hidden; */
}

.view-property-collapse .collapse .angular-editor-toolbar {
    display: none;
}

.view-property-collapse .collapse.in .angular-editor-toolbar {
    display: block;
}

.view-property-collapse .collapse.in .angular-editor-toolbar {
    display: block;
}

.view-property-collapse .collapse.in .panel-heading {
    background: #337ab7;
}

.view-property-collapse .collapse.in .panel-heading i {
    color: #fff;
}

.angular-editor-toolbar .angular-editor-toolbar-set:not([style*="display:none"]):not([style*="display: none"]),
.select-button {
    display: contents;
}

/* ye class add krwado dashboard-flexschema isme
w-fit-content*/
app-horizontal-carete .dashboard-flexschema {
    width: fit-content;
}

.w-fit-content {
    width: 100%;
}

.cov-icon-toggle .ngx-datatable.material.striped .datatable-row-odd,
.cov-icon-toggle .ngx-datatable.material.striped .datatable-row-even {
    border-bottom: 1px solid #ccc;
}

.no-data {
    color: #303030;
}

app-picklist-view-property-create .multiselect-dropdown .dropdown-btn {
    max-width: 240px;
}

app-picklist-view-property-create .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item,
app-automation-model-property app-level-editable-qualifier .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item,
app-automation-model-property app-level-editable-qualifier .multiselect-dropdown .dropdown-btn .selected-item {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-right: 20px;
    position: relative;
}

app-picklist-view-property-create .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item a,
app-automation-model-property app-level-editable-qualifier .multiselect-dropdown .dropdown-btn .selected-item a {
    position: absolute;
    top: 0;
    right: 6px;
}


app-vertical-create-edit datatable-body.datatable-body {
    max-height: calc(100vh - 500px) !important;
    overflow-y: auto;
}

.qualiifiermultipicklist.text.err .errorsShow .multiselect-dropdown {
    border: 1px solid red !important;
}

.qualiifiermultipicklist.text.err .errorsShow {
    border: none;
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell span.qualiifiermultipicklist {
    padding: 0;
}

app-schedule-design-selection .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell span.qualiifiermultipicklist,
app-schedule-design-qualifier .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell span.qualiifiermultipicklist {
    padding: 0.7rem 0.8rem;
}


app-level-qualifier .ngx-datatable.material {
    margin: 10px 0px 10px 15px;
}
/* 3582 */
/* app-person-edit .isActivePersonNameTab .dropdown-list {
    position: absolute !important;
} */

.arb-drop-lists.dropdown-menu {
    max-height: calc(100vh - 165px);
    /* overflow-y: auto; */
}

.arb-drop-lists.dropdown-menu::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    opacity: 0.5;
}

/* //  Track  */
.arb-drop-lists.dropdown-menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent;
    border-radius: 10px;
}

/* // Handle  */
.arb-drop-lists.dropdown-menu::-webkit-scrollbar-thumb {
    background: #3786D5;
    border-radius: 10px;
}

/* //  Handle on hover  */
.arb-drop-lists.dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #3786D5;
}

ng-multiselect-dropdown.errorsShow {
    border: none !important;
}

ng-multiselect-dropdown.errorsShowMulti .dropdown-btn {
    border: 1px solid red !important;
    /* background-color: white; */

}


.panel-body angular-editor.automation-text-editor .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    padding: .5rem 1.2rem 1rem .8rem !important;
    margin: 0;
    border-color: #ececec;
    border-radius: 5px;
}

.BlueBorder12 {
    border: 1px solid #3b8fb5;
}

.BlueBorder1 {
    border: 1px solid #3b8fb5;
}

.BlueBorder {
    border: 1px solid #3b8fb5;
}

.disableEditor angular-editor.automation-text-editor .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    background-color: #eee !important;
    color: #333 !important;
    caret-color: transparent;
    -webkit-user-select: none;
            user-select: none;
}

.collapseIcon {
    color: #205C98;
    float: right;
    right: 5px;
    top: 8px;
}

app-horizontal-free-grid .angular-editor .angular-editor-wrapper,
app-horizontal-free-grid .angular-editor .angular-editor-toolbar {
    width: calc(100% - 7px);
}

.droping-select .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
    white-space: nowrap;
    display: flex;
}

/* 3148 */
/* div#dashbaordFlexschema .ngx-datatable.scroll-horz .datatable-body {
    width: 100% !important;
  } */
.margin-fix .ngx-datatable.material {
    margin: 10px 0;
}

.dashboard-flexschema.sidebar-visible .dashboard-content {
    width: calc(100% - 1000px);
    overflow: auto;
}

.dashboard-flexschema.sidebar-visible .dashboard-sidebar {
    width: 1000px;
    overflow: auto;
}

.dashboard-flexschema .dashboard-sidebar {
    width: 0;
    border: 1px solid #ddd;
    transition: 0.5s;
}

/* .dashboard-flexschema .dashboard-sidebar .sidebar-content {
} */

.margin-fix .ngx-datatable.material {
    margin: 10px 0;
}

.dashboard-flexschema.sidebar-visible .dashboard-content {
    width: calc(100% - 1000px);
    overflow: auto;
}

.dashboard-flexschema.sidebar-visible .dashboard-sidebar {
    /* 3160 */
    /* width: 1000px; */
    width: 100%;
    overflow: auto;
}

.dashboard-flexschema.sidebar-visible .dashboard-sidebar .ngx-datatable {
    margin: 0;
}

.dashboard-flexschema .dashboard-sidebar {
    width: 0;
    border: 1px solid #ddd;
    transition: 0.5s;
}

.dashboard-flexschema .dashboard-sidebar .sidebar-content {
    max-width: 1000px;
    min-width: 1000px;
    overflow-x: auto;
    padding: 20px 15px;
}

.dashboard-flexschema .dashboard-sidebar .sidebar-content {
    max-height: calc(100vh - 360px) !important;

    min-width: 600px;
    min-height: auto;
    overflow-x: auto;
    overflow-x: hidden;

    padding: 20px 15px;
}

/* 2877 */
.dashboard-flexschema .dashboard-sidebar .sidebar-content.sticky-top {
    max-height: calc(100vh - 160px) !important;
    /* 3464 */
    max-width: 50vw;
}

/* 2543 */
/* .box_c .dropdown-menu {
} */

.margin-fix .ngx-datatable.material {
    margin: 10px 0;
}

.dashboard-flexschema.sidebar-visible .dashboard-content {
    width: calc(100% - 1000px);
    overflow: auto;
}

.dashboard-flexschema.sidebar-visible .dashboard-sidebar {
    width: 1000px;
    overflow: auto;
}

.dashboard-flexschema.sidebar-visible .dashboard-sidebar .ngx-datatable {
    margin: 0;
}

.dashboard-flexschema .dashboard-sidebar {
    width: 0;
    border: 1px solid #ddd;
    transition: 0.5s;
}

.dashboard-flexschema .dashboard-sidebar .sidebar-content {
    max-width: 1000px;
    min-width: 1000px;
    overflow-x: auto;
    padding: 20px 15px;
}

.dashboard-flexschema .dashboard-sidebar .sidebar-content {
    max-height: calc(100vh - 360px) !important;

    min-width: 600px;
    min-height: auto;
    overflow-x: auto;
    overflow-x: hidden;

    padding: 20px 15px;
}

/* 2543 */
/* .box_c .dropdown-menu {
} */
.ngx-datatable.material{
    margin: 10px 40px 10px 20px !important;
}

.margin-fix .ngx-datatable.material {
    margin: 10px 27px !important;
}

.dashboard-flexschema.sidebar-visible .dashboard-content {
    width: calc(100% - 1000px);
    overflow: auto;
}

.dashboard-flexschema.sidebar-visible .dashboard-sidebar {
    width: 1000px;
    overflow: auto;
}

.dashboard-flexschema .dashboard-sidebar {
    width: 0;
    border: 1px solid #ddd;
    transition: 0.5s;
    background-color: white;
}

.dashboard-flexschema .dashboard-sidebar .sidebar-content {
    max-width: 1000px;
    min-width: 1000px;
    overflow-x: auto;
    padding: 20px 15px;
}

.dashboard-flexschema .dashboard-sidebar .sidebar-content {
    max-height: calc(100vh - 360px) !important;

    min-width: 380px;
    min-height: auto;
    overflow-x: auto;
    overflow-x: hidden;

    padding: 5px 0px 0px 0px;
}

/* 2543 */
/* 3598 */
.box_c .dropdown-menu {
    left: 16px;
}

.dragAndDropLable .dropdown-menu {
    margin-top: -3px;
    top: -14px;
}

.box_c .dragAndDropLable .dropdown {
    position: relative;
}

ul.dropdown-menu.row-menu.last-child {
    bottom: -52px !important;
    top: 7px !important;
    height: fit-content;

}

.dropdown ul.dropdown-menu.row-menu.last-child:after {
    top: auto;
    bottom: 18px;
}

.dropdown ul.dropdown-menu.row-menu.last-child:after {
    bottom: unset;
    top: 0px;
}

.renderengine-sidecar app-side-car {
    width: 50vw;
}

.editable-pencil {
    cursor: pointer;
    color: #707070 !important;
    font-size: 14px;
    font-weight: 600;
}
.barcode-scanner{
  cursor: pointer;
  color: #707070 !important;
  font-size: 14px;
  font-weight: 600;
}

.renderengine-sidecar app-side-car {
    width: 50vw;
}

.renderengine-sidecar {
    width: 50vw;
}

.renderengine-sidecar {
    width: 50vw;
}

.multiselect-dropdown .dropdown-btn .selected-item a {
    color: #303030 !important;
}

.item .bgColor.item {
    border: none !important;
}

.item .bgColor.item {
    border: none !important;
}

.multiselect-dropdown .dropdown-btn .selected-item a:hover {
    text-decoration: none !important;
    box-shadow: none !important;
}
.editable-pencil:hover {
    text-shadow: 2px 2px 5px;
    opacity: 1;
}

.multiselect-dropdown .dropdown-btn .selected-item a:hover {
    text-decoration: none !important;
    box-shadow: none !important;
}

app-system-user-admin-create .multiselect-dropdown .dropdown-btn .selected-item {
    display: inline-block !important;
    /* white-space: normal; */
    max-width: fit-content !important;
    margin: 0 !IMPORTANT;
}



.renderengine-sidecar {
    content: ',';
    position: relative;
    color: #303030;
    margin: 0 0px 0 -4px;
    font-size: 19px;
    /* line-height: 0; */
}

app-system-user-admin-create .multiselect-dropdown .dropdown-btn .selected-item:last-of-type::after {
    display: none;
}

app-system-user-admin-create .multiselect-dropdown .dropdown-btn .selected-item:only-child::after {
    display: none;
}

app-record-manager-design-create-edit .multiselect-dropdown .dropdown-btn .selected-item {
    margin-bottom: 4px;
    /* max-width: 135px !important; */
}

.item .bgColor.item {
    border: none !important;
}


.renderengine-sidecar {
    width: 50vw;
}

app-record-manager-design-create-edit .multiselect-dropdown .dropdown-btn .selected-item {
    margin-bottom: 4px;
    /* max-width: 135px !important; */
}

.item .bgColor.item {
    border: none !important;
}

app-record-manager-design-create-edit .multiselect-dropdown .dropdown-btn .selected-item {
    margin-bottom: 4px;
    /* max-width: 135px !important; */
}

.renderengine-sidecar {
    width: 50vw;
}

.ngx-datatable.overlaping1 {
    overflow: visible;
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.b-r-tran {
    border-right: none;

}

/* .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.b-r-tran input[type=number]{
    /* -moz-appearance: textfield;
    -webkit-appearance: none;
  } */

.model_table .text.flex-currency {
    display: flex;
    align-items: stretch;
}
/* .model_table .text.flex-currency input{
 height: auto;
} */

.flex-currency select {
    /* min-width: fit-content; */
    margin-right: 7px;
    width: 160px;
}

.flex-currency input {
    width: 160px;

}
.flex-currency.width-unset input {
    width: 100%;


}
.h-auto {
    height: auto;
}

.flex-currency-setup input {
    width: 52px;

}

.dashboard-content.display-flex .dropdown .row {
    display: flex;
    align-items: center;
    margin: 0;
}

.b-r-tran select {
    min-width: 76px;
}

.dropdown.flex-currency,
.flex-currency {
    display: flex;
    align-items: center;

}

.dropdown.flex-currency select {
    height: 42px;
}

.datatable-body-cell span.text.flex_ai {
    display: flex;
    align-items: center;
}

.mgr_5 {
    margin-right: 5px;
}

.form-control.mgr_5 {
    margin-right: 5px;
}

.flex_ai {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.table_c.doc-view-tabs .row {
    display: flex;
    align-items: stretch;

}

app-vertical-create-edit .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    color: rgb(255, 255, 255) !important;
}

app-vertical-create-edit .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group .text_black .currency_list_dropdown {
    color: #000 !important;
}

.text_black {
    color: #000;
}

.model_table .data-cell-flex.d_flex {
    display: flex;
}

.d_flex {
    display: flex;
}

.border_1px {
    border: 1px solid #ececec;
}

.align_items_center {
    align-items: center;
}

/* .margin_right_7 {
    margin-right: 7px;
  } */

.text.flex-currency.d_block {
    display: block;
}

.width_293 {
    width: 220px;
    margin-top: 3px;
}

/* 3008 width:220px Before */

.currency_list_dropdown {
    padding: 10px 0 10px 10px;
    max-height: 120px;
    width: 100%;
    overflow: auto;
    background-color: white;

    border: 1px solid #cccccc;
}

.bg_color_gray:disabled {
    background-color: #e5e5e5;
    cursor: pointer;
    border-radius: 5px 0 0 5px;

}

input.no-radius {
    border-radius: 0px 5px 5px 0px;


}

.pt_left_5 {
    padding-left: 7px;
}

.table_c.doc-view-tabs .row {
    display: flex;
    align-items: stretch;
}

.pt_left_5 {
    padding-left: 7px;
}




input:disabled[type=number] {
    -moz-appearance: textfield;
}

input:disabled::-webkit-outer-spin-button,
input:disabled::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dashboard-content.display-flex .dropdown .row.w-100 {
    margin-left: 6px;
}

.dashboard-content.display-flex .dropdown .row.w-100:first-child {
    margin-left: 0;
}

.w-100 {
    width: 100%;
    /* height: 100%; */
}

.w-100 input,
.w-100 select {
    border-right: none;
    border-radius: 5px 0 0 5px;
    /* height: 100%; */
    margin: 0 !important;

}

.w-100 input:focus,
.w-100 select:focus {
    box-shadow: none;
}

.w-100 .input-appnd {
    border-right: 1px solid #c5c5c5 !important;
    border-radius: 0 5px 5px 0 !important;
    border-left: none !important;
    height: 100% !important;
    width: 100%;
    padding: 8px 5px;
}

.w-100 .input-appnd::placeholder {
    padding-left: 4px;
}

.w-100 .ml-5 {
    margin-left: 5px !important;
}

.sm-input {
    margin: 0 0px 0 0;
    max-width: 41px;
    width: 45px;
    min-width: 25px;
    padding-right: 0px;
    height: 100%;
    display: block;

}

.tooltip-ag.justified-tooltip div {
    word-break: break-word;
    text-align: left;
}

.sm-input.mx-60 {
    max-width: 60px;
    width: 60px;

}

.h-100 {
    height: 100%;
}

.w-100 input.overwrite-input,
.overwrite-input {
    border-radius: 0 5px 5px 0 !important;
    border-right: 1px solid #c5d5d5 !important;
}

.mt-5 {
    margin-top: 5px;
}

.mt-15 {
    margin-top: 15px;
}

.tooltip-ag.justified-tooltip div {
    word-break: break-word;
    text-align: left;
}

.pwd-row {
    margin-bottom: 8px;
}

.pwd-row .control-label,
.min-w .control-label {
    min-width: 190px;
}

.pwd-row .control-label+div {
    width: 100%;
    min-width: 140px;
}

.droping-select .multiselect-dropdown .dropdown-btn.white-normal .selected-item-container .selected-item {
    white-space: normal;
}

.text_black {
    color: #000;
}

.model_table .data-cell-flex.d_flex {
    display: flex;
}

.d_flex {
    display: flex;
}

.border_1px {
    border: 1px solid #ececec;
}

.align_items_center {
    align-items: center;
}

/* .margin_right_7 {
    margin-right: 7px;
  } */

.text.flex-currency.d_block {
    display: block;
}

.width_293 {
    width: 220px;
    margin-top: 3px;
}

/* 3008 width:220px Before */

.currency_list_dropdown {
    padding: 10px 0 10px 10px;
    max-height: 120px;
    width: 100%;
    overflow: auto;
    background-color: white;

    border: 1px solid #cccccc;
}

.bg_color_gray:disabled {
    background-color: #e5e5e5;
    cursor: pointer;
    border-radius: 5px 0 0 5px;

}

input.no-radius ,
.abb-box  input.no-radius {
    border-radius: 0px 5px 5px 0px !important;


}

.table_c.doc-view-tabs .row {
    display: flex;
    align-items: stretch;
}

.pt_left_5 {
    padding-left: 7px;
}




input:disabled[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

input:disabled::-webkit-outer-spin-button,
input:disabled::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.dashboard-content.display-flex .dropdown .row.w-100 {
    margin-left: 6px;
}

.dashboard-content.display-flex .dropdown .row.w-100:first-child {
    margin-left: 0;
}

.w-100 {
    width: 100%;
    /* height: 100%; */
}

.w-100 input,
.w-100 select {
    border-right: none;
    border-radius: 5px 0 0 5px;
    /* height: 100%; */
    margin: 0 !important;

}

.w-100 input:focus,
.w-100 select:focus {
    box-shadow: none;
}

.w-100 .input-appnd {
    border-right: 1px solid #c5c5c5 !important;
    border-radius: 0 5px 5px 0 !important;
    border-left: none !important;
    height: 100% !important;
    width: 100%;
    padding: 8px 5px;
}

.w-100 .input-appnd::placeholder {
    padding-left: 4px;
}

.sm-input {
    margin: 0 0px 0 0;
    max-width: 41px;
    width: 45px;
    min-width: 25px;
    padding-right: 0px;
    height: 100%;

}

.sm-input.mx-60 {
    max-width: 60px;
    width: 60px;

}

.h-100 {
    height: 100%;
}

.w-100 input.overwrite-input,
.overwrite-input {
    border-radius: 0 5px 5px 0 !important;
    border-right: 1px solid #c5d5d5 !important;
}

.mt-5 {
    margin-top: 5px;
}

.mt-15 {
    margin-top: 15px;

}

.tooltip-ag.justified-tooltip div {
    word-break: break-word;
    text-align: left;
}

.pwd-row {
    margin-bottom: 8px;
}

.pwd-row .control-label {
    /* width: 560px; */
}

.pwd-row .control-label+div {
    width: 100%;
}

.droping-select .multiselect-dropdown .dropdown-btn.white-normal .selected-item-container .selected-item {
    white-space: normal;
}

.ngx-datatable.min-height .dropdown-menu.row-menu,
.ngx-datatable.min-height .dropdown-menu.header-menu {
    /*need to set 65px  --  changed to 60 BSv5*/
    left: 60px !important;
}
app-boilerplate-text-list-value .ngx-datatable.min-height .dropdown-menu.row-menu,
.ngx-datatable.min-height .dropdown-menu.header-menu {
    /*need to set 65px  --  changed to 60 BSv5*/
    left: 74px !important;
}

/* app-pick-list-view-property-edit .ngx-datatable.min-height .dropdown-menu.row-menu,
app-pick-list-view-property-edit .ngx-datatable.min-height .dropdown-menu.header-menu
{
     left: 63px !important;
     margin-left: -4px;
} */
.scrolBH.cov-icon-toggle3 ngx-datatable datatable-body {
    height: 90px !important;
}

app-picklist-view-property-create ngx-datatable datatable-body {
    width: 300px !important;
}

.ang-checkmark-block.archived .ang-checkmark-black:after {
    left: 6px;
    top: 3px;
    width: 5px;
    display: block;
    height: 10px;
    border: solid rgb(255, 0, 0);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.ang-checkmark-block.archived.white .ang-checkmark-black:after {
    border: solid rgb(255, 255, 255);

    border-width: 0 2px 2px 0;
}

.ang-checkmark-block.archived.white:hover .ang-checkmark-black:after {
    border: solid #ccc;
    border-width: 0 2px 2px 0;
}

.ang-checkmark-block.archived.white.disable .ang-checkmark-black:after {
    border: solid #ddd;
    border-width: 0 2px 2px 0;
}

.ang-checkmark-block.archived.black .ang-checkmark-black:after {
    border: solid rgb(0, 0, 0);
    border-width: 0 2px 2px 0;
}

.ngx-datatable.fixed-header.picklist-table .datatable-header .datatable-header-inner .datatable-header-cell,
.ngx-datatable.fixed-header.picklist-table .datatable-body .datatable-body-row .datatable-body-cell {
    border-right: none;
    background-color: #eee;
    border-bottom: 1px solid white;
}

.ngx-datatable.picklist-table.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    color: #303030 !important;

}

.ngx-datatable.picklist-table span.fa-cog {
    top: 3px;
}

.ngx-datatable.min-height.picklist-table .dropdown-menu.row-menu {
    left: 17px !important;
    margin-top: -19px !important;
}

.ngx-datatable.fixed-header.picklist-table .datatable-header .datatable-header-inner .datatable-header-cell {

    background-color: white;
    width: 100%;
}

.ngx-datatable.fixed-header.picklist-table .datatable-header .datatable-header-inner .datatable-header-cell:nth-child(2) {
    margin-left: -24px;
    width: 100% !important;

}

.ngx-datatable.material.picklist-table .datatable-header {
    border-bottom: 1px solid #3786D5;
}

app-controlled-document-view .multiselect-dropdown .dropdown-btn {
    max-height: 200px;
    overflow: hidden auto;
}

.currency_input {
    border-radius: 0 5px 5px 0;
    border: 1px solid #d1d1d1;
    height: unset;
}

.d-flex {
    display: flex;
}

.currency_dropdown {
    padding: 0px;
    list-style-type: none;
}

.text.w-100.d_flex {
    display: flex;
}

.w-100 input.currency_input {
    border-radius: 0 5px 5px 0;
}

/* div#dashbaordFlexschema app-model-list-new ngx-datatable.ngx-datatable.scroll-horz datatable-body.datatable-body {
    max-height: calc(100vh - 380px) !important;
    overflow: auto;
} */

/* important to use */
.ngx-datatable .datatable-header-cell span.hide-sort-btn+.sort-btn {
    display: none;
}

div#dashbaordFlexschema .ngx-datatable.overflow-x-hide .datatable-body {
    overflow: hidden auto;
    max-height: 500px !important;
}

.ngx-datatable .datatable-header-cell span.hide-sort-btn+.sort-btn {
    display: none;
}

.box_c ngx-datatable.picklist-table .fa-cog {
    top: 5px !important;
    margin-left: 0 !important;
}

/* .ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
    white-space: nowrap;
    width: 417px;
} */
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-row-right {
    /* position: relative;
    width: 417px; */
    transform: none;
    /* backface-visibility: hidden; */
}

.max-select-height .vr-scroll .dropdown-btn {
    overflow: auto;
}

/* 3381 */
.container-horizontal-scroll {
    overflow-y: inherit;
}

.fullscreen.scrolBH {
    overflow: inherit;
}


/* .ngx-datatable.no-togle .datatable-body .dropdown.row-menu {
    position: absolute;
} */

@media (max-width: 1380px) {
    div#dashbaordFlexschema app-file-manager-config-edit .ngx-datatable.scroll-horz .datatable-body {
        /* max-height: 100% !important;
        overflow: hidden auto; */
        min-height: 45px;
    }
}
div#dashbaordFlexschema app-file-manager-config-edit .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(87vh - 626px) !important;
    overflow-y: auto;
}

div#dashbaordFlexschema app-file-manager-config-create .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(87vh - 600px) !important;
    overflow-y: auto;
}

.ngx-datatable .datatable-body .datatable-row-wrapper:last-child {
    /* border-bottom: 1px solid #bbbbbb; */
}

/* important to use */
.ngx-datatable .datatable-header-cell span.hide-sort-btn+.sort-btn {
    display: none;
}

div#dashbaordFlexschema .ngx-datatable.max-2-rec .datatable-body {
    max-height: 105px !important;
    /* width: fit-content !important; */
}

div#dashbaordFlexschema .ngx-datatable.overflow-x-hide .datatable-body {
    overflow: hidden auto;
    max-height: 500px !important;
}


.flex-item {
    display: flex;
    align-items: center;
}

.ngx-datatable .datatable-body-row:hover .flex-item img {
    filter: brightness(0.8);
}

.pt-pad-10 .model_table.filter {
    margin-top: 7px !important;
    padding: 0 !important;

}

.pt-pad-10 .model_table.filter .filter-tag {
    margin-bottom: 0 !important;
}

.absolute-click {
    height: 40px;
    width: 100%;
    position: absolute;
    cursor: pointer;
}

.absolute-click.w-add {
    top: 7px;
    width: calc(100% + 20px);
}

.absolute-click.w-minus {
    top: 0;
    width: calc(100% - 16px);
}

.formulaexpression {
    margin-left: 60px;
    font-size: 16px;
    font-weight: 600;
}

.ngx-datatable .datatable-header {
    border-radius: 5px 5px 0px 0px;
}

/* 3426 */
.ang-nav.ang-nav-tabs .ang-tab-right-section {
    padding: 14px 10px 9px;
}

.formula-exp {
    padding: 5px;
    border: 1px solid darkgray;
    margin-right: 5px;
    border-radius: 5px;
}

div#dashbaordFlexschema .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 420px) !important;
    overflow-y: auto;
    /* overflow: hidden;*/
}
 div#dashbaordFlexschema app-boilerplate-text-mrv .ngx-datatable.scroll-horz .datatable-body{
    /* max-height: calc(100vh - 570px) !important; */
    overflow-y: auto;
}
div#dashbaordFlexschema .ngx-datatable.scroll-horz .datatable-body.custom-scroll {
    max-height: unset !important;
}

.model_table .datatable-body-cell-label li {
    line-height: 1;
}

.modal-titl {
    font-weight: bold;
    font-size: 20px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pt-15-pb-10 {
    padding: 15px 0px 10px;
}
/*
.ngx-datatable .datatable-body .datatable-row-wrapper:last-child {
    /* border-bottom: 1px solid #bbbbbb; */
/* } */

.flex-item {
    display: flex;
    align-items: center;
}

.ngx-datatable .datatable-body-row:hover .flex-item img {
    filter: brightness(0.8);
}

.pt-pad-10 .model_table.filter {
    margin-top: 7px !important;
    padding: 0 !important;

}

.pt-pad-10 .model_table.filter .filter-tag {
    margin-bottom: 0 !important;
}

.absolute-click {
    height: 40px;
    width: 100%;
    position: absolute;
    cursor: pointer;
}

.absolute-click.w-add {
    top: 7px;
    width: calc(100% + 20px);
}

.absolute-click.w-minus {
    top: 0;
    width: calc(100% - 16px);
}

.ngx-datatable .datatable-header {
    border-radius: 5px 5px 0px 0px;
}

.formulaexpression {
    margin-left: 60px;
    font-size: 16px;
    font-weight: 600;
}

/* 3426 */
.ang-nav.ang-nav-tabs .ang-tab-right-section {
    /* padding: 14px 10px 9px; */
    /* to make common underlines in nav-tabs */
    padding: 0;
}

.formula-exp {
    padding: 5px;
    border: 1px solid darkgray;
    margin-right: 5px;
    border-radius: 5px;
}

div#dashbaordFlexschema .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 355px) !important;
    overflow-y: auto;
     overflow: auto;
}

.modal-titl {
    font-weight: bold;
    font-size: 20px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pt-15-pb-10 {
    padding: 15px 0px 10px;
}

.cs-pading {
    padding: 10px 5px 0;
}

.pb-20 {
    padding-bottom: 20px;
}

div#dashbaordFlexschema .ngx-datatable.scroll-horz .datatable-body.custom-scroll {
    max-height: unset !important;
}

.model_table .datatable-body-cell-label li {
    line-height: 1;
}


app-automation-model-property .view-properties:last-of-type .dropdown .dropdown-menu.row-menu {
    transform: scaleX(-1);
    left: -170px;
}

app-automation-model-property .view-properties:last-of-type .dropdown .dropdown-menu.row-menu li {
    transform: scaleX(-1);
}

app-property-automation .view-properties:last-of-type .dropdown .dropdown-menu.row-menu {
    transform: scaleX(-1);
    left: -202px;
}

app-property-automation .view-properties:last-of-type .dropdown .dropdown-menu.row-menu li {
    transform: scaleX(-1);
}

/* app-user-management .ngx-datatable .datatable-body {
    overflow: visible !important;
} */

app-automation-model-property .view-properties:last-of-type .dropdown .dropdown-menu.row-menu {
    transform: scaleX(-1);
    left: -170px;
}

app-automation-model-property .view-properties:last-of-type .dropdown .dropdown-menu.row-menu li {
    transform: scaleX(-1);
}

app-property-automation .view-properties:last-of-type .dropdown .dropdown-menu.row-menu {
    transform: scaleX(-1);
    left: -202px;
}

app-property-automation .view-properties:last-of-type .dropdown .dropdown-menu.row-menu li {
    transform: scaleX(-1);
}

div#dashbaordFlexschema .ngx-datatable.scroll-horz .datatable-body.custom-scroll {
    max-height: unset !important;
}

.model_table .datatable-body-cell-label li {
    line-height: 1;
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell span.flex-no-wrap {
    display: flex;
    white-space: nowrap;
}

ul.inline-start-0 {
    padding-inline-start: 0;
}

.pb-20 {
    padding-bottom: 20px;
}



.ngx-select.dropdown {
    width: 100%;
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover a.ngx-select__item.dropdown-item {
    color: #707070;
    text-decoration: none;
}

.ngx-select__selected-single span,
.ngx-select__selected-plural span {
    white-space: nowrap !important;
}

.ngx-select__item_active {
    color: white !important;

}

/* .ngx-select__clear-icon
{
  display: none !important;
} */

.errorsShow .ngx-select__toggle {
    border: 1px solid red !important;
}

.errorsShowSelect .ngx-select__toggle {
    border: 1px solid red !important;
}

.ngx-select__placeholder.text-muted {
    color: #acacac !important;
}

.text.usr-multi-sel {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 5px;
}

.text.usr-multi-sel-edit .multiselect-dropdown {
    position: relative;
    margin-bottom: 5px !important;
}

.usr-multi-sel .limit-items {
    display: flex;
    white-space: nowrap;
    width: calc(100% - 10px);
    overflow: hidden;
}

.usr-multi-sel .limit-items .flex-no-wrap {
    width: 100%;
}

.usr-multi-sel .flex-no-wrap {
    display: flex;
    white-space: nowrap;
}


.usr-multi-sel span.text span {
    margin-left: 37px;
    display: block;
}

.usr-multi-sel span.text span.semi-colon {

    display: initial;

}

.usr-multi-sel.w-100 span.text span,
.usr-multi-sel span.text span {
    margin-left: 0;
}

/* .usr-multi-sel.w-100:first-child ng-multiselect-dropdown {
    width: 100%;
}

.usr-multi-sel:first-child ng-multiselect-dropdown {
    width: calc(100% - 37px);
    margin-left: auto;
} */

.text ng-multiselect-dropdown {
    width: -webkit-fill-available;
}

.usr-multi-sel span.text span.comma {
    margin-left: 0;
    height: 0;
}

.overflow-dots {
    position: absolute;
    right: 0;
}

.usr-multi-sel span.text span.flex-no-wrap {
    vertical-align: middle;
    padding-left: 2px;
    align-items: center;

}

.usr-multi-sel span.text span.flex-no-wrap .dropdown {
    left: 25px;
    top: 6px;

}

.model_table .dot_line li ul li {
    border-bottom: none;
    padding: 0;
}

.model_table .dot_line li ul li::after {
    display: none;
}

/* ngx-select  */
.ngx-select.dropdown {
    width: 100%
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover a.ngx-select__item.dropdown-item {
    color: #707070;
    text-decoration: none
}

.ngx-select__selected-single span,
.ngx-select__selected-plural span {
    white-space: nowrap !important
}

.ngx-select__item_active {
    color: #fff !important
}

.errorsShow .ngx-select__toggle,
.errorsShowSelect .ngx-select__toggle {
    border: 1px solid red !important
}

.ngx-datatable.material .datatable-body .datatable-body-row .w-100 .datatable-body-cell.b-r-tran {
    width: 100%;
}

.ngx-select__placeholder.text-muted {
    color: #acacac !important
}

ul.inline-start-0 {
    padding-inline-start: 0;
}

.model_table .dot_line li ul li {
    border-bottom: none;
    padding: 0;
}

.model_table .dot_line li ul li::after {
    display: none;
}

.p-0-6 {
    padding: 6px 0 8px 6px !important;
}

.p-0-6 .fa-cog {
    width: 20px;
    margin-left: 0.4rem;
}

.p-0-6 .dropdown {
    left: -10px;
    position: relative !important;
}

.pl-30 {
    padding-left: 30px;
}

.p-inlin-13 {
    padding-inline-start: 13px;
}

.p-inlin-02 {
    padding-inline-start: 1px;
}

.p-rem {
    padding: 0.9rem 1.2rem 0;
}

.dropdown-menu.row-menu.cog-menu {
    display: block;
    left: 15px !important;
    top: -17px;
    padding: 0px;
}

.ngx-datatable.min-height .dropdown-menu.row-menu.cog-menu {
    display: block;
    left: 15px !important;
}

div#dashbaordFlexschema .ngx-datatable.max-2-rec .datatable-body {
    max-height: 105px !important;
    /* width: fit-content !important; */
}

a.barcode barcode svg text {
    fill: #337ab7;
}

a.barcode barcode svg rect {
    fill: #337ab7;
}
div#dashbaordFlexschema .ngx-datatable.max-2-rec .datatable-body {
    max-height: 127px !important;
    overflow-x: hidden;
    width: auto !important;
    /* width: fit-content !important; */
}

@media only screen and (max-width: 1440px) {
    div#dashbaordFlexschema .ngx-datatable.max-2-rec .datatable-body {
        max-height: 127px !important;
        overflow-x: scroll;
    }
}

.ngx-select__placeholder.text-muted {
    color: #acacac !important
}


.sm-input.w-max {
    max-width: max-content;
    margin-right: 0px;
    width: max-content;
    min-width: unset;
}

.sm-input.w-max span,
.sm-input.mx-60.w-max span {
    white-space: nowrap !important;
    color: #999999;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0px 5px 5px 0px !important;
}

.sm-input.w-max span ul span,
.sm-input.mx-60.w-max span ul span {
    color: inherit;
}

.sm-input.mx-60.w-max {
    max-width: max-content;
    width: max-content;
}

.abb-box input,
.flex-currency input {
    border-radius: 5px 0 0 5px !important;
}

.abb-box input.right {
    border-radius: 0px 5px 5px 0px !important;
}

div#dashbaordFlexschema .ngx-datatable.max-2-rec .datatable-body {
    max-height: 105px !important;
    /* width: fit-content !important; */
}

/*need to add this css ticket no. 3534  */
.abb-box input,
.flex-currency input,
.abb-box select.form-control {
    border-radius: 5px 0 0 5px !important;
    min-width: 60px;
    line-height: 1.5;
    padding: .375rem .75rem;
}

/*need to add this css ticket no. 3534  */

.abb-box input.right {
    border-radius: 0 5px 5px 0 !important
}




a.barcode barcode svg text {
    fill: #337ab7;
}

a.barcode barcode svg rect {
    fill: #337ab7;
}

.tab-strip.view-prop-tab>ul>li.tab-heading.active {
    background-color: #fbfbfb !important;
    border-bottom-color: #3786D5;
    color: #3786D5;

}

.tab-strip.view-prop-tab>ul>li.tab-heading {
    border-width: 0 0 3px 0;
    border-bottom-color: #dedbdb;
    margin-bottom: -3px;


}

.tab-strip.view-prop-tab>ul>li.tab-heading.active .fa {
    color: #3786D5;
}

/* .tab-strip.view-prop-tab>ul>li.tab-heading .fa {
    color: #3786D5 !important;
} */

.sm-input.w-max span ul span,
.sm-input.mx-60.w-max span ul span {
    color: inherit;
}

.sm-input .currency_list_dropdown {
    max-width: 300px;

}

.sm-input.soe-input .input-appnd {
    border-left: 1px solid #c5c5c5;
    border-radius: 5px !important;
}

.sm-input.soe-input input {
    border-right: 1px solid #c5c5c5;
    border-radius: 5px !important;
}

.sm-input .currency_list_dropdown {
    max-width: 300px;

}

.sm-input.soe-input .input-appnd {
    border-left: 1px solid #c5c5c5;
    border-radius: 5px !important;
}

.sm-input.soe-input input {
    border-right: 1px solid #c5c5c5;
    border-radius: 5px !important;
}

a.barcode barcode svg rect {
    fill: #337ab7;
}

a.barcode barcode svg rect {
    fill: #337ab7;
}

a.barcode barcode svg text {
    fill: #337ab7;
}

.mx-200 {
    max-width: 200px;
    padding-top: 3px;
}

.mx-300 {
    max-width: 300px;
    padding-top: 3px;
}

.mx-200-2 {
    max-width: 200px;
    padding-top: 0px;
}

/* 3611 */
.view-property-collapse .panel-body {
    overflow: visible;
}

.ae-font.ae-expanded .ae-picker-options {
    overflow: auto;
    width: calc(100% + 10px);
    /* word-break: break-word; */
    max-height: 80px;
}

.automation-text-editor .angular-editor-toolbar {
    padding-right: 28px !important;
}

.mx-200 {
    max-width: 200px;
    padding-top: 15px;
}

.mx-300 {
    max-width: 300px;
    padding-top: 3px;
}

.automation-text-editor .angular-editor-toolbar {
    padding-right: 28px !important;
}


.GridView {
    display: inline-flex;
}

.GridView .col-sm-6 {
    width: 100%;
}

.GridView.row {
    width: calc(50% + 4rem);
    max-width: calc(50% + 4rem);
}

/* bootstrap-upgrade */
.dot_line1 a {
    text-decoration: none;
}

.pager li>a,
.pager li>span {
    border: 1px solid #ddd;
}

.ngx-datatable.material.file-ctrl-design .datatable-body .datatable-body-row .datatable-body-cell span .fa-cog {
    white-space: normal !important;

}

/* modal reset BS-5 */

.modal {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.modal-content .glycolor {
    color: #3786D5;
}

.text.row {
    display: flex;
    padding: 0.7rem 0;
}

.bi-pencil-fill.glycolor {
    font-size: 17px;
}

.fa-style-18 {
    font-size: 18px;
    color: #3786D5;
    padding-top: 5px;
}

.check-w-20 {
    width: 20px;
    height: 20px;
}

input[type="checkbox"] {
    outline: none
}

label {
    font-weight: 700;
}

/* input reset  */
input:focus,
.form-select:focus {
    box-shadow: none;
}

select.form-control,
.ui.search.dropdowns {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    /* color: #212529; */
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    /* border: 1px solid #ced4da; */
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none;
}
select.form-control:disabled{

    background-image: none;
}
.GridView{
    display:inline-flex;
  }
  .GridView .col-sm-6{
  width: 100%;
  }



  .GridView.row{
    width: calc(50% + 4rem);
    max-width: calc(50% + 4rem);
  }

.angular-editor .angular-editor-wrapper .angular-editor-textarea ul,
.model_table .text .text-editor-content ul,
.angular-editor .angular-editor-wrapper .angular-editor-textarea ol,
.model_table .text .text-editor-content ol {
    padding-inline-start: 40px
}

.model_table .datatable-body-cell-label .text-editor-content ol li {
    list-style-type: decimal;
}

.model_table .datatable-body-cell-label .text-editor-content ul li {
    list-style-type: disc;
}

.border-box {
    border: 1px solid #d5d5d5;
    margin: 1rem;
    border-radius: 5px;
}

.linking-icons {
    display: inline-flex;
    align-items: center;
    margin-top: 12px;
}

span[title="Link"] img {
    height: 22px;
    width: 22px;
    margin: auto 3px;
    cursor: pointer;
}

.fa-plus+.sup-link,
    .sup-link {
    height: 16px;
    width: 16px;
    margin: 3px;
    margin: -8px 3px 10px 4px;
    position: absolute;
    right: -16px;
}
.linking-icons+span,
    .linking-icons+span span{
    display: inline-flex;

    }
    .text-and-datetime dp-date-picker.dp-material .dp-picker-input {
        height: 31px !important;
    }


.row .w-100,
.row .sm-input{
    padding: 0;
}
.abb-box .row{
flex-wrap: nowrap;
}
.model_table .data-cell-flex.d_flex select {
    height: 100% !important;
}
.currency_select.left {
    border-radius: 0px 5px 5px 0px;
  }
   .currency_input.right {
    border-radius:  5px 0 0 5px;
   }
   ng-multiselect-dropdown.property_selection .dropdown-list{
   /* height: 120px;*/
   }
   .view-properties-container .view-col:first-child::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    opacity: 0.5;
}

/* //  Track  */
.view-properties-container .view-col:first-child::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent;
    border-radius: 10px;
}

/* // Handle  */
.view-properties-container .view-col:first-child::-webkit-scrollbar-thumb {
    background: #3786D5;
    border-radius: 10px;
}

/* //  Handle on hover  */
.view-properties-container .view-col:first-child::-webkit-scrollbar-thumb:hover {
    background: #3786D5;
}

.view-properties-container.entry::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    opacity: 0.5;
}

/* //  Track  */
.view-properties-container.entry::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent;
    border-radius: 10px;
}

/* // Handle  */
.view-properties-container.entry::-webkit-scrollbar-thumb {
    background: #3786D5;
    border-radius: 10px;
}

/* //  Handle on hover  */
.view-properties-container.entry::-webkit-scrollbar-thumb:hover {
    background: #3786D5;

}

   .dateinvalid {
    border: 1px solid red !important;
  }
/* .ngx-datatable.lastchild-cog .datatable-row-wrapper:nth-last-of-type(-n+4) .dropdown ul.dropdown-menu.row-menu:after {
    bottom: 0px;
    top: unset;
} */
  .dot_lineoverflow{
    /* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 31px;
  }
  .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell span.txt-overflow-dot{
    text-overflow: ellipsis;
    max-width: calc(100% - 35px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 2px;
  }

  .h-41{
    height: 41px;
  }
  .h-31{
    height: 31px;
  }
  .complex-bottom-border
  {
    border-bottom: 1px dotted lightgray;
    display: block;
    /* margin-top: -1px; */
  }

/* .ngx-datatable.lastchild-cog .datatable-row-wrapper:nth-last-of-type(-n+4) .dropdown .dropdown-menu.row-menu{
    top: unset !important;
    bottom: -12px !important;
}

.ngx-datatable.lastchild-cog .datatable-row-wrapper:nth-last-of-type(-n+2) ng-multiselect-dropdown .dropdown .dropdown-menu.row-menu {
    top: unset !important;
    bottom: -18px !important;
} */

/* .ngx-datatable.lastchild-cog .datatable-row-wrapper:nth-last-of-type(-n+4) > div {
    bottom: -21px !important;
} */

.dropdown ul.dropdownUp:after {
    content: "";
    /* border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #adadad; */
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #adadad;
    position: absolute;
    top: 23px !important;
    left: -10px;
    z-index: 9;
}

.ngx-datatable.lastchild-cog .datatable-row-wrapper:nth-last-of-type(-n+2) .dropdown ul.dropdownUp.dropdown-menu.row-menu:after {
    top: unset !important;
}

.ngx-datatable .datatable-row-wrapper:only-child ng-multiselect-dropdown .dropdown ul.dropdown-menu li a {
    padding: 8px 16px;
}

.multiselect-dropdown .dropdown-menu.row-menu {
    padding: 0;
}

.row:only-child ng-multiselect-dropdown .dropdown ul.dropdown-menu li a {
    padding: 8px 16px;
}

/* .row:only-child ng-multiselect-dropdown .dropdown ul.dropdown-menu.dropdownUp {
    top: -20px !important;
} */
.controls-w{
    align-items: center;
    max-width: 180px;
    min-width: 180px;
    margin-right: 15px;
    display: inline-flex;
    height: 37px;
   justify-content: right;
   gap: 5px;
  }

 .controls-w label{
    padding-left: 0;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 2px!important;
    color: #707070;
}
 .controls-w label.for-list{
    margin-bottom: 0px!important;
}
  .form-horizontal .control-label.controls-w
  {
    padding: 0;
  }
  .no-wrap{
    flex-wrap: nowrap;
  }
  .full-width{
    width: 100%;
  }
.ngx-datatable .datatable-row-wrapper:nth-child(1) ng-multiselect-dropdown .dropdown ul.dropdown-menu.row-menu.dropdownUp {
    top: -15px !important;
}

    .ngx-datatable .datatable-row-wrapper:nth-child(1) ng-multiselect-dropdown .dropdown ul.dropdown-menu.row-menu.dropdownUp::after {
        top: 13px !important;
    }

.ngx-datatable.abs-cog-list .datatable-body .datatable-row-wrapper > .dropdown.row-menu {
    position: absolute;
} 
.ngx-datatable.abs-cog-list.none .datatable-body .datatable-row-wrapper > .dropdown.row-menu {
    position: relative;
}
app-record-audit-log-list .model_table .datatable-body-cell-label li,
app-user-session-edit .model_table .datatable-body-cell-label li, app-record-audit-log-child-list .model_table .datatable-body-cell-label li {
    display: flex;
    align-items: center;
    padding: 0;
    height: 46px;
    max-height: 46px;
    line-height: 1.4;
}

app-record-audit-log-list .txt-overflow-dot,
app-user-session-edit .txt-overflow-dot,
app-record-audit-log-child-list .txt-overflow-dot {
    width: 100%;
}

.dropdown-btn .multiselect-place {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



.fullscreen.model_table.overflow {
    overflow: visible;
}
/* tkt : 3727
app-model-table-list-view .view-properties .value-text{
    max-width: 120px;
  } */
.value-text{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
app-navigation-create .fullscreen {
    overflow: visible;
    margin-right: auto;
    margin-left: auto;
}

app-record-status .angular-editor .angular-editor-wrapper .angular-editor-textarea{
    overflow-y: hidden !important;
}

app-record-status .angular-editor-textarea{
    overflow-y: hidden !important;
}
/*testing-issue app-user-management-classification-list .ngx-datatable.scroll-horz .datatable-body {
    overflow: unset;
    overflow-y: visible !important;
} */
.fullScreenVirtual{
    padding-left: 15px;
}
@media only screen and (max-height: 800px) {
    app-file-manager-config-create .activeDesign-2,app-file-manager-config-edit .activeDesign-2{
    overflow: hidden auto !important;
    max-height: calc(100vh - 190px);
}
}
app-file-manager-config-create .activeDesign-2 .fullScreenVirtual, app-file-manager-config-edit .activeDesign-2 .fullScreenVirtual {
    height: calc(100vh - 317px);
    overflow: auto;
}
div#dashbaordFlexschema app-file-manager-config-create .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(87vh - 340px) !important;
}
app-file-manager-config-edit .tab-container{
height: auto !important;
}
div#dashbaordFlexschema app-file-manager-config-edit .ngx-datatable.scroll-horz .datatable-body{
    max-height: calc(100vh - 430px) !important;
}
div#dashbaordFlexschema app-render-engine-edit app-vertical-form-record-mrv .ngx-datatable.scroll-horz .datatable-body{
    max-height:  calc(100vh - 260px - var(--nTire_top)) !important;
 }


.highlighted-props ul ng-multiselect-dropdown .dropdown-btn{
overflow-y: auto;
}
div#dashbaordFlexschema app-create-modal .modaltableheight .ngx-datatable.scroll-horz .datatable-body,
    div#dashbaordFlexschema app-create-modal app-model-view .ngx-datatable.scroll-horz .datatable-body,
        div#dashbaordFlexschema app-boilerplate-text-cv-and-srv app-boilerplate-text-list .ngx-datatable.scroll-horz .datatable-body,
        div#dashbaordFlexschema app-action-table-setup app-email-notic .ngx-datatable.scroll-horz .datatable-body,
        div#dashbaordFlexschema app-standard-schedule-edit app-automation-action-table .ngx-datatable.scroll-horz .datatable-body,
        div#dashbaordFlexschema app-person-edit app-userpermissionlist .ngx-datatable.scroll-horz .datatable-body,
        div#dashbaordFlexschema app-render-engine-edit app-vertical-form-mrv  .ngx-datatable.scroll-horz .datatable-body,
        div#dashbaordFlexschema app-render-engine-edit app-vertical-releted-create-edit  .ngx-datatable.scroll-horz .datatable-body,
        div#dashbaordFlexschema app-render-engine-file-version-srv app-file-mrv  .ngx-datatable.scroll-horz .datatable-body,
        div#dashbaordFlexschema app-record-manager-design-create-edit .ngx-datatable.scroll-horz .datatable-body,
         app-model-table-list-view div#dashbaordFlexschema app-create-modal .ngx-datatable.scroll-horz .datatable-body,
         div#dashbaordFlexschema app-company-edit app-contact-information-edit .ngx-datatable.scroll-horz .datatable-body,
         div#dashbaordFlexschema app-company-edit app-related-company-edit .ngx-datatable.scroll-horz .datatable-body,
         div#dashbaordFlexschema app-company-edit app-location-edit .ngx-datatable.scroll-horz .datatable-body,
         div#dashbaordFlexschema app-company-create app-related-company .ngx-datatable.scroll-horz .datatable-body,
         div#dashbaordFlexschema app-company-create app-contact-information .ngx-datatable.scroll-horz .datatable-body,
         div#dashbaordFlexschema app-person-create app-person-contact-information-create .ngx-datatable.scroll-horz .datatable-body,
         div#dashbaordFlexschema app-person-create app-person-classification-create .ngx-datatable.scroll-horz .datatable-body,
         div#dashbaordFlexschema app-person-edit app-person-classification .ngx-datatable.scroll-horz .datatable-body,
         div#dashbaordFlexschema app-standard-schedule-edit app-email-notic .ngx-datatable.scroll-horz .datatable-body

        {
            /* max-height: calc(100vh - 440px - (var(--filter-height)) - (var(--header-height)) - (var( --firstNtier))) !important; */
             max-height: calc(100vh - 590px - (var(--filter-height))) !important;
}
div#dashbaordFlexschema app-render-engine-file-version-srv app-file-mrv .ngx-datatable.scroll-horz .datatable-body, div#dashbaordFlexschema app-render-engine-file-version-srv app-file-amendment .ngx-datatable.scroll-horz .datatable-body, div#dashbaordFlexschema app-file-amendment-srv app-file-mrv .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 630px - (var(--filter-height))) !important;
}
/* div#dashbaordFlexschema app-render-engine-edit app-vertical-form-mrv .view-table .ngx-datatable.scroll-horz .datatable-body, div#dashbaordFlexschema app-render-engine-edit app-vertical-form-record-mrv  .ngx-datatable.scroll-horz .datatable-body{
    max-height: calc(100vh - 546px) !important;

} */
/* div#dashbaordFlexschema app-email-information .ngx-datatable.scroll-horz .datatable-body, */
div#dashbaordFlexschema app-model-table-list-view app-company-edit app-related-company-edit  .ngx-datatable.scroll-horz .datatable-body
{
    max-height: calc(100vh - 505px) !important;
}
div#dashbaordFlexschema app-email-information .ngx-datatable.scroll-horz .datatable-body{
    max-height: calc(100vh - (var(--automation-top)) - 140px) !important;
}
/* app-record-audit-log-list .ngx-datatable .datatable-header .datatable-header-cell .sort-btn{
    display: none;
} */

.p-0-12 {
    padding: 6px 0 8px 12px!important;
}
.calenderInactive {
    filter: grayscale(1);
}

.calender-profile mwl-calendar-event-title {
    color: black;
}

.align-center .datatable-body-cell-label{
width: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.align-center{
    align-items: center;
    display: flex;
    }
    .cd-doc-text{
        padding: 0.5rem 0.8rem;
        display: grid;
        border-top: 1px solid #bbbbbb;
    }
    .cd-doc-text:first-child
{
border: none;
}
/* .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.p-0.align-center{
    align-items: self-end;
} */
/* .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.align-center .cd-doc-text{
min-height: 57px;
} */
.fullScreenVirtual{
    padding-left: 15px;
    }
.width-100 {
    width: 100%;
}

.ngx-datatable .datatable-header .datatable-header-inner .datatable-header-cell span.fa-cog.disabled {
  color: #adaaad !important;
  opacity: 0.5;
  cursor: default;
}



.disabled-filter-icon {
    pointer-events: none;
    color: #ccc !important;
}
div#dashbaordFlexschema app-model-table-list-view app-custom-filter-qualifier+.ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 748px) !important;
}


app-filter-level-qualifier datatable-header-cell.datatable-header-cell {
    padding: 0.4rem 0.4rem 0.3rem !important;
}



    app-filter-level-qualifier select {
    font-size: 14px !important;
    padding: 1px 5px !important;
    border-radius: 3px;
    padding-right: 28px !important;
}



#filter-qualifier {
    border: 1px solid #c1c1c1;
    resize: vertical;
    overflow-y: auto;
    overflow-x: auto;
    max-height: fit-content;
    margin-bottom: 5px;
  }

  app-filter-level-qualifier datatable-header {
    height: 40px;
  }



app-filter-level-qualifier ngx-datatable {
    margin-top: 5px !important;
    /* margin-left: 37px !important; */
}


app-filter-level-qualifier  .text {
    padding: 0.7rem 0.4rem !important;
}



/* grid-view */

.ruler {

    position: relative;

    height: 26px;

   }

   .ruler .cm,

   .ruler .mm {

    position: absolute;

    border-left: 1px solid #555;

    height: 16px;

    width: 10%;

   }

   .ruler .cm:after {

    position: absolute;

    bottom: -15px;

    font: 11px/1 sans-serif;

   }

   .ruler .mm {

    height: 5px;

   }

   .ruler .mm:nth-of-type(5) {

    height: 10px;

   }

   .ruler .cm:nth-of-type(1) {

    left: 0%;

   }

   .ruler .cm:nth-of-type(2) {

    left: 10%;

   }

   .ruler .cm:nth-of-type(3) {

    left: 20%;

   }

   .ruler .cm:nth-of-type(4) {

    left: 30%;

   }

   .ruler .cm:nth-of-type(5) {

    left: 40%;

   }

   .ruler .cm:nth-of-type(6) {

    left: 50%;

   }

   .ruler .cm:nth-of-type(7) {

    left: 60%;

   }

   .ruler .cm:nth-of-type(8) {

    left: 70%;

   }

   .ruler .cm:nth-of-type(9) {

    left: 80%;

   }

   .ruler .cm:nth-of-type(10) {

    left: 90%;

   }

   .ruler .cm:nth-of-type(11) {

    left: 100%;

   }

   .ruler .mm:nth-of-type(1) {

    left: 10%;

   }

   .ruler .mm:nth-of-type(2) {

    left: 20%;

   }

   .ruler .mm:nth-of-type(3) {

    left: 30%;

   }

   .ruler .mm:nth-of-type(4) {

    left: 40%;

   }

   .ruler .mm:nth-of-type(5) {

    left: 50%;

   }

   .ruler .mm:nth-of-type(6) {

    left: 60%;

   }

   .ruler .mm:nth-of-type(7) {

    left: 70%;

   }

   .ruler .mm:nth-of-type(8) {

    left: 80%;

   }

   .ruler .mm:nth-of-type(9) {

    left: 90%;

   }

   .ruler .mm:nth-of-type(10) {

    left: 100%;

   }

   #mentionme{

     text-align:center;

     margin-top:10%;

   }




.ruler-box{

    position: relative;

}

.slider-container{

    position: absolute;

    top: 0;

    width: 100%;

}

.slider-container input{

    width: 100%;

    padding: 4px;

    accent-color: #3B8EB5;

}

.ruler-box-parent{

    position: absolute;

    top: 45px;

    width: 100%;

    margin-left: 318px;

    width: calc(100% - 362px);

}

.ruler-box-parent.vertical{

    width: 30px;

    right: -35px;

    top: 70px;

}

.ruler-view-grid.grid2DragableRight{

    top: 40px !important;
    position: relative;

}

.vertical .ruler .detail{

    position: absolute;

    bottom: 17px;

    font-size: 11px;

    transform: rotate(180deg);

}

.ruler .detail{

        position: absolute;

        bottom: -18px;

        font-size: 11px;

        left: -4px;

}

.ruler-box-parent.vertical .ruler-box{

    right: 23px;

    bottom: 41px;

    width: 560px;

    margin: 0;

    transform: scale(-1,-1) rotate(-90deg);

    transform-origin: left;

    top: unset;

}

.file-mrv-design .ngx-datatable .datatable-body datatable-row-wrapper{
    position: relative;
}
.file-mrv-design .ngx-datatable .datatable-body datatable-row-wrapper
.dropdown{
    top: 35%;
    position: absolute;
}
/* .file-mrv-design .ngx-datatable .datatable-body datatable-row-wrapper
.dropdown .dropdown-menu
{
    top: -10px !important;
} */
/* .file-mrv-design  .ngx-datatable.lastchild-cog .datatable-row-wrapper:nth-last-of-type(-n+2) .dropdown ul.dropdown-menu.row-menu:after {
    bottom: 10px;
    top: unset;
} */
.file-mrv-design .ngx-datatable.lastchild-cog .datatable-row-wrapper:nth-last-of-type(-n+2) .dropdown{
    position: absolute;
    bottom: unset !important;
    top: 50%;
    /* /* transform: translateY(8px); */
    /* z-index: 1; */
}
.file-mrv-design .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell span.cd-doc-text span{
    align-items: center;
    display: grid;
}

/* app-filter-level-qualifier .ngx-datatable.scroll-horz .datatable-body {
    overflow: auto !important;
} */
.txt-overflow-dot.line-clamp span,.txt-overflow-dot-edit{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    overflow: hidden;
}
.sm-screen .col-sm-6 {
    max-width: 100%  !important;
    flex: 1 !important;
}
.list-d-none .multiselect-dropdown .dropdown-list{
display: none !important;
}

ul li.txt-overflow-dot.height-unset {
    height: auto;
    max-height: unset;
}

.highlighted-props ul ng-multiselect-dropdown .dropdown-btn {
    overflow: hidden auto;
}
.overflow-hidden .multiselect-dropdown .dropdown-btn .multiselect-place  {
    overflow: hidden !important;

}


app-custom-filter-qualifier .custom-classification {
    padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;
    background-position: right 0.75rem center !important;
}
.align-items-start.flex-filter div div:last-child {
    /* border-bottom: none; */
    /* padding-top: 1.5px; */
}
/* .ang-nav.ang-nav-tabs .nav-link{
    padding: 12px 14px 12px;
    line-height: normal;
} */


app-filter-level-qualifier ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

div#dashbaordFlexschema .ngx-datatable.scroll-horz .datatable-body.license-purchase-wrapper{
    flex-grow: 1;
    max-height: calc(100vh - 620px - (var(--filter-height)) - (var(--header-height))) !important;
}
div#dashbaordFlexschema .ngx-datatable.scroll-horz .datatable-body {
    flex-grow: 1;
    max-height: calc(100vh - 320px - (var(--filter-height)) - (var(--header-height))) !important;
}
div#dashbaordFlexschema .modal .ngx-datatable.scroll-horz .datatable-body {

    max-height: calc(100vh - 355px - (var(--popup-filter-height))) !important;
}

/* Added below condition just because handel footer behaviour in person-company-edit.component on zooming - */
div#dashbaordFlexschema app-person-company-edit .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(90vh - 410px - (var(--filter-height)) - (var(--header-height))) !important;
}

div#dashbaordFlexschema  app-model-list-new .ngx-datatable.scroll-horz .datatable-header {
    min-height: 40px;
}
.datatable-body-cell.b-r-tran.plusminusdropdown {
    margin-right: 0px !important;
    max-width: 50px;
}

    .datatable-body-cell.b-r-tran.plusminusdropdown select {
        border-radius: 5px 0 0 5px !important;
        min-width: 50px;
    }

.popup-drag {
    position: relative !important;
    cursor: move;
}

.active-dropdown-cell .multiselect-dropdown .dropdown-btn {
    border: 1px solid #3b8fb5 !important;
}

.active-cell {
    border: 1px solid #3b8fb5 !important;
}

.row.form-group > * {
    padding-left: calc(var(--bs-gutter-x) * .0);
}

.abb-box input.border-l-0, .flex-currency input.border-l-0, .abb-box select.form-control.border-l-0 {
    border-left: none;
    border-radius: 0 !important;
}

.w-100 input, .w-100 .plusminusdropdown select {
    border-right: 1px solid #c5c5c5;
    background-position: right 0.25rem center;
    padding-right: 1.25rem;
}

.single-item .dropdown ul{
  top: -9px !important;
}
.single-item .dropdown ul.dropdownUp:after{
  top: 6px !important;
}

mwl-calendar-week-view, mwl-calendar-month-view .cal-header{
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: white;
}
mwl-calendar-week-view .cal-day-headers{
    position: sticky;
    top: -16px;
    z-index: 5;
    background-color: white;
}
mwl-calendar-month-view .cal-month-view .cal-cell-top {
    min-height:0px;
    position: relative;
}
mwl-calendar-month-view .cal-month-view .cal-day-number {
    position: absolute;
    right: 0;
}
mwl-calendar-month-cell .cal-events {
    flex-direction: column;
}
.cal-month-view mwl-calendar-month-cell .cal-events{
    margin: 0;

}
mwl-calendar-week-view .cal-event-container .cal-starts-within-day{
    z-index: 0px;
}
mwl-calendar-week-view, mwl-calendar-month-view .cal-header {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: white;
}

    mwl-calendar-week-view .cal-day-headers {
        position: sticky;
        top: -16px;
        z-index: 5;
        background-color: white;
    }

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .text {
    /* height: 100%; */
    width: 100%;
}
app-dashboard .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .text {
    /* height: 100%; */
    width: 100%;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}


.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label {
    height: 100%;
}

/* .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .text input {
    width: 90%;
} */

.flex-item .text:empty {
    display: none
}
.container-horizontal-scroll{
    position: relative;
    /* z-index: 0; */
}

app-custom-row-filter .multiselect-dropdown .dropdown-btn,app-training-design-filter-nested .multiselect-dropdown .dropdown-btn {
    padding:3px 7px 0 5px !important;
    margin-bottom: 0px !important;
    min-height: 30px !important;
    width: 100px ;
}

.disabled-icon {
    pointer-events: none;
    color: #ccc !important;
}

app-custom-row-filter .multiselect-dropdown .dropdown-btn.value-text , app-training-design-filter-nested .multiselect-dropdown .dropdown-btn.value-text {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 94px;
    white-space: nowrap;
    display: block;
}

app-custom-row-filter .dropdown-btn .multiselect-place,app-record-manager-design-create-edit .dropdown-btn .multiselect-place{
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0  !important;
}
app-custom-row-filter .dropdown-btn .wrap span{
    padding-left: 0 !important;

}
.conjuc-select .multiselect-dropdown .dropdown-btn {
    padding: 4px 5px 0 5px !important;
    min-height: 26px !important;
    font-size: 13px;
    line-height: 1.328571 !important;
    width: 105px  !important;
}
.conjuc-select .multiselect-dropdown span:empty {
    display: none;
}
.conjuc-select .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before{
    border-width: 6px 6px 0 6px !important;
}
.conjuc-select .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret{
    width: 13px !important;
}
.dropdown-multiselect--active span:empty{
    display: none;
}
    .ang-nav.ang-nav-tabs .ang-tab-right-section app-custom-filter-row-link .conjuc-select .multiselect-dropdown span{
        padding: 0;
    }

    app-custom-row-filter span.value-text{
        display: -webkit-box  !important;
        /* max-width: 120px; */
        text-overflow: ellipsis;
        display: block !important;
        white-space: nowrap;
        overflow: hidden;
    }
    .ang-nav.ang-nav-tabs .ang-tab-right-section span.multiselect-place {
        display: block;
    }
    app-custom-row-filter .dp-material .dp-picker-input {
        height: 28.5px !important;
        padding: 1px 6px 0 7px !important
        }
    .align-items-start.flex-filter div div:last-child.date-time-inputs div,
    .align-items-start.flex-filter div div:last-child.date-time-inputs{
        padding-top: 0;
  }
app-trigger-qualifier .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell,.model_table app-trigger-qualifier  .text,
app-setup-qualifier .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell,.model_table app-setup-qualifier  .text {
    padding: 0.5rem 0.5rem;
}
  .dashboard-flexschema.sidebar-visible .dashboard-content #dash.dashboard-content
  {
    width: 100%;
  }

.cdk-overlay-container .cdk-overlay-pane .mdc-dialog{
  display: flex;
}
.mdc-dialog, .mdc-dialog__scrim{
  height:0% !important;
}

  mwl-calendar-month-view .cal-month-view .cal-day-cell{
    width: 13.7%;
  }

  app-calender-view .cal-month-view .cal-day-cell.cal-in-month.cal-has-events{
    position: relative;
  }
  .filteration select.form-control {
    /* width: 100% !important; */
    /* max-width: unset !important; */
    padding: 4px 15px 2px 6px !important;
    font-size: 14px !important;
  }

  #filter-overflow {
    /* overflow: auto; 4064 */
  }

/* #filter-overflow::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    opacity: 0.5;
}
#filter-qualifier::-webkit-scrollbar {
    width: 20px;
    height: 20px;
    opacity: 0.5;
} */

/* //  Track  */
/* #filter-overflow::-webkit-scrollbar-track, #filter-qualifier::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent;
    border-radius: 10px;
    background-color: #00324a2e;
} */

/* // Handle  */
/* #filter-overflow::-webkit-scrollbar-thumb, #filter-qualifier::-webkit-scrollbar-thumb{
    background: #aeaeae;
    border-radius: 10px;
} */

.full-input select {
    width: 100% !important;
    height: 35px;
    max-width: unset !important;
  }

  app-custom-filter-row-link .multiselect-dropdown .dropdown-btn,app-training-design-filter-nested .multiselect-dropdown .dropdown-btn, app-custom-fixed-filter .multiselect-dropdown .dropdown-btn {
    height: 34px;
  }
  app-dashboard-mrv-list app-custom-fixed-filter .multiselect-dropdown .dropdown-btn {
    height: unset;
  }
app-record-audit-log-list .model_table .datatable-body-cell-label li.height-unset {
    height: auto;
    max-height: unset;
}
body#privacy-policy::-webkit-scrollbar {
  width: 12px;
height: 12px;
}
body#privacy-policy::-webkit-scrollbar-track {
background-color: #00324a2e;
}
body#privacy-policy::-webkit-scrollbar-thumb {
background: #aeaeae;

}

.height-unset>span>span>span {
    display: flex;
    flex-wrap: wrap;
}

/* app-record-audit-log-list datatable-body::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
app-record-audit-log-list datatable-body::-webkit-scrollbar-track {
    background-color: #F1F1F1;
}
app-record-audit-log-list datatable-body::-webkit-scrollbar-thumb {
    background-color: #C1C1C1;
} */
datatable-body-cell.datatable-body-cell.hide-border-complex-cell.overlaping.sort-active:last-child .datatable-body-cell-label {
    padding-right: 20px;
}
app-trigger-qualifier .ngx-datatable.pn-content-2 .datatable-body .datatable-row-wrapper:last-child .multiselect-dropdown .dropdown-list,
app-trigger-qualifier .ngx-datatable.pn-content-2 .datatable-body .datatable-row-wrapper:nth-last-of-type(-n+2) .multiselect-dropdown .dropdown-list {
    max-height: 145px !important;
}
.ntier-cv{
    height: calc(100vh - 421px);
    max-height: calc(100vh - 421px);
    overflow: auto;
}
.ntier-cv.x-hidden{
    overflow-x: hidden;
}

.disabled:hover {
background-color: #ffffff !important;
color: #aeaeae !important;
}
.disabled{
color: #aeaeae !important;
pointer-events: none !important;
/* cursor:not-allowed !important; */
}

/* .file-design-table.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label{
    height: unset;
}

.datatable-body-cell-label {
    position: relative;
  }

  app-setup-qualifier .abb-box.w-100 input, app-setup-qualifier .sm-input.w-max{
    height: 35px;
    }
    /* required to show multiselect in both components */
    app-setup-qualifier .datatable-body-cell-label,
    app-trigger-qualifier .datatable-body-cell-label{
        position: unset;
    }
    .andorselect{
        display: block;
        width: inherit;
    }
    .abb-box input::placeholder,.currency_input::placeholder,.currency_select::placeholder {
        color: #acacac ;
    }
.file-mrv-design .ngx-datatable.lastchild-cog .datatable-body :nth-last-of-type(-n+4) > div {
    bottom: unset !important;
}

.active-dropdown-cell .multiselect-dropdown .dropdown-btn.active-popup {
    border: 1px solid #c9c9c9 !important;
}
.view-table {
    height: calc(100vh - 570px);
    overflow-y: auto;
    overflow-x:hidden
}
.ang-nav.ang-nav-tabs .ang-tab-right-section span .multiselect-dropdown span{
    padding: 0;
}
.ang-nav.ang-nav-tabs .ang-tab-right-section span .multiselect-dropdown .dropdown-btn{
    padding: 5px 10px 0 6px;
}

#mainDiv.dropdown.row-menu.drop-down-list .dropdown-menu,
#mainDiv.dropdown.row-menu.drop-up-list .dropdown-menu {
    position: fixed !important;
    left: 74px !important;
}

.ngx-datatable .dropdown.drop-up-list .dropdown-menu.row-menu:after ,
   .dropdown.drop-up-list .dropdown-menu.row-menu:after {
    bottom: 3px;
    top: unset;
}

/* app-custom-row-filter div#dropdownList {
    max-height: 350px;
} */

app-custom-row-filter .Conjunction-Within-Group .multiselect-dropdown .dropdown-btn {
    max-width: 103px !important;
}
.icon-last {
    margin-right: 13px;
}

.ngx-datatable .datatable-row-wrapper .datatable-body-cell:last-child .icon-last {
    margin-right: 27px;
}
ngx-datatable .datatable-body-row:hover img.mail{
    filter: brightness(7.5);
  }
div#dashbaordFlexschema #pop-up .reduce-max-height .ngx-datatable.scroll-horz .datatable-body{
    max-height: calc(100vh - 500px) !important;
}
.active-multiselect .multiselect-dropdown .dropdown-btn {
    border: 1px solid #3b8fb5 !important;
}
.form-control::placeholder{
    color: #acacac ;
}

/* File record */
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.align-center {
    background-color: white;
    position: relative;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.align-center .grouping-cell::before{
    border-top: 8px solid white;
    content: '';
    top: -4px;
    position: absolute;
    left: 0;
    width: 100%;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.align-center .grouping-cell.new-group::before{
    border-top: 0px solid white;
    content: '';
    top: 0px;
    position: absolute;
    left: 0;
    width: 100%;
}
.grouping-select{
    position: absolute;
    top: -20px;
    padding: 10px;
    background-color: white;
    left: 0;
    /* bottom: 230%;
    transform: translateY(50%); */
}

.file-record-table.ngx-datatable.material .datatable-body  .datatable-body-row:hover,.file-record-table.ngx-datatable.material.striped .datatable-row-even,.file-record-table.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group{
    background-color: white;
    color: #333 !important;

}
.file-record-table.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-body-cell.align-center a, .file-record-table.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .fa-trash {
    color: var(--bs-link-color) !important;
}

 .file-record-table .datatable-body-cell .datatable-body-cell-label:empty {
    background: white;
    min-width: calc(100% + 20px);
    margin-left: -10px;
    margin-bottom: -30px;
}
.file-record-table .datatable-row-group .datatable-body-cell:first-child .datatable-body-cell-label:empty
{
margin: 0;
min-width: 100%;
}
.file-record-table .datatable-body-cell-label {
    position: unset;
}
.model_table .datatable-body-cell-label .multiselect-dropdown li {
    line-height: 1.5;
    list-style: unset;
}
 /* .model_table app-mrv-list .datatable-body-cell-label .multiselect-dropdown li{
    margin-left: 1.4rem;
} */
img.disableIcon{
    filter: grayscale(1);
    opacity: 0.6;
    }

input.errorsShowMultiSelect {
    border: 1px solid red !important;
}    
.errorsShowMultiSelect ng-multiselect-dropdown.is-empty .dropdown-btn{
    border: 1px solid red !important;
  }
.errorsShowMultiSelect .dropdown-btn:not(.errorsShowMultiSelect .sub-mselect .dropdown-btn){
    border: 1px solid red !important;
}

    .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-cell-white-box{
color: #333;
    }
    app-trigger-qualifier datatable-row-wrapper:last-child datatable-body-row,
    app-setup-qualifier  datatable-row-wrapper:last-child datatable-body-row{
        overflow: hidden;
    }
    app-trigger-qualifier datatable-row-wrapper:first-child datatable-body-row,
    app-setup-qualifier datatable-row-wrapper:first-child datatable-body-row{
        overflow: visible;
    }

div#dashbaordFlexschema app-custom-relationship-filter .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 580px) !important;
}

.file-design-table.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label{
    height: unset;
}
.file-design-table.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label:empty {
    height: 100%;
}
.printout-grid-hidden{
    position: absolute;
    z-index: -99999;
    bottom: -9999;
  }
  .center-this{
    display: flex;
    align-items: center;
    justify-content: center;
  }
.file-record-table  .cd-doc-text{
min-height: 50px;
}

app-pick-list-view-property-edit .box_c .datatable-body .dropdown
{
    position: relative;
}
.datatable-first-column-row{
    position: relative;
}
.datatable-first-column-row::after{
    content: "";
    position: absolute;
    height: calc(100% + 2px);
    border-left: 1px solid #ccc;
    top: 0;
    width: 122px;
    right: 0;
    background-color: white;
    z-index: 0;
  }
  angular-editor.automation-text-editor.newcl .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    max-height: inherit ;
}
app-pick-list-create .ngx-datatable .datatable-body{
    z-index: 10;
    /* for picklistvalue scroll */
    /* display: inline-table; */
  }
  app-picklist-edit .ngx-datatable .datatable-body{
    z-index: 10;
    /* for picklistvalue scroll */
    /* display: inline-table; */
  }
.navigation-links .value-text.unset{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

a{
    text-decoration: none;
    color: var(--bs-link-color);
}
.value-text.unset{
    display: block;
    white-space: nowrap;
    text-overflow: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}
.modal-header app-custom-fillter-component #app-filter-parent {
    margin-top: 0 !important;
}
.random-nav-tab-container {
    border-bottom: 3px solid #3786D5;
}
.modal-backdrop{
    opacity: 0.2 !important;
}
.random-nav-tab {
    padding: 14px 20px 10px;
    /* border-bottom: 3px solid #4b809b; */
    color: #3786D5 !important;
    margin-bottom: -3px;
    font-weight: 700;
    font-size: 20px;
}
.training-module .datatable-header-cell{
    height: 70px;
   width: 200px;
}
/* .training-module {
    overflow:  auto visible;
} */

/* new design */
/* .training-module .datatable-body{
overflow:  visible !important;
max-height: inherit !important;
}
div#dashbaordFlexschema .material.training-module .ngx-datatable .datatable-body{
overflow:  hidden !important;
    max-height: none !important;
} */
.training-module .datatable-header-cell .rotate-title {
display: inline-block;
    /* transform: rotate(-60deg) translate(-7px, 46px); */
    transform-origin: bottom;
    font-size: 16px;
}
.training-module .datatable-header-cell .rotate-title.user{
    /* transform: rotate(-60deg) translate(2px, 76px); */
}
.width-text{
    min-width: 200px;
}

app-training-classification .ngx-datatable, app-training-user .ngx-datatable {
    /* border-left: 1px solid #0000006e !important; */
    /* border-right: 1px solid #0000006e !important; */
    overflow: hidden;
}

/* new change */
/* app-training-material .normal .ngx-datatable, app-training-material .normal #datatable-view, app-training-material .normal .datatable-header-cell, app-training-material .normal .datatable-header-inner, app-training-material .normal .datatable-scroll  {
    width: 100% !important;
    min-width: fit-content;
}
app-training-material .normal .datatable-row-wrapper, app-training-material .normal .datatable-body-row, app-training-material .normal .datatable-row-center, app-training-material .normal .datatable-body-cell, app-training-material .normal .datatable-body-cell-label, app-training-material .normal .datatable-header-cell, app-training-material .normal .datatable-header-inner  {
    width: 100% !important;
} */

.width-fit-content {
    width: fit-content;
}

app-training-classification .training-module .datatable-body-row:hover .datatable-row-group{
    background: #ffffff !important;
}
/* app-training-classification .modal-dialog .datatable-body-row:hover .datatable-row-group, app-training-user .datatable-body-row:hover .datatable-row-group {
    background: #eee !important;
} */
.training-module .datatable-body-row .datatable-row-group, .training-module .datatable-body-row:hover .datatable-row-group, app-training-material .training-module.material .datatable-body-row .datatable-row-group {
    /* background-color: #eee !important;  */
    color: #999 !important;
}

/* New Change */

/* .training-module .ngx-datatable .datatable-header .datatable-header-inner {
    width: 100%;
} */
app-training-user .training-module .ngx-datatable .datatable-body-cell, .ngx-datatable .datatable-header-cell:last-child{
    border-right: none;
}
app-training-user .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell:last-child{
    border-right: none;
}
 .training-module .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    background-color: #eee !important;
    color: #999 !important;
}
/*
app-training-classification #training-classification .datatable-header-cell.resizeable.sortable {
    width: 200px !important;
  } */

  app-training-classification .permission-available-checkbox, app-training-user .permission-available-checkbox {
    /* position: unset; */
  }
  app-training-classification .permission-available-checkbox .custom-checkbox-permission, app-training-user .permission-available-checkbox .custom-checkbox-permission  {
   right: unset;
    left: 7px;
    top: 7px;
  }

  /* app-training-material  .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell,  app-training-material .ngx-datatable .datatable-body-cell, app-training-material .ngx-datatable .datatable-header-cell,  app-training-material  .ngx-datatable.material ,   app-training-classification .ngx-datatable
  {
    border-right: none !important;
  }
  app-training-classification .ngx-datatable, app-training-user .ngx-datatable{
    border-left: none !important;
  } */

  app-training-classification .modal .modal-content {
    box-shadow: none;
  }


  app-training-classification .ngx-datatable #datatable-view .datatable-header .datatable-header-inner .datatable-row-center .datatable-header-cell:last-child{
    border-right: none;
  }

  app-training-classification .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .text {
    height: 100%;
    width: 100%;
}

app-training-user .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell .text {
    height: 100%;
    width: 100%;
}

app-training-classification .dropdown-btn, app-training-user .dropdown-btn , app-training-design-ntier .dropdown-btn{
    max-height:29px !important;
    min-height: unset !important;
    padding:3px 10px 6px !important;
  }

  app-training-classification .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before, app-training-user .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before{
    top:10px !important;
  }
  app-training-classification .multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret:before, app-training-user .multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret:before{
    top:-10px !important;
  }
/* #training-user .datatable-header-inner,
    #training-classification .datatable-header-inner{
    width: 100% !important;
} */
.fx-width{

}

app-horizontal-carete .multiselect-dropdown.table-mselect .dropdown-list {
    bottom: unset !important;
}
.cdk-overlay-container {
    position: relative;
    z-index:1055;
}

.vertical-box{
    max-height: 30vh;
}
@media only screen and (max-width: 1260px) {
    .vertical-box{
        max-height: 22vh;
    }
    div#dashbaordFlexschema app-render-engine-edit app-vertical-form-mrv .ngx-datatable.scroll-horz .datatable-body{
       /* max-height:  calc(100vh - 465px - var(--upper-div-height)) !important */
       max-height: calc(100vh - 450px - (var(--filter-height)) - (var(--header-height)) - (var( --firstNtier))) !important;

    }
}
div#dashbaordFlexschema .ngx-datatable.max-2-rec.height-unst .datatable-body {
    max-height: 300px !important;
    /* width: fit-content !important; */
}

div#dashbaordFlexschema app-boilerplate-text-qualifier .ngx-datatable.max-2-rec.height-unst .datatable-body {
    max-height: 100px !important;
    /* width: fit-content !important; */
}

app-training-design .model_table .tabs-related .tabs ul.nav-tabs {
    /* padding-bottom: 1px !important; */
    /* background-color: #605f5f; */
    background: #fbfbfb !important;
    border-bottom: 3px solid #dedbdb;
    align-items: baseline;
}
.vert-col .multiselect-dropdown .multiselect-place{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ang-nav.ang-nav-tabs .ang-tab-right-section .ang-filter span, .filter-control-span .heading {
    display: inline-flex;
    padding: 0 0px;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-cell-white-box{
    color: #333;
        }
        app-trigger-qualifier datatable-row-wrapper:last-child datatable-body-row{
            overflow: hidden;
        }
        app-trigger-qualifier datatable-row-wrapper:first-child datatable-body-row{
            overflow: visible;
        }
        .datatable-first-column-row{
            position: relative;
        }
        .datatable-first-column-row::after{
            content: "";
            position: absolute;
            height: calc(100% + 2px);
            border-left: 1px solid #ccc;
            top: 0;
            width: 95px;
            right: 0;
            background-color: white;
            z-index: -1;
          }
          .qualifiers .conjuc-select .multiselect-dropdown .dropdown-btn {
            width: 70px !important;
          }
          app-custom-row-filter .filter-abbr .multiselect-dropdown .dropdown-btn{
            width:100% !important;
            background-color: #eceeef !important;
            color: #555 !important;
            min-width: fit-content;
            /* border-left: none !important;
    border-radius: 0px 5px 5px 0px  !important; */
          }

          app-custom-row-filter .filter-abbr .multiselect-dropdown{
            padding-top: 0 !important;
          }

          .abb-box > .row:last-child .sm-input.w-max span{
            border-radius: 0 !important;
              }
              .flex-currency .form-control .fa.text-muted, .sm-input .form-control .text-muted{
                font-size: 12px;
                color: #999999 !important;
              }

              .dashboard-content.display-flex .dropdown .row.w-100.no-margin {
                margin-left: 0px;
            }
            /* 4664 */
         app-render-engine-edit .dashboard-flexschema.sidebar-visible .dashboard-content,app-render-engine-create .dashboard-flexschema.sidebar-visible .dashboard-content{
            width: calc(100vw - 60px);
          }

          @media only screen and (min-width: 1360px) {
            .mx-trigger{
                overflow: hidden auto; max-height : calc(100vh - 175px)
            }
          }
          .unit-disabled .dropdown-btn{
            pointer-events: none !important;
          }

          app-custom-row-filter .sm-input .multiselect-place {
            color: #acacac;
          }

app-setup-qualifier .filter-abbr .multiselect-dropdown .dropdown-btn{
    width: fit-content !important;
    background-color: #eceeef !important;
    color: #555 !important;
    border-left: none !important;
    border-radius: 0px 5px 5px 0px  !important;
}
app-setup-qualifier .filter-abbr .multiselect-dropdown{
    padding-top: 0 !important;
}
.color_pointer_event_standard_schedule{
    color:#ccc !important;
}
.color_pointer_event_standard_schedule:hover{
    cursor: default;
    color:#ccc !important;
    text-shadow: none;
}
          app-training-material .datatable-body::-webkit-scrollbar, app-training-material .datatable-body::-webkit-scrollbar-thumb, app-training-material .datatable-body::-webkit-scrollbar-track, app-training-classification .trn-classfication-empty .datatable-body::-webkit-scrollbar, app-training-classification .trn-classfication-empty .datatable-body::-webkit-scrollbar-thumb, app-training-classification .trn-classfication-empty .datatable-body::-webkit-scrollbar-track {
            width: 0px;

            /* background-color: white; */
          }

          .model_table .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell span.classification-active,
          .model_table .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell span.user-active {
            color: #205C98 !important;
          }

          .model_table .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell span.classification-archive,
          .model_table .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell span.user-archive {
            color: red !important;
          }

/*
          app-training-classification .ngx-datatable .datatable-header, app-training-classification .ngx-datatable .datatable-body {
            overflow: visible !important;
          } */
          /* app-training-classification .ngx-datatable {
            overflow: auto;
          } */

          /* app-training-classification .ngx-datatable::-webkit-scrollbar {
            width: 0px;
          }

          app-training-classification .ngx-datatable::-webkit-scrollbar {
            height: 12px;
          } */

/*
          .custom-scrollbar::-webkit-scrollbar-thumb {
            background-color: #888;
            border-radius: 6px;
          }

          .custom-scrollbar::-webkit-scrollbar-track {
            background-color: #f1f1f1;
          } */
          div#dashbaordFlexschema .training-module .ngx-datatable .datatable-body {
          max-height:  calc(100vh - 550px - (var(--filter-height))) !important;
          border-bottom: none;
          }
          /* div#dashbaordFlexschema app-training-user .training-module .ngx-datatable .datatable-body {
          max-height:  calc(100vh - 477px - (var(--filter-height))) !important;
          } */

          app-training-classification .ngx-datatable .datatable-body::-webkit-scrollbar-thumb {
            background-color: #c1c1c1;
          }
          app-training-classification .ngx-datatable .datatable-body::-webkit-scrollbar-thumb:hover {
            background-color: #ABABAB;
          }
          /* app-training-classification .ngx-datatable .datatable-body::-webkit-scrollbar {
            height: 22px;
          } */

          app-training-classification .ngx-datatable .datatable-body::-webkit-scrollbar-track {
            background-color: #f1f1f1;
          }
          /* app-training-classification ngx-datatable.static-width, app-training-classification ngx-datatable.static-width .datatable-header-inner, app-training-user ngx-datatable.user-datatable, app-training-user ngx-datatable.user-datatable .datatable-header-inner{
           width: fit-content !important;
           max-width: unset !important;
          } */

          div#dashbaordFlexschema app-company-person .ngx-datatable.scroll-horz .datatable-body {
            max-height: calc(100vh - 635px) !important;
        }
        /* app-custom-row-filter .filter-abbr.full-width .multiselect-dropdown .dropdown-btn{
            width: 100% !important;
          } */
          app-custom-row-filter dp-date-picker input {
            max-width: unset !important;
          }

          /* app-custom-row-filter .filter-control-span.width-unset ng-multiselect-dropdown #multiselect .dropdown-btn { */
            /* max-width: unset !important;
            width: 100% !important; */
          /* } */

          app-custom-row-filter .w-100 input, .w-100 select {
            border-right: none;
          }

          app-custom-row-filter .filteration .filter-control-span select.border-left-0, app-custom-row-filter .filteration .filter-control-span input.border-left-0 {
            border-radius: 0 !important;
          }
          app-custom-row-filter .filteration .filter-control-span select.border-left-0.reset, app-custom-row-filter .filteration .filter-control-span input.border-left-0.reset {
            border-radius: 4px 0 0 4px !important;
          }
          app-custom-row-filter .filteration .filter-control-span .border-left-0 .multiselect-dropdown .dropdown-btn {
            border-radius: 0 4px 4px 0 !important;
          }
          app-mrv-list .w-100 input, .w-100 select {
            border-right: 1px solid #ced4da;
          }

          /* div#dashbaordFlexschema app-automation-model-property .ngx-datatable.scroll-horz .datatable-body {
            overflow: hidden !important;
        } */
        span.tooltiptext {
            padding: 5px;
        }
        .base-icons,.base-filter{
            display: flex;
            align-items: center;
            margin: 0 5px;
        }
          .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .status{
            color: #333;
          }
          app-horizontal-carete .date-picker .dp-material .dp-picker-input {
            /* height: 100% !important; */
            position : relative;
        }
          .row .col-sm-12 .tabs-related .nav-tabs:empty{
            display: none;
          }
        app-training-design .dropdown-btn .multiselect-place {
            height: fit-content;
        }
        .up-resizing-box .ngx-datatable{
            margin-top: 0 !important;
        }
          .min-270{
            min-width: 350px;
            max-width: 557px;
          }
          .white-cell{
            background-color: white;
            position: relative;
            color: #333;
            text-align: center;
          }
          datatable-body-cell.datatable-body-cell.white-cell::after{
            position: absolute;
            top: 96%;
            width: 100%;
            background: white;
            content: '';
            height: 10px;
            left: 0;
          }
          .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.white-cell .datatable-body-cell-label span.conj-value-odd{
            margin-top: -24px;
            display: block;
          }
          .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.white-cell .datatable-body-cell-label span.conj-value-even{
            margin-top: -30px;
            display: block;

          }
          .hyperlink-control{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            background-color: #eceeef;
          }
          /* white-cell-even */
          .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover a.hyperlink {
            color: var(--bs-link-color);

        }
.picklistscroll.boilerplate.ngx-datatable .datatable-body {
    max-height: calc(100vh - 689px) !important;
}
.picklistscroll.text-list.ngx-datatable .datatable-body {
    max-height: calc(100vh - 840px) !important;
}
app-boilerplate-text-cv-and-srv app-boilerplate-text-value .picklistscroll.ngx-datatable .datatable-body {
    max-height: calc(100vh - 512px);
    overflow: hidden auto !important;
}
app-picklist-edit .scrolBH .ngx-datatable .datatable-body {
    max-height: calc(100vh - 700px);
}
#myDivMainSRV{
    max-height: calc(100vh - 210px - 213px - var(--single-row-height));
}
app-horizontal-carete #myDivMainSRV.full-height{
    max-height: calc(100vh - 300px) !important;
}
.nTier-reset{
  max-height: 100% !important;
  display: none !important;
}
.IsForm .multiselect-dropdown .dropdown-btn{
    /* padding: 15px !important; */
    /* position: relative; */
    /* left: 0; */
    /* top: 0; */
    /* opacity: 0; */
    /* height: 0; */
    padding: 15px 15px 15.5px !important ;
    /* width: 0; */
    background: #3b8fb5 !important;
    color: white !important;
    border: none !important;
    font-size: 16px;
    border-radius: 0 !important;

}
.IsForm .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret{
    transition: transform 0.1ms ease !important;
}


.IsForm .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret::before{
    /* right: 4px; */
    width: 10px;
    height: 10px;
    border: 1px solid;
    border-width: 0 1px 1px 0 !important;
    transform:rotate(45deg) translate(-10px, -2px ) !important;
    left: 9px;
    position: relative !important;
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
   border-color: white !important;
   transition: transform 0.1ms ease !important;
}
.IsForm .multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret::before
{transform: rotate(225deg) translate(11px,-13px) !important;
    border-width: 1px 0px 0px 1px !important;
}

app-horizontal-carete .value-text {
  line-height:20px;
  /* text-decoration: underline double !important;q */
}
.modal .modal-body .ngx-datatable .datatable-footer .datatable-footer-inner-RE{
  position: relative;
}
.currency-dropdown-absolute .multiselect-dropdown .dropdown-btn{
    border-radius:0 4px 4px 0px !important;
}
.multiselect-component-list.disabled:hover{
    background-color: transparent !important;
}
.setheight .dropdown-btn {
    height : 30px;
  }

/* sidecar scroll set */
div#dashbaordFlexschema .dashboard-sidebar .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 340px - (var(--filter-height)) - (var(--sidecar-header)) - (var(--header-height))) !important;
}
.dashboard-sidebar .ngx-datatable .datatable-footer .datatable-footer-inner-RE{
    position: relative !important;
}.ellipses-dropdown.ntier , .ntier_tab_list{
    max-height: calc(100vh - var(--nTire_top) - 110px) !important;
}
.Form_Ntier_srv_cv{
    max-height: calc(100vh - var(--nTire_top_form) - 110px) !important;
}

/* Sidecar RE styling */
.dashboard-flexschema .dashboard-sidebar .sidebar-content {
    overflow-x: auto
}

.random-nav-tab {
    padding: 5px 10px 10px;
    white-space: nowrap;
}
/* Setting width of sidecar column */
.sidecar-table.ngx-datatable.material .datatable-body .datatable-body-row .datatable-row-group .datatable-body-cell:first-child,
.sidecar-table.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell:first-child {
    min-width: 60px !important;
    /* width: 60px !important; */
}
.disablePlus{
    cursor: none;
    opacity: 0.5;
    pointer-events: none;
  }.dashboard-list-table.ngx-datatable.material{
    margin:0  !important
}
.dashboard-list-table .datatable-body{
    max-height: 230px;
}
app-dashboard .modal.restore-modal .ngx-datatable .datatable-body {
overflow: hidden !important;
}
div#dashbaordFlexschema .dashboard .modal .ngx-datatable.scroll-horz .datatable-body{
  max-height:   calc(100vh - 305px - (var(--popup-filter-height))) !important
}
div#dashbaordFlexschema .data-chart-table.ngx-datatable.scroll-horz .datatable-body{
    max-height:   200px !important;
  }
.tooltiptext.printout {
    background: white;
    text-align: left;
    position: fixed;
    z-index: 9999;
    border: 1px solid;
    color: #333;
    padding: 5px;
    font-family: sans-serif;
    border-radius: 0;
    line-height: normal;
    word-spacing: 2px;
}
.tooltip-ag.b-none {
    border: none;
}

app-pick-list-create .center-block ng-multiselect-dropdown.pick-list .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item .value-text{
    color: #212529 !important;
  }


app-custom-row-filter int-phone-prefix form input, app-custom-row-filter int-phone-prefix .country-dial-code, app-custom-row-filter int-phone-prefix .country-phone-number{
    height: 27px !important;
}
app-custom-row-filter int-phone-prefix .input-group-addon .mt-2 , app-custom-row-filter int-phone-prefix .dropdown{
    margin-top: 0.3rem !important;
 }

app-custom-row-filter int-phone-prefix form.w-100{
    margin-block-end:0
  }
  app-custom-row-filter int-phone-prefix  .flag-scroll-img{
    height: 16px !important;
  }

  dp-date-picker.dp-material {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px ;
    overflow: hidden;
  }
  .currency-dropdown-absolute .multiselect-dropdown .dropdown-btn{
    border-radius:0 4px 4px 0px !important;
}
.multiselect-component-list.disabled:hover{
    background-color: transparent !important;
}
.setheight .dropdown-btn {
    height : 30px;
  }

/* sidecar scroll set */
div#dashbaordFlexschema .dashboard-sidebar .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 340px - (var(--filter-height)) - (var(--sidecar-header)) - (var(--header-height))) !important;
}
.dashboard-sidebar .ngx-datatable .datatable-footer .datatable-footer-inner-RE{
    position: relative !important;
}.ellipses-dropdown.ntier , .ntier_tab_list{
    max-height: calc(100vh - var(--nTire_top) - 110px) !important;
}
.Form_Ntier_srv_cv{
    max-height: calc(100vh - var(--nTire_top_form) - 110px) !important;
}

/* Sidecar RE styling */
.dashboard-flexschema .dashboard-sidebar .sidebar-content {
    overflow-x: auto
}

.random-nav-tab {
    padding: 5px 10px 10px;
    white-space: nowrap;
}
/* Setting width of sidecar column */
.sidecar-table.ngx-datatable.material .datatable-body .datatable-body-row .datatable-row-group .datatable-body-cell:first-child,
.sidecar-table.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell:first-child {
    min-width: 60px !important;
    /* width: 60px !important; */
}
.dashboard-list-table.ngx-datatable.material{
    margin:0  !important
}
.dashboard-list-table .datatable-body{
    max-height: 230px;
}
app-dashboard .modal.restore-modal .ngx-datatable .datatable-body {
overflow: hidden !important;
}
div#dashbaordFlexschema .dashboard .modal .ngx-datatable.scroll-horz .datatable-body{
  max-height:   calc(100vh - 305px - (var(--popup-filter-height))) !important
}
div#dashbaordFlexschema .data-chart-table.ngx-datatable.scroll-horz .datatable-body{
    max-height:   200px !important;
  }
.tooltiptext.printout {
    background: white;
    text-align: left;
    position: fixed;
    z-index: 9999;
    border: 1px solid;
    color: #333;
    padding: 5px;
    font-family: sans-serif;
    border-radius: 0;
    line-height: normal;
    word-spacing: 2px;
}
.tooltip-ag.b-none {
    border: none;
}

app-pick-list-create .center-block ng-multiselect-dropdown.pick-list .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item .value-text{
    color: #212529 !important;
  }


app-custom-row-filter int-phone-prefix form input, app-custom-row-filter int-phone-prefix .country-dial-code, app-custom-row-filter int-phone-prefix .country-phone-number{
    height: 27px !important;
}
app-custom-row-filter int-phone-prefix .input-group-addon .mt-2 , app-custom-row-filter int-phone-prefix .dropdown{
    margin-top: 0.3rem !important;
 }

app-custom-row-filter int-phone-prefix form.w-100{
    margin-block-end:0
  }
  app-custom-row-filter int-phone-prefix  .flag-scroll-img{
    height: 16px !important;
  }
  dp-date-picker.dp-material {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }.currency-dropdown-absolute .multiselect-dropdown .dropdown-btn{
    border-radius:0 4px 4px 0px !important;
}
.multiselect-component-list.disabled:hover{
    background-color: transparent !important;
}
.setheight .dropdown-btn {
    height : 30px;
  }

/* sidecar scroll set */
div#dashbaordFlexschema .dashboard-sidebar .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 340px - (var(--filter-height)) - (var(--sidecar-header)) - (var(--header-height))) !important;
}
.dashboard-sidebar .ngx-datatable .datatable-footer .datatable-footer-inner-RE{
    position: relative !important;
}.ellipses-dropdown.ntier , .ntier_tab_list{
    max-height: calc(100vh - var(--nTire_top_dropdown) - 110px) !important;
}
.Form_Ntier_srv_cv{
    max-height: calc(100vh - var(--nTire_top_form) - 110px) !important;
}

/* Sidecar RE styling */
.dashboard-flexschema .dashboard-sidebar .sidebar-content {
    overflow-x: auto
}

.random-nav-tab {
    padding: 5px 10px 10px;
    white-space: nowrap;
}
/* Setting width of sidecar column */
.sidecar-table.ngx-datatable.material .datatable-body .datatable-body-row .datatable-row-group .datatable-body-cell:first-child,
.sidecar-table.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell:first-child {
    min-width: 60px !important;
    /* width: 60px !important; */
}
.dashboard-list-table.ngx-datatable.material{
    margin:0  !important
}
.dashboard-list-table .datatable-body{
    max-height: 230px;
}
app-dashboard .modal.restore-modal .ngx-datatable .datatable-body {
overflow: hidden !important;
}
div#dashbaordFlexschema .dashboard .modal .ngx-datatable.scroll-horz .datatable-body{
  max-height:   calc(100vh - 305px - (var(--popup-filter-height))) !important
}
div#dashbaordFlexschema .data-chart-table.ngx-datatable.scroll-horz .datatable-body{
    max-height:   200px !important;
  }
.tooltiptext.printout {
    background: white;
    text-align: left;
    position: fixed;
    z-index: 9999;
    border: 1px solid;
    color: #333;
    padding: 5px;
    font-family: sans-serif;
    border-radius: 0;
    line-height: normal;
    word-spacing: 2px;
}
.tooltip-ag.b-none {
    border: none;
}

app-pick-list-create .center-block ng-multiselect-dropdown.pick-list .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item .value-text{
    color: #212529 !important;
  }


app-custom-row-filter int-phone-prefix form input, app-custom-row-filter int-phone-prefix .country-dial-code, app-custom-row-filter int-phone-prefix .country-phone-number{
    height: 27px !important;
}
app-custom-row-filter int-phone-prefix .input-group-addon .mt-2 , app-custom-row-filter int-phone-prefix .dropdown{
    margin-top: 0.3rem !important;
 }

app-custom-row-filter int-phone-prefix form.w-100{
    margin-block-end:0
  }
  app-custom-row-filter int-phone-prefix  .flag-scroll-img{
    height: 16px !important;
  }

.nav-border {
    margin:0 0px 0 20px;
    border-left:0px !important;
    border-top:1px solid rgb(187, 187, 187) !important;
    border-right:1px solid rgb(187, 187, 187) !important;
    border-bottom:1px solid rgb(187, 187, 187) !important;
    width: calc(100vw - 60px) !important;
  }
input::placeholder, dp-date-picker.dp-material .dp-picker-input::placeholder , textarea::placeholder{
  color: #6c757d;
  font-style: normal;
  text-decoration: none  !important;
  font-weight: normal !important;
  position: absolute;
}
/*
.formview-box:hover .item.property-box,
.view-properties:hover .item.property-box{
    background-color: #3b8fb5  !important;
    color: white;
} */
.formview-box .item.property-box,
.view-properties .view-property-form:hover .item.property-box{
    background-color: #3b8fb5  !important;
    color: white;
}
  .dropdown.drop-bottom-right-set-list ul.dropdown-menu:after {
    content: "";
    border-right: unset;
    left:unset;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #adadad;
    position: absolute;
    top: unset;
    bottom: 1px;
    right: -10px;
    z-index: 9;
}
.dropdown.drop-bottom-set-list ul.dropdown-menu:after {
    content: "";
    /* border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #adadad; */
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #adadad;
    position: absolute;
    left: -10px;
    z-index: 9;
    top: unset;
    bottom: 1px;
}
.dropdown.drop-right-set-list ul.dropdown-menu:after {
    content: "";
    border-right: unset;
    left:unset;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #adadad;
    position: absolute;
    top: 1px;
    right: -10px;
    z-index: 9;
}
  app-printout-records-grid barcode svg {
    max-width: 100%;
    width: 100%;
    height: auto;
}

  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .toggle-option.small {
    background: #fff;
    color: #3b8fb5;
  }
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .toggle-option.small .toggle-slider {
    background: black;
  }
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .ll-label {
    color: #fff;
  }
  .date-cal .custom-view .date {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    }.pl-22{
    padding-left: 22px !important;
    overflow: hidden;
}

.file-version .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.p-0-b, .file-amendment .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell.p-0-b{
    padding: 0 ;
    padding-bottom: 0.7rem;
}
.form-control[style="font-family: var(--bs-body-font-family) !important; font-size: 14px !important; text-decoration: underline double !important;"] {
    /* line-height: 3.1 !important; */
    height: 36px;
}
app-action-property-setup div#dashbaordFlexschema .isActiveAnalyticsAdditionalData .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 575px) !important;
    overflow: auto;
}
.date-cal .custom-view .date {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
}
.row.resize-active.resize-ghost-element{
    left: 0 !important;
}
.disabledColor .combobox .input-group-text {
    background-color: #eee !important;
    cursor: not-allowed !important;
    pointer-events: none;
}
.row.resize-active.resize-ghost-element{
    left: 0 !important;
}

.doubleLine  {
  align-items: stretch !important;
}

.dp-material .dp-picker-input {
  /* height: unset !important; */
  padding: 7px 6px;
}

app-file-mrv .dp-material .dp-picker-input {
  padding: 7px 6px;
  height: 100% !important;
}

/* app-vertical-create-edit input {
  line-height: 20px !important;
  padding: 8px 0px 8px 10px !important;
} */


app-dashboard-view .mrv-dashlet.multiselect-dropdown .dropdown-btn {
    height: 30px;
}

 div#dashbaordFlexschema app-dashboard .ngx-datatable.scroll-horz .datatable-body {
    flex-grow: 1;
    max-height: 260px !important;
    overflow: auto !important;
}

.date-time-soe{
    background-color: #ffffff;
}
.date-time-soe.soe-empty{
    color: #acacac ;
}
dp-date-picker.disabledColor .date-time-soe{
    background-color: #eee;
}
dp-date-picker.disabledColor .date-time-soe.soe-empty{
    color: #acacac !important
}
.dp-material .dp-picker-input::placeholder{
    color: #acacac !important;
}
view-property-recursive .fa-trash{
    font-size: 17px !important;
  }

div [dir="ltr"]{
  width:100%;
}


.clicked {
    color:#3B8EB5 !important;
}
.link-bar{
    position: relative;
}
.mb-20{
    margin-bottom: 20px;
}
.checked-block .vert-col .blue-border .item{ 
    border-left: 1px solid #3b8fb5 !important;
}
.checked-block .vert-col .blue-border .item:first-child{ 
    border-left: 1px solid transparent !important;
}
.barcode-scanner-layout .form-control .fa.text-muted {
    font-size: 12px;
    color: #999999 !important;
  }

  input.bd-radius {
    border-radius: 5px !important;
  }

app-custom-row-filter dp-date-picker app-custom-date-time .colBox input, app-custom-row-filter dp-date-picker app-custom-date-time .colBox .dropdown-toggle.btn{
    height: 29px  !important;
}

.input-group.combobox.date-time-box select {
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
}
/* to set multiselect in 2nd column of table*/
.ngx-datatable.material .datatable-body .datatable-row-left{
    position: sticky;
    left: 0;
    transform: none !important;
    backface-visibility:unset
}

app-dashboard-cv-srv-view ng-multiselect-dropdown .flex_hidden.wrap, app-dashboard-cv-srv-view ng-multiselect-dropdown .remaining-count, app-dashboard-cv-srv-view ng-multiselect-dropdown .multiselect-place {
    line-height: 1.7 !important;
}

app-dashboard-cv-srv-view .input {
    padding: 8px 8px !important;
    line-height: 1 !important;
}
app-dashboard-cv-srv-view .filter-textbox .input {
    padding: 0 !important;
    line-height: 1 !important;
}

.renderengine-sidecar-person{
    position: absolute;
    right: 0;    
    top: 151px;
}
.resize-handle-lefts
{
    position: absolute;
    height: 100%;
    cursor: col-resize !important;
    width: 5px;
    left: -3;
    z-index: 1;
}
app-universal-property-qualifier-main app-universal-property-qualifier-child dp-date-picker .combobox .dropdown-toggle.btn{
    height: 34px !important;
}

app-universal-property-qualifier-main app-universal-property-qualifier-child dp-date-picker .combobox.date-time-box input{
    height: 100% !important;
}
.max-view-width:nth-child(1){
    max-width: calc(100vw - 300px)
}
.nav-border.column-view-nav{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.ntier-cv-2{
    max-height: calc(100vh - 650px);
    overflow: hidden auto;
    min-height: 170px;
}
.ntier-cv-3{
    max-height: calc(100vh - 600px);
    min-height: 170px;
    overflow: hidden auto;
}

.ntier-cv-2 .main-form-container{
    max-height: 100% !important;
}
app-custom-row-filter dp-date-picker app-custom-date-time  .combobox select.form-select{
    padding: 0.1rem 1.6rem 0.1rem 0.5rem  !important;
}

app-custom-row-filter dp-date-picker {
    height: 29.3px;
    overflow: hidden;
}
.ntier-cv-2 .fullscreen{
    overflow: visible !important;
}
.ntier-cv-2 .form-section{
    width: calc(100vw - 46px) !important;
}

.ngx-datatable.material .datatable-body .active-mselect .datatable-row-group.datatable-row-left{
    z-index: 10;
}


app-person-company-edit .ngx-datatable.scroll-horz .datatable-body, app-company-person .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 580px) !important;
}

div#dashbaordFlexschema app-company-create app-company-person-create .ngx-datatable.scroll-horz .datatable-body,div#dashbaordFlexschema app-person-create app-person-company-create .ngx-datatable.scroll-horz .datatable-body  {
    max-height: calc(100vh - 580px) !important;
}

/* app-trigger-qualifier datatable-body, app-universal-qualifier-child datatable-body, app-analytics-query datatable-body {
overflow: hidden !important;

} */

.qualifier-max-width{
    max-width: calc(100vw - 60px); 
    margin-left: 20px;
}
.pointer-none a,
.pointer-none li,
.pointer-none span,
.pointer-none input,
.pointer-none label,
.pointer-none textarea,
.pointer-none .multiselect-dropdown,
.pointer-none ng-multiselect-dropdown,
.pointer-none .datatable-body .datatable-body-cell,
.pointer-none .datatable-header .datatable-header-cell
{
pointer-events: none !important;
}
.pointer-none .popup-container.sidecar{
    pointer-events: all !important;
}
.pointer-none .datatable-body{
    pointer-events: auto !important;
}
.tabs-design{
    width: calc(100vw - 60px);
    margin-left: 20px;
}

app-dashboard-mrv-list mwl-calendar-week-view mwl-calendar-week-view-header {
    position: sticky;
    top: 0;
    display: block;
    z-index: 1; 
}
app-mrv-list angular-editor.specific-case.automation-text-editor .angular-editor .angular-editor-wrapper .angular-editor-textarea, app-unit-mrv angular-editor .angular-editor-textarea,app-unit-mrv .panel-body angular-editor.automation-text-editor .angular-editor .angular-editor-wrapper .angular-editor-textarea{
    resize: none !important;
    min-height: 35px !important;
    height: auto !important;
    padding: 0.3rem 1.2rem 0.3rem .8rem !important;
}

.ntierViews app-horizontal-carete .main-form-container {
    max-height: calc(100vh - 340px - var(--ntier-cv-2-height)) !important;
 }
.no-focus{
    border: none;
    
    position: absolute;
    background: transparent;
    left: 0;
    width: inherit;
    height: inherit;
}
.no-focus:hover{
    cursor: default;
}
.no-focus:focus{
    outline: none;
    border: none;
    box-shadow: none;
    color: transparent;
}

.cdk-drag.resize-active.resize-ghost-element {
    z-index: -1;
}
.height-fix{
    overflow: hidden auto;
}
.height-fix app-horizontal-carete .fullscreen[style="overflow: hidden auto;"] {
    overflow: visible !important;

}
app-resizable-draggable angular-editor.automation-text-editor .angular-editor .angular-editor-wrapper .angular-editor-textarea{
    min-height: 40px !important;
}
app-resizable-draggable .editor-field angular-editor.automation-text-editor .angular-editor{
    min-width: 155px !important;
}
app-unit-mrv .ngx-datatable .datatable-body-cell, .ngx-datatable .datatable-header-cell span{
    word-break: keep-all !important;    
}

app-unit-mrv .ngx-datatable.scrollBarH .datatable-body {
    overflow: hidden auto !important;
}

div#dashbaordFlexschema app-standard-schedule-edit app-email-notic .ngx-datatable.scroll-horz.personCompanyCV .datatable-body{
    max-height: calc(100vh - 620px) !important;
}
/* Seting z-index on this property affect functionality in multiselect of first column */
/* .ngx-datatable .datatable-body .datatable-row-group.datatable-row-left {
    z-index: 2;
} */
app-vertical-releted-create-edit .dp-material .dp-picker-input{
    height: 100% !important;
}
app-resizable-draggable angular-editor.automation-text-editor .angular-editor .angular-editor-wrapper .angular-editor-textarea{
    min-height: 40px !important;
}
app-resizable-draggable .editor-field angular-editor.automation-text-editor .angular-editor{
    min-width: 155px !important;
}

.renderengine-sidecar-persons  .modal-content{
    top: 151px;
    max-height: calc(100vh - 151px);
    border-radius: 0;
}
.popup-container.sidecar{
    /* height: calc(100vh - 151px); */
    top: unset;
    bottom: 0;
    left: unset;
    right: 0;
    max-width: 80vw;
    width: 50vw;
    box-shadow: none;
}
.w-100vw{
    width: calc(100vw - 60px);
}
.full-w-checkbox{
    position: relative;
}
.full-w-checkbox input{
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left: 0;
}
.checkMark:after{
    content: '';
    position: absolute;
    display: none;
}
.full-w-checkbox .checkMark{
    height: inherit;
    width: inherit;
    position: absolute;
    top: -1.5px;
    left: -1.5px;
    background-color: #D2D2D2;
    border-radius: 3px;
}
.full-w-checkbox input[title="Checked"] ~ .checkMark{
background-color: #D2D2D2;
}
.full-w-checkbox input[title="Checked"] ~ .checkMark:after
{
    display: block;
}

.full-w-checkbox .checkMark:after{
left: 50%;
top: 50%;
width: 5px;
height:10px;
border: solid black;
border-width: 0 3px 3px 0;
transform:rotate(45deg) translate(-50%, -50%);
}
div#dashbaordFlexschema app-universal-qualifier-child .ngx-datatable.scroll-horz {
    .datatable-body{
    max-height: 100% !important;
    overflow: hidden  !important;
    }
    &.overflow-auto{
        .datatable-body{
        max-height: 100% !important;
        overflow: auto hidden  !important  ;}
    }
}
.dropdown-list.boilerplateText ul li.multiselect-item-checkbox div {
    white-space: normal !important;

}
.automation-text-editor.max-h .angular-editor .angular-editor-wrapper .angular-editor-textarea{
    /* height: 37px !important; */
    min-height: 37px !important;
}
.boilerplateText ul li.multiselect-item-checkbox input[type=checkbox] + div:before,
.boilerplateText ul li.multiselect-item-checkbox input[type=checkbox] + div:after {
   top: 9px !important;
}
.boilerplateText ul:first-child li.multiselect-item-checkbox input[type=checkbox] + div:before,
.boilerplateText ul:first-child li.multiselect-item-checkbox input[type=checkbox] + div:after {
   top: 50% !important;
}
.w100vw{
    width: 100vw;
}
.model_table .dot_line li li{
    border-bottom: none;
}
.model_table app-boilerplate-text-value  .text ul{
    padding-left: 2rem;
}
.model_table app-boilerplate-text-list-value .datatable-body{
    max-height: calc(100vh - 500px) !important;
}
.model_table app-boilerplate-text-list-value  .text ul{
    padding-left: 2rem;
}
.semi-colon{
    height: 20px;
}
.w100vw{
    width: 100vw;
}
app-render-engine-create app-horizontal-carete .main-form-container{
     max-height: 100% !important;
}
app-pick-list-view-property-edit .ngx-datatable#MWC157 .datatable-body {
    overflow: hidden auto !important;
}
app-render-engine-edit #resizableElement app-calender-view .calender-view-scroll{
    max-height: calc(100vh - 325px - var(--upper-div-height) - var(--filter-height) - var(--header-height)) !important;
}


.absolute .fa{
    position: absolute;
    top: 0;
    right: 0;
}
.form-control.dp-material.errorsShow .errorsShow{
    border-width: 0 0 0 1px !important;
}

app-pick-list .ngx-datatable.material .datatable-body .datatable-body-row .datatable-row-group.datatable-row-left .datatable-body-cell.overlaping.sort-active {
    overflow: visible;
}

.active-tab {
    background: #3786D5;
    border-color: #3786D5;
}


.popup-date-picker {
    height: fit-content;     
    background: #fff;     
    position: absolute;     
    width: fit-content !important;     
    top: 112px;     
    top: 112px;     
    box-shadow: 6px 7px 73px 0px rgba(0,0,0,0.16);
}

/* app-mrv-list .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell span , app-vertical-create-edit .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell span { */
.showtruncatedText {
    word-break: break-word !important;
    /* white-space: nowrap !important; */
    overflow: hidden;
    display: block !important;
    text-overflow: ellipsis;
}


/* .tooltip {
    position : absolute;
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    max-height: 100px;
    overflow: auto;
    white-space: nowrap;
    pointer-events: none;
    z-index: 1000;
} */
.tooltip-ag {
    max-height: 50px !important;
    overflow: auto !important;
}
.custom-tooltip-boilerplate{
    box-shadow:0 7px 15px -5px #00000014;
    max-width: 377.95px;
    padding: 5px 6px;
    position: fixed;
    z-index: 1000;
    display: block;
    transition: opacity 0.3s ;
    color: black;
    background-color: white;
    border-radius: 0;
    font-size: 15px;
    border: 1px solid #000;
    max-height:377.95px !important;
    overflow-y: auto !important;
    pointer-events: all !important;
    opacity: 0;
    line-height: 1.2;
    /* top: 1000px;
    left: 1000px; */
    white-space: normal !important;
    word-break: break-word !important;
    height: max-content;
    width: max-content;
  }
  /* .custom-tooltip-boilerplate span{
    white-space: normal !important;
    word-break: break-word !important;
  } */
  .custom-tooltip-boilerplate.show{
    opacity: 1;
  }
app-record-audit-log-list .model_table .datatable-body-cell-label li .custom-tooltip-boilerplate li, 
app-user-session-edit .model_table .datatable-body-cell-label li .custom-tooltip-boilerplate li, 
app-record-audit-log-child-list .model_table .datatable-body-cell-label li .custom-tooltip-boilerplate li{
display: list-item;
max-height: unset;
height: unset;
list-style: unset;
}
.numberSOEWidth {
  display: flex ;
  width: max-content !important;
  max-width: 300px;
}
.LinkDisabled{
   filter: grayscale(1) brightness(120%) contrast(185%);
}
.remaining-count .custom-tooltip-boilerplate{
    text-align: initial;
}
ngx-datatable datatable-body-row:hover .showtruncatedText{
color: black;
}
input.br-4,
    span.br-4,
        div.br-4{
    border-radius: 5px !important;
    overflow: hidden;
   border-right: 1px solid #ccc
}
angular-editor.automation-text-editor.text-editor-disabled  .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    background-color: #eee !important;
}
.table-box{

    border: 1px solid #ccc;
    border-radius: 5px;
}
.custom-table{
    border-collapse: separate;
    border-spacing: 0px;
}
.custom-table th,
    .custom-table td{
border: 1px solid #bbbbbb;
padding: 0.7rem 0.8rem;
border-width: 1px 0px 0px 1px;
font-size: 14px;
}
.custom-table tr:nth-child(odd) td{
background-color: #eee
}
.custom-table th{
    color: #707070;
}
.custom-table td{
    color: #333333;
}
.custom-table .thead{
 border-bottom:   1px solid #bbbbbb;
}
.custom-table tr:hover td {
    background-color: #3786D5;
    color: white;
}
.boiler-actionbar.active{
    color: #3786D5;
    border-bottom: 3px solid #3786D5;
}
.custom-table tr td:nth-child(1){
   /* max-width: 65px; */
   width: 20px;
}
.custom-table th:nth-child(1) {
    border-top-left-radius: 5px;
}

.custom-table th:nth-child(2) {
    border-top-right-radius: 5px;
}

.custom-table tr:last-of-type td:nth-child(2) {
    border-bottom-right-radius: 5px;
}

.custom-table tr:last-of-type td:nth-child(1) {
    border-bottom-left-radius: 5px;
}

.custom-table tr:last-of-type td {
    border-bottom: 1px solid #ccc;
}

.custom-table th:nth-child(2),
.custom-table td:nth-child(2) {
    border-right: 1px solid #ccc;

}
.column-view-row.row > div{
  max-width: calc(100% - 180px);
}
.model_table .dot_line .custom-tooltip-boilerplate li:after {
    content: ".";
    visibility: hidden;
    display: none;
}





span.custom-tooltip-boilerplate.show ul {
    padding-inline-start: 20px;
overflow-y: auto !important;
text-overflow: unset;
-webkit-line-clamp: 1;
word-break: break-word !important;
}
.border-r-5{
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 0.5px;
}
.border-r-5 input,
    .border-r-5 div,
        .border-r-5 span{
    border-radius: 0 !important;
}
.ngx-datatable.material .datatable-body-row:hover .border-r-5{
    border-radius: 5px;
}
div.form-control input:disabled{
    color: #acacac !important;
}
.tooltip-ag.full-width{
    max-width: 65vw;
}

.text-rich-editor-content .angular-editor .angular-editor-wrapper .angular-editor-textarea {
    min-height: 0px !important;
    margin: 0;
    background-color: white !important ;
}

.clone-text-rich {
  width:450px !important;
}
.angular-editor-wrapper.show-placeholder {
    overflow: hidden;
}

.transparent {
    color: transparent !important;
}
.fw-bolder.glycolor{
    &:before{
        font-weight: 900 !important;
    }
}
.help-text {
    font-size: 17px;
    margin: 0 5px;
    /* background-color: white; */
    cursor: pointer;
    color: #707070 !important;
}
.display-name-column {
    border-left: 1px solid #d2d3d3;
    display:flex;
}
app-training-material {
    .ngx-datatable{
        &::after{
            content: "";
            display: block;
            height: 1px;
            width: 100%;
            background-color: #bbbbbb;
            position: absolute;
            bottom: 18px;
            @media screen and (max-width: 1800px){
                bottom: 16px;
            } 
            @media screen and (max-width: 1540px){
                bottom: 12px;
            } 
            @media screen and (max-width: 1320px){
                bottom: 8px;
            } 
           }
           &::before{
            content: "";
            display: block;
            height: 18px;
            width: 4px;
            background-color: white;
            position: absolute;
            bottom: 0;
            left: -1px;
           }
        .datatable-body{
            overflow: scroll !important;
        
            /* datatable-selection{
                border-bottom: 1px solid #bbbbbb;
            } */
        }
    }
    datatable-body-cell.datatable-body-cell.sort-active.width-text,datatable-scroller#cdk-drop-list-0{
    width: 100% !important;
    
    }
}
.trn-classfication-empty{
    .datatable-header-inner{
        div,.datatable-header-cell{
            width: inherit !important;
        }
    }
}
app-training-material {
    .training-module {
    .ngx-datatable.no-scroll{
        &::after{
            content: "";
            display: none;
           }
           &::before{
            content: "";
            display: none;
           }
        .datatable-body{
            overflow: auto !important;
            border-bottom: 1px solid #bbb !important;
        }
    }
}
}
app-action-property-setup.with-error div#dashbaordFlexschema .isActiveAnalyticsAdditionalData .ngx-datatable.scroll-horz .datatable-body {
    max-height: calc(100vh - 630px) !important;
    overflow: auto;
}
app-training-design-ntier table{
/* max-height: calc(100vh - 450px - var(--filter-height)); */
    max-height: calc(100vh - 455px);
}
.tr-max-width{
    max-width: calc(100vw - 60px); 
    margin-left: 0 !important;
    border-width: 0px 1px 3px;
}
.border-3{
    border: 3px solid #dedbdb;
}
.sticky-rows{
    position: sticky;
    top: 0;
    z-index: 19;
    background-color: white;
    padding-top: 20px;
    border-top: 0px solid white;
}
.d-name{
    left: 0;
    top: 42px;
    padding-top: 0;

}
.left-collapse-icon{
    border: 0;
    background-color: #fff !important;
    position:sticky; 
    top: 0px; 
    height: 42px !important;  
}


.hidePassword {
    -webkit-text-security: disc; 
  }
  
  .showPassword {
    -webkit-text-security: none; 
  }
.showIsDroppable {
    display: none;
  }
  
.cdk-drag-preview{
    overflow: hidden;
     .showIsDroppable {
    display: flex;
    justify-content: end;    
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 6px;
    width: max-content;
    border-radius: 5px;
    margin-left: auto;
  }
}

.custom-mattooltip {
    background-color: #fff;
    color: #000;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    max-width: 250px;
    border: 1px solid #ddd;
    position: absolute;
    z-index: 1000;
    white-space: normal !important;
    word-break: break-word !important;
    height: max-content;
    width: max-content;
}


.custom-tooltip {
    max-width: 200px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    /* padding: 5px 8px; */
    position: relative;
    pointer-events: none;
    z-index: 1000;
    display: block;
    opacity: 0;
    transition: opacity .3s;
    /* top: 0;
    left: 0; */
}

.custom-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #2d2d2d transparent transparent transparent;
}

.custom-tooltip-default {
    max-width: 200px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border: 1px solid black;
    position: relative;
    pointer-events: none;
    z-index: 1000;
    display: block;
    opacity: 0;
    transition: opacity .3s;
}
.activeButton {
    color: #3786D5 !important;
    pointer-events : auto
}
.inactiveButton {
    color: #aeaeae !important;
    pointer-events : none;
}
view-property-recursive input[type="checkbox"]{
    height: 15px;
    width: 15px;
}

.containerBoundary {
    display: flex;
}
.model_table .dot_line li.text{
    padding: 0.7rem 0.8rem;
}
.model_table .dot_line li.textClass{
    padding: 1rem 0.8rem;
}
.barCodeHeightDefault {
    height: 87px !important;
    display: flex;
}
.disabledCogIcon{
    color: #aeaeae !important;
    /* cursor:not-allowed !important; */
    }

.dropdown ul.dropdown-menu li a.disabledCogIcon:hover {
    color: #aeaeae !important;
    background-color: #fff;
}
div#dashbaordFlexschema app-automation-log .ngx-datatable.scroll-horz .datatable-body {
    flex-grow: 1;
    max-height: calc(100vh - 600px - (var(--filter-height)) - (var(--header-height))) !important;
}
div#dashbaordFlexschema app-automation-log-srv .ngx-datatable.scroll-horz .datatable-body {
    flex-grow: 1;
    max-height: calc(100vh - 600px - (var(--filter-height)) - (var(--header-height))) !important;
}

div#dashbaordFlexschema app-automation-log .ngx-datatable.NTier.scroll-horz .datatable-body {
    flex-grow: 1;
    max-height: calc(100vh - 320px - (var(--filter-height)) - (var(--header-height))) !important;
}

.popup-look-up-padding .datatable-body-cell {
    padding: 0.8rem 0.7rem 0.2rem 0.7rem !important;
}


.controls-w-user-training{
    align-items: center;
    max-width: 180px;
    min-width: 180px;
    margin-right: 15px;
    display: inline-flex;
    height: 37px;
   justify-content: right;
   gap: 4px;
  }
  div#dashbaordFlexschema app-user-training .ngx-datatable.NTier.scroll-horz .datatable-body {
    flex-grow: 1;
    max-height: calc(100vh - 500px - (var(--filter-height)) - (var(--header-height))) !important;
}
app-resource-conflict-popup .ngx-datatable .datatable-body{
    max-height: 70vh;
}

/* background red in schedule calendar for property resource conflict */
.conflict-value-multi .multiselect-dropdown .dropdown-btn {
    background-color: red !important;
}

div#dashbaordFlexschema app-automation-log-srv .ngx-datatable.NTier.scroll-horz .datatable-body {
    flex-grow: 1;
    /* max-height: calc(100vh - 420px - (var(--filter-height)) - (var(--header-height))) !important; */
}
/* app-n-tier-nav-bar .open-submenu:hover {
        background: none !important;
    
}

app-n-tier-nav-bar .open-submenu:hover > a {
    color: #ffffff !important;
}    */

.clickable-link {
    color : blue;
    text-decoration: underline;
    cursor: pointer;
    color: var(--bs-link-color) !important;
}

.clickable-link:focus, .clickable-link:hover {
    outline: none;
    box-shadow: none;
}
 app-record-audit-log-list .datatable-body-row:hover .editable-pencil{
    color: white !important;
 }