/*Helper Classes*/

/*Centering*/
.margin-auto {
    margin: 0 auto;
}

.pointer-none {
    pointer-events: none; /* disable clicks */
    user-select: none; /* prevent selecting text */
}
/*Text Alignment Classes*/
.align-left,
.text-align-left {
    text-align: left !important;
}

.align-center,
.text-align-center {
    text-align: center;
}

.align-right,
.text-align-right {
    text-align: right !important;
}

.max-height-150 {
    max-height: 150px;
}

.max-height-dialog {
    max-height: calc(100vh - 270px);
}

.text-uppercase, .uppercase {
    text-transform: uppercase;
}

.text-captilize, .captilize {
    text-transform: capitalize;
}

.text-lowercase, .lowercase {
    text-transform: lowercase;
}

.uppercase-first-letter::first-letter {
    text-transform: capitalize !important;
}
/*Positioning*/
.fixed {
    position: fixed;
}

.relative,
.position-relative {
    position: relative;
    width: auto;
}

.pos-relative {
    position: relative;
}

.position-absolute, .abs {
    position: absolute;
}

.position-unset {
    position: unset !important;
}

/*Floats*/
.clear {
    clear: both;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}


/*Text Effects*/
.text-line-through {
    text-decoration: line-through;
}

.clickable-icon {
    cursor: pointer;
    color: #2998F0;
}

.loading-crusor {
    cursor: wait !important;
}

    .loading-crusor * {
        cursor: wait !important;
    }


.underline {
    text-decoration: underline;
}

.font-bold {
    font-weight: bold;
}

.font-semi-bold {
    font-weight: 600;
}

@-moz-document url-prefix() {
    .font-bold {
        /*font-family: 'Open Sans Semibold';*/
        font-variation-settings: var(--font_weight_600);
    }

    .page-fixed-header .jsPeriodDropdown .jsPeriodDateFrom .jsdialogDateFrom, .page-fixed-header .jsPeriodDropdown .jsPeriodDateTo .jsdialogDateTo {
        min-width: 0; /*GAL-57394*/
    }
}

.font-weight-normal {
    font-weight: normal;
    font-variation-settings: var(--font_weight_400);
}

.web-link,
.email-link,
.tel-link,
.fax-link,
.widget-stackedbar-label .label-click,
.label-click {
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-pointer-imp {
    cursor: pointer !important;
}

.web-link,
.email-link,
.tel-link,
.fax-link,
.theme-color,
.bqe-table .level-col.has-label-click {
    color: #2c99f0;
    color: var(--label-click-color);
    transition: color 0.15s;
}

.label-click,
.widget-stackedbar-label .label-click,
.bqe-table .level-col.has-label-click {
    color: var(--label-click-color) !important;
    transition: color 0.15s;
}

    .label-click:hover, .label-click:focus, .label-click:visited {
        color: var(--label-click-color) !important;
    }

.web-link,
.email-link,
.text-transform-none {
    text-transform: none !important;
}

.zero-font {
    font-size: 0;
    letter-spacing: -1px;
}

.text-size {
    font-size: 1rem;
}

.label-font-size {
    font-size: 0.93rem;
    color: #000;
    color: var(--black-color-text);
}

.field-value-size {
    font-size: 1rem;
}

.font-size-18px {
    font-size: 18px;
}

.font-size-16px {
    font-size: 16px;
}

.white-background {
    background-color: #FFFFFF;
    background-color: var(--white-color);
}

.transparent-background {
    background-color: transparent !important;
}

.resizable-vertical-div {
    resize: vertical;
    overflow-y: auto !important;
    max-height: none !important;
    height: 80px;
}
/*Remove Border*/
.remove-border {
    border: none !important;
}

.remove-right-border {
    border-right-color: transparent !important;
}

.no-top-border {
    border: 1px solid #D3DAE1;
    border: 1px solid var(--border-color);
    border-top: none;
}

.no-bottom-border {
    border: 1px solid #D3DAE1;
    border: 1px solid var(--border-color);
    border-bottom: none;
}

.remove-top-border {
    border-top: none !important;
}

.default-border-bottom {
    border-bottom: 1px solid #D3DAE1 !important;
    border-bottom: 1px solid var(--border-color) !important;
}
/*Dotted Style Borders*/
.dotted-border {
    border: 1px dotted #D3DAE1;
    border: 1px dotted var(--border-color);
}

.dotted-border-right,
table.bqe-table td.dotted-border-right {
    border-right: 1px dotted #D3DAE1;
    border-right: 1px dotted var(--border-color);
    /*border-left: 1px dotted transparent;*/
}

.dotted-border-left,
table.bqe-table td.dotted-border-left {
    border-left: 1px dotted #D3DAE1;
    border-left: 1px dotted var(--border-color);
    /*border-right: 1px dotted transparent;*/
}

.dotted-style-border tbody tr td {
    border-right: 1px dotted #D3DAE1;
    border-right: 1px dotted var(--border-color);
}

/*Solid Borders*/
.border-top-left {
    border-top: 1px solid #D3DAE1;
    border-top: 1px solid var(--border-color);
    border-left: 1px solid #D3DAE1;
    border-left: 1px solid var(--border-color);
}

.border-top-right {
    border-top: 1px solid #D3DAE1;
    border-top: 1px solid var(--border-color);
    border-right: 1px solid #D3DAE1;
    border-right: 1px solid var(--border-color);
}

.border-bottom {
    border-bottom: 1px solid #D3DAE1;
    border-bottom: 1px solid var(--border-color);
}

.border-top {
    border-top: 1px solid #D3DAE1;
    border-top: 1px solid var(--border-color);
}

.border-left {
    border-left: 1px solid #D3DAE1 !important;
    border-left: 1px solid var(--border-color) !important;
}

.border-right {
    border-right: 1px solid #D3DAE1 !important;
    border-right: 1px solid var(--border-color) !important;
}

.border_r {
    border-right: solid #E1E8F0 !important;
}

.border-l {
    border-left: solid #E1E8F0 !important;
}

.border {
    border: 1px solid #D3DAE1 !important;
    border: 1px solid var(--border-color) !important;
}

.border-none {
    border: none !important;
}


/*Helper Classes for Padding*/
.general-padding {
    padding: 10px 30px;
}

.legend-val {
    font-size: 2rem;
    /*font-family: 'Open Sans Light';*/
    font-variation-settings: var(--font_weight_300);
}

.remove-tab-padding li {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pad-zero,
.remove-padding {
    padding: 0 !important;
}

.pad-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pad-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pad-right-zero {
    padding-right: 0;
}

.pad-right-0 {
    padding-right: 0 !important;
}

.pad-5 {
    padding: 5px !important;
}

.pad-right-5 {
    padding-right: 5px !important;
}

.pad-bottom-0 {
    padding-bottom: 0 !important;
}

.pad-bottom-5 {
    padding-bottom: 5px !important;
}

.pad-bottom-10 {
    padding-bottom: 10px !important;
}

.pad-bottom-20 {
    padding-bottom: 20px !important;
}

.pad-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-10 {
    padding: 10px;
}

.padding-12 {
    padding: 12px !important;
}

.padding-15 {
    padding: 15px;
}

.padding-16 {
    padding: 16px;
}

.padding-20 {
    padding: 20px;
}

.padding-30 {
    padding: 30px;
}

.pad-top-0 {
    padding-top: 0 !important;
}

.pad-top-5 {
    padding-top: 5px;
}

.pad-top-10 {
    padding-top: 10px !important;
}

.pad-top-15 {
    padding-top: 15px !important;
}

.pad-right-10 {
    padding-right: 10px !important;
}

.pad-right-13 {
    padding-right: 13px !important;
}

.pad-left-5 {
    padding-left: 5px !important;
}

.pad-left-10 {
    padding-left: 10px !important;
}

.pad-right-15 {
    padding-right: 15px !important;
}

.pad-left-15 {
    padding-left: 15px !important;
}

.pad-left-35 {
    padding-left: 35px;
}

.pad-left-40 {
    padding-left: 40px !important;
}

.pad-left-50 {
    padding-left: 50px !important;
}

.pad-left-60 {
    padding-left: 60px !important;
}

.pad-left-70 {
    padding-left: 70px !important;
}

.pad-left-80 {
    padding-left: 80px !important;
}



.pad-top-20 {
    padding-top: 20px !important;
}

.pad-right-20 {
    padding-right: 20px !important;
}

.pad-left-20 {
    padding-left: 20px !important;
}

.pad-right-25 {
    padding-right: 25px !important;
}

.pad-left-25 {
    padding-left: 25px !important;
}

.pad-top-30 {
    padding-top: 30px !important;
}

.pad-right-30 {
    padding-right: 30px !important;
}

.pad-right-35 {
    padding-right: 35px !important;
}

.pad-right-40 {
    padding-right: 40px !important;
}

.pad-right-60 {
    padding-right: 40px !important;
}

.pad-bottom-30 {
    padding-bottom: 30px;
}

.pad-bottom-50 {
    padding-bottom: 50px;
}

.pad-left-0 {
    padding-left: 0 !important;
}

.pad-left-30 {
    padding-left: 30px !important;
}

.pad-left-32 {
    padding-left: 32px !important;
}

.pad-left-65 {
    padding-left: 65px !important;
}

.pad-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.pad-tb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pad-tb-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

/*Helper Classes for Margin*/
.remove-margin {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.margin-20 {
    margin: 20px;
}

.margin-left-right-auto {
    margin-left: auto;
    margin-right: auto;
}

.margin-left-auto {
    margin-left: auto;
}

.margin-right-auto {
    margin-right: auto;
}

.margin-rightleft-80 {
    margin-left: 80px;
    margin-right: 80px;
}

.margin-right-0 {
    margin-right: 0px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

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

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

.mar_r_8 {
    margin-right: 8px;
}

.margin-bottom-2 {
    margin-bottom: 2px !important;
}

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

.margin-10 {
    margin: 10px;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

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

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

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

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

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-left-0 {
    margin-left: 0px !important;
}

.margin-left-5 {
    margin-left: 5px;
}

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

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-left-55 {
    margin-left: 55px;
}

.margin-left-70 {
    margin-left: 70px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

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

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

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

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

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


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

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-8 {
    margin-bottom: 8px !important;
}


.margin-left-20 {
    margin-left: 20px;
}

.margin-30 {
    margin: 30px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}


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

.margin-bottom-35 {
    margin-bottom: 35px;
}

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

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-bottom-70 {
    margin-bottom: 70px;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.mar-tb-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.margin-left-right-45 {
    margin-left: 45px;
    margin-right: 45px;
}

.margin-left-right-60 {
    margin-left: 60px;
    margin-right: 60px;
}
/* Some common Widths used*/

.width-unset {
    width: unset !important;
}

.width_auto {
    width: auto;
}

.width-40 {
    min-width: 40px;
    max-width: 40px;
}

.width-50 {
    width: 50px;
    min-width: 52px !important;
    max-width: 50px;
}


.width-60 {
    min-width: 60px;
    max-width: 60px;
}

.width-70 {
    min-width: 70px;
    max-width: 70px;
}

.width-80 {
    min-width: 80px;
    max-width: 80px;
}

.width-95 {
    min-width: 95px;
    max-width: 95px;
}


.width-110 {
    min-width: 110px;
    max-width: 110px;
}

.width-130 {
    min-width: 130px;
    max-width: 130px;
}

.width-140 {
    min-width: 140px;
    max-width: 140px;
}

.width-150 {
    min-width: 150px;
    max-width: 150px;
}

.width-165 {
    min-width: 165px;
    max-width: 165px;
}

.width-160 {
    min-width: 160px;
    max-width: 160px;
}

.width-180 {
    min-width: 180px;
    max-width: 180px;
}

.width-200 {
    min-width: 200px;
    max-width: 200px;
}

.width-220 {
    min-width: 220px;
    max-width: 220px;
}

.width-240 {
    min-width: 240px;
    max-width: 240px;
}

.width-250 {
    min-width: 250px;
    max-width: 250px;
}

.width-260 {
    min-width: 260px;
    max-width: 260px;
}

.max-width-270{
    max-width: 270px;
}

.width-300 {
    min-width: 300px;
    max-width: 300px;
}

.width-230 {
    min-width: 230px;
    max-width: 230px;
}

.width-245 {
    min-width: 245px;
    max-width: 245px;
}

.width-400 {
    min-width: 400px;
    max-width: 400px;
}

.w-400 {
    min-width: 400px !important;
    max-width: 400px !important;
}

.width-350 {
    min-width: 350px;
    max-width: 350px;
}

.width-440 {
    min-width: 440px;
    max-width: 440px;
}

.width-450 {
    min-width: 450px;
    max-width: 450px;
}

.width-460 {
    min-width: 460px;
    max-width: 460px;
}

.width-465 {
    min-width: 465px;
    max-width: 465px;
}

.width-490 {
    min-width: 490px;
    max-width: 490px;
}

.width-500 {
    min-width: 500px;
    max-width: 500px;
}

.width-580 {
    min-width: 580px !important;
    max-width: 580px;
}

.width-520 {
    min-width: 520px;
    max-width: 520px;
}

.width-550 {
    min-width: 550px;
    max-width: 550px;
}

.width-573 {
    min-width: 573px;
    max-width: 573px;
}

.width-540 {
    min-width: 540px;
    max-width: 540px;
}

.width-600 {
    min-width: 600px;
    max-width: 600px;
}

.width-620 {
    min-width: 620px;
    max-width: 620px;
}

.width-640 {
    min-width: 640px;
    max-width: 640px;
}

.width-650 {
    min-width: 650px;
    max-width: 800px;
}

.width-680 {
    min-width: 680px;
    max-width: 680px;
}

.width-700 {
    width: 700px;
    min-width: 700px;
    max-width: 800px;
}

.width-720 {
    width: 720px;
    min-width: 720px;
    max-width: 720px;
}

.width-750 {
    width: 750px;
    min-width: 750px;
    max-width: 750px;
}

.width-800 {
    min-width: 800px;
    max-width: 900px;
}

.width-840 {
    min-width: 840px;
    max-width: 840px;
}

.width-850 {
    min-width: 850px;
    max-width: 850px;
}

.width-900 {
    min-width: 900px;
    max-width: 900px;
}

.width-950 {
    min-width: 950px;
    max-width: 950px;
}


.width-1000 {
    min-width: 1000px;
    max-width: 1200px;
}

.width-1150 {
    min-width: 1150px;
    max-width: 1150px;
}

.width-1200 {
    min-width: 1200px;
    max-width: 1200px;
}

.width-95p {
    min-width: 95%;
    max-width: 95%;
}

.width-98p {
    min-width: 98%;
    max-width: 98%;
}

.width-99p {
    min-width: 99%;
    max-width: 99%;
}

.width-100p {
    min-width: 100%;
    max-width: 100%;
}

.min-max-width-100p {
    min-width: 100% !important;
    max-width: 100% !important;
}

.width_100_p {
    width: 100%;
}

.max-width-122 {
    max-width: 122px
}

.max-width-300 {
    max-width: 300px;
}

.max-width-initial {
    max-width: initial !important;
}

.max-width-400 {
    max-width: 400px !important;
}

.max-width-fit-content {
    max-width: fit-content !important;
}

.half-wide {
    width: 50%;
}

.min-width-75 {
    min-width: 75px;
    max-width: 75px;
}

/*Disable Effects*/
.disabled, .switch-wrapper .disabled ~ .switch-caption::before {
    background-color: #f4f5f6;
    background-color: var(--solitude-bg-color);
}

    .disabled tbody tr td,
    .disabled-text {
        color: #808080;
        color: var(--grey);
    }

.disabled-state {
    background-color: #f9f9f9 !important;
    background-color: var(--alabaster-color) !important;
}

.field-value-wrapper .switch-wrapper .disabled ~ .switch-caption::before {
    border-color: #f4f5f6;
    border-color: var(--solitude-bg-color);
}

.disabled .option-dropdown-wrapper {
    display: none !important;
}

.full-width {
    width: 100%;
}
/* ---------------------------------
     FLEX ORIENTATION -- START
   --------------------------------- */

.flex-columnwise,
.flex-rowwise {
    position: relative;
    width: auto;
    height: auto;
    font-size: 0;
    letter-spacing: -1px;
    display: flex;
    display: -webkit-flex;
    align-items: baseline;
    -webkit-align-items: baseline;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .flex-columnwise,
    .flex-rowwise,
    .dialog-content-caption,
    .switch-caption,
    .jsIsAccural label {
        letter-spacing: 0.1px;
    }
}

.flex-columnwise {
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.flex-rowwise {
    flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-right, .table-action-toolbar > .flex-right {
    margin-left: auto;
}

.flex-left {
    margin-right: auto;
}

.flex-not-row-reverse {
    flex-direction: initial !important;
    -webkit-flex-direction: initial !important;
    flex-direction: row !important;
    -webkit-flex-direction: row !important;
}

.flex-row-reverse {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}

.align-button-left,
.flex-content-start,
.justify-content-flex-start {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.flex-content-end,
.bqe-table tr td .row-action-section.flex-content-end {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.flex-content-around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.flex-content-stretch {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.flex-justify-content-center {
    justify-content: center;
    -webkit-justify-content: center;
}

.align-flex-start,
.flex-align-item-top,
.align-content-flex-start {
    align-items: flex-start;
    -webkit-align-items: flex-start;
}

.align-flex-end,
.flex-align-item-bottom,
.align-content-flex-end {
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

.align-items-end {
    align-items: end !important;
    -webkit-align-items: end !important;
}

.flex-align-item-baseline {
    align-items: baseline;
    -webkit-align-items: baseline;
}

.flex-align-item-center,
.field-center,
.editable-form .field-area.flex-align-item-center {
    align-items: center;
    -webkit-align-items: center;
}

.flex-align-items-stretch {
    align-items: stretch;
    -webkit-align-items: stretch;
}

.flex-items-same-height {
    align-items: stretch !important;
    -webkit-align-items: stretch !important;
}

.flex-width-label {
    padding-right: 10px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.grow-flex, .flex-grow {
    width: auto;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
}

.fixed-flex {
    width: auto;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
}

.flex-tabs {
    width: 100%;
    display: flex !important;
    display: -webkit-flex !important;
}

.flex-start-middle {
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.flex-width-200 {
    flex-basis: 200px;
    -webkit-flex-basis: 200px;
}

.flex-width-275 {
    flex-basis: 275px;
}

.flex-width-300 {
    flex-basis: 300px;
}

/* ---------------------------------
      FLEX ORIENTATION -- END
   --------------------------------- */
/*Vertical alignment*/
.grid_1.vertical-align-middle, .grid_2.vertical-align-middle, .grid_3.vertical-align-middle, .grid_4.vertical-align-middle,
.grid_5.vertical-align-middle, .grid_6.vertical-align-middle, .grid_7.vertical-align-middle, .grid_8.vertical-align-middle,
.grid_9.vertical-align-middle, .grid_10.vertical-align-middle, .grid_11.vertical-align-middle, .grid_12.vertical-align-middle,
.grid_13.vertical-align-middle, .grid_14.vertical-align-middle, .grid_15.vertical-align-middle, .grid_16.vertical-align-middle,
.grid_17.vertical-align-middle, .grid_18.vertical-align-middle, .grid_19.vertical-align-middle, .grid_20.vertical-align-middle,
.vertical-align-middle,
.align-middle {
    vertical-align: middle;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-text-bottom {
    vertical-align: text-bottom;
}

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

.vertical_align_baseline {
    vertical-align: baseline !important;
}

.vertical-align-super {
    vertical-align: super;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

/*Display*/
.display-flex,
.flex-style {
    display: flex;
    display: -webkit-flex;
}

.grey-background {
    background-color: #E1E8F0;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
}

.display-none {
    display: none;
}

.gap-8 {
    gap: 1rem;
}

.gap-8px {
    gap: 8px;
}

.hidden, .hide-dpd {
    display: none !important;
}

.visible-hidden {
    visibility: hidden;
}

.display-block {
    display: block !important;
}

.inline-block,
.display-inline-block {
    display: inline-block !important;
}

.display-inline-table {
    display: inline-table;
}

.inline-baseline {
    display: inline-table;
    vertical-align: baseline;
}

.table-layout {
    display: table !important;
    width: 100%;
}


/* ===== Predefined height for some partial views ===*/
.height-100p {
    height: 100%;
}

.max-height-initial {
    max-height: initial;
}

.max-height-20 {
    max-height: 20px;
}

.max-height-100 {
    max-height: 100px;
}

.max-height-160 {
    max-height: 160px;
}

.max-height-200 {
    max-height: 200px;
}

.max-height-225 {
    max-height: 225px;
}

.max-height-250 {
    max-height: 250px;
    min-height: auto;
}

.max-height-300 {
    max-height: 300px;
    min-height: auto;
}

.max-height-320 {
    max-height: 320px;
    min-height: auto;
}

.max-height-350 {
    max-height: 350px;
    min-height: auto;
}

.max-height-550 {
    max-height: 550px !important;
}

.full-vh {
    max-height: 100vh;
}

.full-vh-300 {
    height: calc(100vh - 300px);
}

.crm-quote-templates .full-vh-300 {
    height: calc(100vh - 360px);
}

.crm-proposal-templates .full-vh-300 {
    height: calc(100vh - 360px);
}


.full-vh-355 {
    max-height: calc(100vh - 355px);
}

.full-vh-440 {
    max-height: calc(100vh - 440px);
}

.full-vh-590 {
    height: calc(100vh - 590px);
}

.border-radius-8px {
    border-radius: 8px;
}

.min-height-20 {
    min-height: 20px;
}

.height-330 {
    height: 330px;
}

.height-200 {
    height: 200px;
}

.height-50 {
    height: 50px !important;
}

.height-60 {
    height: 60px;
}

.height-155 {
    height: 155px;
}

.height-240 {
    min-height: 240px;
}

.height-650 {
    height: 650px;
}

.height-500 {
    min-height: 500px;
    background-color: #FFFFFF;
    background-color: var(--white-color);
}

.height500 {
    height: 500px;
}

.height-450 {
    height: 450px;
}

.min-width-130 {
    min-width: 130px !important;
}

.min-width-175 {
    min-width: 175px !important;
}

.height100 {
    min-height: 100px !important;
}

.min-height-50 {
    min-height: 50px !important;
}

.min-height-120 {
    min-height: 120px !important;
}

.min-height-145 {
    min-height: 145px !important;
}

.min-height-300 {
    min-height: 300px;
}

.min-height-430 {
    min-height: 430px;
}

/*Un-used Classes*/
.group-line-after:after {
    content: "";
    height: 1px;
    background-color: #D3DAE1;
    background-color: var(--link-water);
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 0;
    border: none;
    margin: 0;
    line-height: 0;
}

.group-line-before:before {
    content: "";
    height: 1px;
    background-color: #D3DAE1;
    background-color: var(--link-water);
    width: 100%;
    display: inline-block;
    padding: 0;
    border: none;
    margin: 0;
    line-height: 0;
}


.td-line-height {
    line-height: 32px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height_32 {
    line-height: 32px;
}

.overflow-default {
    overflow: initial;
}

.overflow-hidden {
    overflow: hidden;
}

.of-hidden {
    overflow: hidden !important;
}

.overflow-initial {
    overflow: initial;
}

.overflow-visible {
    overflow: visible;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}
/***************************/
/*!important required because in dual pane overflow hidden is added as inline style in page-scroll-area, 
    this is useful in case where detail pane contains tabs, but for pages like security, in dual pane it hides 
    scroll bar*/
/**********************/
.overflow-auto {
    overflow: auto !important;
}

.loading-icon:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f017";
    font-size: 1rem;
    line-height: 1rem;
    color: #a5a8ac;
    color: var(--icon-color);
    padding: 0;
    top: 32%;
    right: 0px;
    z-index: 3;
    background-color: #FFFFFF;
    background-color: var(--white-color);
    cursor: pointer;
    pointer-events: none;
}

.no-pointer-event {
    pointer-events: none;
}

.disable-action, .disable-action-menu * {
    pointer-events: none;
    color: var(--disabled-text-color) !important;
}

.disable-action-only {
    pointer-events: none;
}

.disable-tr {
    pointer-events: none;
}

.disabled-txt {
    pointer-events: none;
    color: var(--disabled-text-color-v2) !important;
}

.disabled-option-item {
    background-color: transparent !important;
    cursor: not-allowed !important;
}
    .disabled-option-item * {
        color: var(--disabled-text-color-v2) !important;
    }

.inherit-color {
    color: inherit;
}

.inherit-font-size {
    font-size: inherit;
}

.inherit-font-family {
    font-family: inherit;
}

.font-size-13,
.font-size-13 div,
.font-size-13 label,
.font-size-13 span {
    font-size: 13px;
}

.tab-body table.bqe-table.top-91 th {
    top: 91px;
}

.tab-body table.bqe-table.top-121 th {
    top: 121px;
}

/*Dialog Specific*/
/*.scroll-table-255 {
    overflow: auto;
    height: 255px;
    box-shadow: 0 1px 1px 1px #daded3;
}*/

.z-index-1 {
    z-index: 1;
}

.z-index-3 {
    z-index: 3;
}

.z-index-4 {
    z-index: 4;
}

.z-index-5 {
    z-index: 5;
}

.zero-opacity {
    opacity: 0;
}

.zero-opacity-button {
    opacity: 0;
    padding: 0;
    pointer-events: none;
}

    .new-design .border-editable-area {
        background-color: #FFFFFF;
        background-color: var(--white-color);
        padding: 30px;
        border: 1px solid #D3DAE1;
        border: 1px solid var(--border-color);
    }

.disable-element {
    color: #dddddd !important;
    color: var(--disabled-text-color) !important;
}

.disable-action, .disable-action .switch-wrapper label::before, .disable-action::after, .disable-action::before {
    pointer-events: none;
    color: #dddddd !important;
    color: var(--disabled-text-color) !important;
}

.disable-tr, .disable-tr .switch-wrapper label::before, .disable-tr::after, .disable-tr::before {
    pointer-events: none;
}

tr.disable-action td input,
tr.disable-action .switch-wrapper > input[type='checkbox']:checked ~ .switch-caption:not(.leftcaption)::before {
    color: #b1b3b4;
}

tr.disabled-row td:not(.row-action-icon) {
    pointer-events: none;
    color: #dddddd !important;
    color: var(--disabled-text-color) !important;
}

.disable-tr-exception {
    pointer-events: all;
}

.disable-tr-custom {
    pointer-events: all;
}

    .disable-tr-custom .disable-action {
        pointer-events: none;
    }

.hover-hand:hover {
    cursor: pointer;
}


.link-color {
    color: #2c99f0;
    color: var(--base-color);
}

.font-italic {
    font-style: italic;
}

.left-initial {
    left: initial !important;
}

tr.re-disabled-row td,
tr.re-disabled-row td * {
    pointer-events: none;
    color: #dddddd !important;
    color: var(--disabled-text-color) !important;
}

.line-height-initial::after {
    line-height: initial;
}

.line-height-normal {
    line-height: normal;
}

.line-height-21px {
    line-height: 21px;
}

.text-nowrap {
    white-space: nowrap;
}

.vertical-separator {
    position: relative;
    top: 0;
    border-right: 1px solid #D3DAE1;
    border-right: 1px solid var(--border-color);
    height: 28px;
    margin: 0 20px;
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    /*-khtml-user-select: none;*/ /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}


.bqe-table .ui-sortable-helper {
    display: table;
}

.row-height-39 table.bqe-table td {
    height: 39px;
}

.disable-memo-inline-style *:not(.skip-base-style *),
.htmlEditor *:not(.skip-base-style *) {
    /*-webkit-text-fill-color: var(--charcoal-grey) !important;*/
    background: transparent !important;
}

.word-break {
    word-break: break-word;
}

.word-break-all {
    word-break: break-all;
}

.white-space-wrap {
    white-space: pre-wrap !important;
}


.multiline-line-ellipse {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: inherit;
}


.flex-parent {
    display: flex;
    align-items: center;
}

    .flex-parent[role="menuitem"] {
        width: 100%;
        height: 100%;
    }

.flex-child-responsive-width {
    flex: 1;
}

.flex-1 {
    flex: 1;
}

.flex-child-responsive-width, .flex-child-responsive-width > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cursor-default {
    cursor: default !important;
}

.widget-stackedbar-label.text-overflow-default, .text-overflow-default {
    text-overflow: initial;
}

.font_12 {
    font-size: 12px !important;
}

.font-size-12px {
    font-size: 12px;
}

.font-size-20px {
    font-size: 20px;
}

.font-size-24px {
    font-size: 24px;
}

.font-size-1rem {
    font-size: 1rem !important;
}

.rotate270 {
    transform: rotate(270deg);
    transform-origin: center;
}

.border-radius-none {
    border-radius: 0;
}

.border-round-radius {
    border-radius: 8px !important;
}


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

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

.input-as-label {
    color: var(--base-color) !important;
    cursor: pointer;
}

.cloud-feed-icons i, font-size-24px {
    font-size: 24px;
}

table.simple-table {
    border-collapse: collapse;
    width: 100%;
}

    table.simple-table th, table.simple-table td {
        padding: 10px;
        text-transform: uppercase;
    }

    table.simple-table tfoot {
        padding-top: 5px;
    }

    table.simple-table tbody {
        border-bottom: 1px solid #d3dae1;
        border-bottom: 1px solid var(--border-color);
    }


.zero-left-padding {
    padding-left: 0;
}

table.simple-table td.zero-left-padding {
    padding-left: 0;
}

.display-box {
    border-radius: 8px;
    overflow: hidden;
}

    .display-box .display-box-header {
        padding: 15px;
        border-bottom: 1px solid #D3DAE1;
        border-bottom: 1px solid var(--border-color);
        width: 100%;
    }

        .display-box .display-box-header label:not(.label-click) {
            color: #6a6e73;
            color: var(--mid-grey);
        }

        .display-box .display-box-header a, .display-box .display-box-header label {
            font-size: 15px !important;
        }

    .display-box .display-box-content .field-area {
        border: none;
        padding: 0;
    }


.remove-caret.icon-padded-caret-right:after {
    content: "";
    padding: 0 0 0 5px;
}


.bqe-table td.in-cell-calc .inline-svg {
    position: absolute;
    bottom: 0;
    display: none;
}

.bold-row td,
.bold-row td .textbox,
.bold-row td div:not(.email-status-tooltip),
.bold-row td span {
    /*font-family: 'Open Sans Bold';*/
    font-variation-settings: var(--font_weight_700);
}

/*=====================================*/
/*START: In-cell calculation GAL-63033*/
/*=====================================*/

td.in-cell-calc:hover .inline-svg {
    display: inline;
}

td.in-cell-calc .inline-svg {
    padding: 5px;
}

.in-cell-overlay {
    position: absolute;
    width: 100%;
    top: -10px;
    z-index: 9;
    height: 70px;
    border: 1px solid #a5a8ac;
    border: 1px solid var(--border-color) !important;
    background-color: #FFFFFF;
    background-color: var(--white-color);
    box-shadow: 0px 2px 25px 1px rgb(220,220, 220);
}

    .in-cell-overlay .in-cell-textbox {
        width: 100%;
        height: 100%;
        background-color: #FFFFFF;
        background-color: var(--white-color);
        line-height: 1.5rem;
        font-size: 1rem;
        resize: none;
        padding: 8px 15px;
        border: none;
        outline: none;
    }

        .in-cell-overlay .in-cell-textbox::-webkit-outer-spin-button,
        .in-cell-overlay .in-cell-textbox::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

/* Firefox */
in-cell-overlay .in-cell-textbox {
    -moz-appearance: textfield;
}

/*=====================================*/
/*END: In-cell calculation GAL-63033*/
/*=====================================*/


/*=====================================*/
/*Start: Progress Bar in tables*/
/*=====================================*/
.progressbar-container {
    display: flex !important;
    align-items: center;
}

.progressbar-outer {
    position: relative;
    width: 200px;
    height: 20px;
    min-width: 150px;
    background-color: rgba(0,0,0,0.1);
}

    .progressbar-outer .progressbar-inner {
        background-color: var(--base-color);
        height: 100%;
        width: 0%;
        max-width: 100%;
    }

/*=====================================*/
/*End: Progress Bar in tables*/
/*=====================================*/


/*=====================================*/
/*Start: Google button in integration screen*/
/*=====================================*/

.google-connect, .docusign {
    width: 116px;
    height: 39px;
    outline: none;
    border: none;
    border-radius: 2px;
    background: #FBFBFB;
    padding: 0;
}

    .google-connect .button-container, .docusign .button-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .google-connect svg {
        width: 30px;
        height: 30px;
    }

    .google-connect .button-container span, .docusign .button-container span {
        font-weight: 700;
        margin-right: 9px;
        font-size: 16px;
        color: #0061ff;
    }

.google-btn {
    padding: 8px 16px !important;
}

.docusign-lettermark {
    background: #000;
    color: #fff !important;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-left: 3px;
    font-size: 4px !important;
}

.docusign .connect {
    color: #000 !important;
}


/*=====================================*/
/*End: Google button in integration screen*/
/*=====================================*/

body.dark-mode .jsEmailMessageDetails * {
    /*GAL-64663*/
    color: #fff !important;
}


table.memo-open-upwards tbody tr:nth-last-child(-n+3):not(:nth-child(-n+3)) #jsShowcustomfieldMemo1 {
    /*GAL-64009*/
    top: unset !important;
    bottom: 50px !important;
}

    table.memo-open-upwards tbody tr:nth-last-child(-n+3):not(:nth-child(-n+3)) #jsShowcustomfieldMemo1 .dialog-arrow-right:before {
        content: none;
    }


table tr.no-border-td td {
    border-right: none;
}


.row-selected {
    background: rgba(41,121,255,0.16);
}

.aba-error {
    position: relative;
    padding: 10px 15px;
}

    .aba-error label {
        vertical-align: baseline;
    }

    .aba-error i.fa {
        position: absolute;
        left: -5px;
        top: 14px;
        font-size: 17px;
        color: var(--pink-color);
    }

.max-width-160 {
    max-width: 160px !important;
}

.flex-none {
    flex: none !important;
}

.dark-mode .disable-action {
    color: #dddddd !important;
}

.font_primary {
    color: var(--base-color);
    cursor: auto;
}

.line-height-22 {
    line-height: 22px;
}


.v2_tooltip-text.time-card-tooltip-text {
    min-width: 374px;
    padding: 8px 16px;
    background-color: #111B2DF5;
    background-color: var(--inv-tooltip-bg-color);
    color: var(--tc_tooltip_main_text_color);
    text-align: center;
    border-radius: 6px;
    z-index: 10;
    transition: opacity 0.3s;
    visibility: visible;
    opacity: 1;
    display: block;
    cursor: default;
}

.tiny-help-relative-wrapper.v2_tooltip-text.time-card-tooltip-text::before, .tiny-help-relative-wrapper.v2_tooltip_wrapper.tooltip-batch-wrapper::before {
    background-color: var(--inv-tooltip-bg-color);
    border-bottom-right-radius: 1px;
}

.filter-content {
    color: #465568;
    line-height: 20px;
    margin: 8px auto 8px 40px;
}

.full-width-cell {
    display: block;
    height: 100%;
    width: 100%;
}

.accountingDateSelected::after {
    content: "\f00c";
    font-family: 'FontAwesome';
    width: 20px;
    height: 4px;
    display: block;
    position: absolute;
    right: 4px;
    color: #399DEB;
    top: 10px;
}


/****Start - GAL-103491****/

.disable-fields-if-checked .textbox.disabled-field:disabled {
    color: var(--charcoal-grey);
    -ms-text-shadow: 0 0 0 var(--charcoal-grey);
    text-shadow: 0 0 0 var(--charcoal-grey);
}

    .disable-fields-if-checked .textbox.disabled-field:disabled::-webkit-input-placeholder {
        color: var(--placeholder-color);
        -ms-text-shadow: 0 0 0 var(--placeholder-color);
        text-shadow: 0 0 0 var(--placeholder-color);
    }

    .disable-fields-if-checked .textbox.disabled-field:disabled::-moz-placeholder {
        color: var(--placeholder-color);
        -ms-text-shadow: 0 0 0 var(--placeholder-color);
        text-shadow: 0 0 0 var(--placeholder-color);
    }

.disable-fields-if-checked .disable_wrapper.disable-action .textbox.disabled-field:disabled {
    color: var(--disabled-text-color);
    -ms-text-shadow: 0 0 0 var(--disabled-text-color);
    text-shadow: 0 0 0 var(--disabled-text-color);
}

    .disable-fields-if-checked .disable_wrapper.disable-action .textbox.disabled-field:disabled::-webkit-input-placeholder {
        color: var(--disabled-text-color);
        -ms-text-shadow: 0 0 0 var(--disabled-text-color);
        text-shadow: 0 0 0 var(--disabled-text-color);
    }

    .disable-fields-if-checked .disable_wrapper.disable-action .textbox.disabled-field:disabled::-moz-placeholder {
        color: var(--disabled-text-color);
        -ms-text-shadow: 0 0 0 var(--disabled-text-color);
        text-shadow: 0 0 0 var(--disabled-text-color);
    }

.disable-fields-if-checked div:not(.disable_wrapper.disable-action) .disabled-field,
.disable-fields-if-checked div:not(.disable_wrapper.disable-action) .disabled-field:hover,
.disable-fields-if-checked .switch-wrapper > input[type='radio'].disabled-field ~ .switch-caption::before,
.disable-fields-if-checked .switch-wrapper > input[type='radio']:checked.disabled-field ~ .switch-caption::before {
    cursor: default;
    pointer-events: none;
}

.disable-fields-if-checked .disabled-field,
.disable-fields-if-checked .disabled-field:hover,
.disable-fields-if-checked .switch-wrapper > input[type='radio'].disabled-field ~ .switch-caption::before {
    background-color: var(--disabled-field-input-bg);
}


.disable-fields-if-checked .disable_wrapper.disable-action .disabled-field,
.disable-fields-if-checked .disable_wrapper.disable-action .disabled-field:hover,
.disable-fields-if-checked .disable_wrapper.disable-action .switch-wrapper > input[type='radio'].disabled-field ~ .switch-caption::before {
    background-color: transparent;
}


.disable-fields-if-checked .switch-wrapper > input[type='radio']:checked.disabled-field ~ .switch-caption::before {
    background: radial-gradient(var(--disabled-field-radio-checked) 25%, var(--white-color) 30%, var(--white-color));
}

.disable-fields-if-checked .switch-wrapper > input[type='checkbox']:disabled:not(:checked).disabled-field ~ .switch-caption:not(.leftcaption)::before {
    border-color: var(--disabled-field-checkbox-unchecked);
}

.disable-fields-if-checked .switch-wrapper > input[type='checkbox']:checked:not(:disabled).disabled-field ~ .switch-caption:not(.leftcaption)::before,
.disable-fields-if-checked .switch-wrapper > input[type='checkbox']:checked:disabled:not(.borderfree).disabled-field ~ .switch-caption:not(.leftcaption)::before {
    color: var(--disabled-field-checkbox-checked);
}

[contenteditable=false].disabled-field:empty::before {
    content: attr(data-placeholder);
}
/****End - GAL-103491****/