/*** RFNG Override ***/
.rfng-grid__content .rfng-grid__left-filter {
  background-color: #dbdbde;
}

.step-content .rfng-grid {
  margin-bottom: 0 !important;
}

.modal-dialog .modal-body .modal-body-text {
  white-space: pre-line;
  word-wrap: break-word;
}

i.fa-close {
  color: #ffbbaa;
}

i.fa-check {
  color: #008c00;
}

i.fa-exclamation-triangle {
  color: red;
}

.fa-check-tab:before {
  content: "\f00c";
}

/*** RFNG Calendar should not have transparent Background ***/
.k-calendar-container {
  background: white;
}

/** Grid loading panel is covering main menu****/
.k-loading-mask {
  z-index: 99 !important;
}

.modal-width-90 .modal-dialog {
  width: 90%;
}

.modal-width-80 .modal-dialog {
  width: 80%;
}

.modal-width-70 .modal-dialog {
  width: 70%;
}

.modal-width-60 .modal-dialog {
  width: 60%;
}

.modal-width-50 .modal-dialog {
  width: 50%;
}

.modal-width-40 .modal-dialog {
  width: 40%;
}

.modal-width-25 .modal-dialog {
  width: 25%;
}

.modal {
  xxxxoverflow-y: hidden !important;
}

.modal-dialog {
  xxxxoverflow-x: hidden;
}

.verticalLine {
  border: thin solid #ff0000;
}

.centered {
  text-align: center;
}

.triangle {
  width: 0;
  height: 0;
  border-bottom: 140px solid #fcf921;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
}

.nav-tabs .disabled {
  opacity: 0.5;
}

.glyphicon-ok {
  color: green;
}

.glyphicon-minus {
  color: red;
}

select[disabled] {
  background: #ebebe4;
  color: #919191;
}

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

.pad-none {
  padding: 0;
}

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

.pl0 {
  padding-left: 0;
}

.pr0 {
  padding-right: 0;
}

.aos-form-required {
  color: #428bca;
}

.aos-order-form .form-columns {
  display: inline-flex !important;
  margin-left: 15px;
  -webkit-column-width: 250px;
  -moz-column-width: 250px;
  -ms-column-width: 250px;
  -o-column-width: 250px;
  column-width: 250px;
}

.aos-order-form .form-columns .form-group {
  padding: 0 25px 0 0;
  width: 250px;
  display: inline-block;
}

.aos-order-form .panel .panel-title {
  font-size: 14px;
}

.aos-order-form .form-header__actions {
  display: none;
}

.aos-sp-form .form-header__actions {
  display: none;
}

.aos-fa {
  display: initial;
}

.aos-property-panel .rfng-property-panel__thumbnail {
  min-width: 100px !important;
}

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

.aos-table-properties {
  width: 85%;
}

.aos-table-properties > tbody > tr > th {
  min-width: 110px;
}

.aos-table-title {
  margin-top: -10px;
  font-weight: bold;
}

.aos-table-ratings {
  border-spacing: 0px !important;
  border-collapse: separate;
  width: 100%;
}

.aos-table-ratings td {
  padding: 0px 10px 0px 0px !important;
  white-space: nowrap;
  text-align: center;
}

.aos-table-ratings th {
  width: 50%;
}

.aos-table-pool {
  border-spacing: 3px;
  border-collapse: separate;
  width: 100%;
}

.aos-table-pool td {
  padding: 3px;
  white-space: nowrap;
}

.aos-table-pool th {
  width: 50%;
}

.aos-table-pool-lastcol {
  padding: 3px;
  width: 99%;
}

.aos-full-table {
  width: 100%;
  margin: 0;
  padding: 0;
}

.aos-full-table th {
  margin: 0;
  padding: 0;
}

.aos-full-table tr {
  margin: 0;
  padding: 0;
}

.aos-full-table td {
  margin: 0;
  padding: 0;
}

.aos-pl6 {
  padding-left: 6px !important;
}

.aos-pb6 {
  padding-bottom: 6px !important;
}

.aos-order-client-name {
  margin: 0;
  font-weight: bold;
}

.aos-customize-container {
  border: 1px solid rgb(204, 204, 204);
  padding: 6px;
  margin-bottom: 10px;
}

.aos-condition-details-container {
  border: 1px solid rgb(204, 204, 204);
  padding: 10px;
}

.aos-condition-table {
  border-spacing: 5px;
  border-collapse: separate;
  width: 100%;
  padding-left: 10px;
}

.aos-condition-table td {
  padding: 0 0 0 5px;
}

.aos-condition-footer {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background-color: #dcdcdc !important;
}

.aos-condition-comments {
  width: 100%;
  max-height: 200px;
  overflow: auto;
}

.aos-sampling-instructions {
  width: 100%;
  overflow: auto;
  margin-left: 15px;
}

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

.aos-disable-field {
  pointer-events: none;
}

.aos-header-table-title {
  margin-top: -2px;
  font-weight: bold;
}

.aos-graybox-content {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.aos-label-close {
  display: inline-block;
  padding: 0 10px 7px 10px;
  margin: 3px;
  font-weight: 600;
}

.aos-label-close button {
  float: none;
  position: relative;
  padding-left: 6px;
  top: 1px;
}

.aos-client-multiselect {
  height: 100px !important;
}

.aos-summary-tab .rfng-grid__header {
  display: inherit;
}

.aos-loan-form-control {
  display: block;
  height: 23px;
  font-size: 13px;
  line-height: 14px;
  padding: 3px 12px;
  color: #333;
  width: 92%;
}

.aos-service-config .start-end-date {
  display: inline-block;
  width: 122px;
}

.aos-service-config .checkbok-desc {
  margin-left: 2%;
  opacity: 0.7;
}

.aos-service-config .los-name-url {
  margin-top: 1%;
}

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

.aos-color-red {
  color: red;
}

.aos-resub-date {
  display: inline-block;
  width: 125px;
}

.advanced-filter-close {
  color: #333 !important;
  margin-top: -10px;
}

.advanced-filter-close i {
  font-size: 18px;
}

.aos-order-form .custom-textarea {
  width: 885px;
  margin-left: 15px;
}

.aos-remove-blink {
  color: transparent !important;
  text-shadow: 0 0 0 #555;
}

.aos-pool-description-section {
  width: 100%;
  padding-left: 6px;
}

.aos-pool-header-section {
  border-right: 1px solid rgb(213, 202, 202);
  width: 20%;
  padding-left: 6px;
}

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

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

.aos-client-comments {
  float: right;
  font-weight: 600;
  color: red;
}

.aos-remove-doc {
  font-size: 80%;
  position: relative;
  top: -4px;
  margin-left: 1px;
}

.aos-link-disabled {
  pointer-events: none;
  opacity: 0.5;
  text-decoration: none;
}

.aos-tps-history {
  width: 100%;
  max-height: 450px;
  overflow: auto;
}

.aos-width-full {
  width: 100%;
}

.aos-table-details {
  width: 100%;
  margin: -7px;
}

.aos-refresh-page {
  margin-right: -28px;
  margin-top: -3px;
}

.aos-line-break {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
  word-break: break-all;
}

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

.aos-disabled {
  cursor: not-allowed !important;
  background-color: #eeeeee !important;
  opacity: 1 !important;
}

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

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

.aos-order-header-section-nobar {
  width: 25%;
  padding-left: 6px;
}

.aos-order-header-section-rightbar {
  border-right: 1px solid rgb(213, 202, 202);
  width: 25%;
  padding-left: 6px;
}

.aos-order-header-section-leftbar {
  border-left: 1px solid rgb(213, 202, 202);
  width: 25%;
  padding-left: 6px;
}

.aos-order-header-section {
  border-right: 1px solid rgb(213, 202, 202);
  width: 25%;
  padding-left: 6px;
}

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

.aos-capitalize {
  text-transform: capitalize;
}

.aos-textarea-disable-resize {
  resize: none;
}

.aos-text-disabled {
  opacity: 0.5 !important;
}

.aos-contact-details .form-control {
  width: 100% !important;
}

.aos-fileupload-area {
  width: 40%;
  margin: 0 auto;
}

.aos-fileupload-area-modal {
  width: 98%;
  margin: 0 auto;
}

.aos-fu-audit-height {
  height: 160px;
}

.aos-view-product-description {
  float: right;
}

.aos-customize-container .severity-width {
  width: 9%;
}

.aos-customize-container .comments-width {
  width: 27%;
}

.aos-customize-container .controls-width {
  width: 5%;
}

.aos-custom-container .row .col-xs-6 {
  margin-bottom: 1%;
}

.aos-trimerge .dob-margin {
  margin-top: 3%;
}

.aos-trimerge .dob-label-color {
  color: #ccc;
}

.aos-pool-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 125px;
}

.aos-pool-ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}

.aos-query-match {
  font-weight: bold;
}

.aos-org-open {
  padding-left: 3px;
  margin-top: 2px;
}

.aos-address-book td.disabledcell,
.aos-address-book td.disabledcell a {
  color: #b4b4b4;
}

.aos-user td.disabledcell,
.aos-address-book td.disabledcell a {
  color: #b4b4b4;
}

.aos-strike {
  text-decoration: line-through;
}

.aos-tree-contextmenu .k-animation-container {
  margin-top: 60px !important;
}

.aos-criteria-icon-loan-bgc {
  color: #fd635c;
}

.aos-criteria-icon-loan-tc {
  color: #ffffff;
}

.aos-criteria-icon-audit-bgc {
  color: #85a42c;
}

.aos-criteria-icon-audit-tc {
  color: #ffffff;
}

.aos-criteria-icon-answer-bgc {
  color: #b8771f;
}

.aos-criteria-icon-answer-tc {
  color: #ffffff;
}

.aos-sampling-icon-manual-bgc {
  color: #fd635c;
}

.aos-sampling-icon-manual-tc {
  color: #ffffff;
}

.aos-sampling-icon-import-bgc {
  color: #85a42c;
}

.aos-sampling-icon-import-tc {
  color: #ffffff;
}

.aos-sampling-icon-discretionary-bgc {
  color: #b8771f;
}

.aos-sampling-icon-discretionary-tc {
  color: #ffffff;
}

.aos-sampling-icon-stratified-random-bgc {
  color: #92cff5;
}

.aos-sampling-icon-stratified-random-tc {
  color: #ffffff;
}

.aos-sampling-icon-straight-random-bgc {
  color: #15557c;
}

.aos-sampling-icon-straight-random-tc {
  color: #ffffff;
}

.aos-sampling-icon-text {
  margin-left: 2px;
}

.aos-sampling-table .table > thead > tr > th {
  padding: 4px !important;
  border: none;
}

.aos-sampling-table .table > tbody > tr > td {
  padding: 4px !important;
  border: none;
}

.aos-sampling-table table {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

.aos-sampling-table table th:first-child {
  border-right: 1px solid #ddd !important;
}

.aos-sampling-table table th:last-child {
  border-left: 1px solid #ddd !important;
}

.aos-sampling-table table td:first-child {
  border-right: 1px solid #ddd !important;
}

.aos-sampling-table table td:last-child {
  border-left: 1px solid #ddd !important;
}

.grid-header-mandatory {
  font-size: 13px;
  color: #26a2ff;
}

/* RFNG UIF 2.15.0-3 CSS issue */
.advanced-filter__header {
  padding: 10px 10px 10px 0px !important;
}

.advanced-filter__body {
  padding: 0px 10px 0px 0px !important;
  height: 90%;
}

.advanced-filter__footer {
  padding: 0px 10px 0px 0px !important;
}

.aos-disabled {
  pointer-events: none;
  opacity: 0.3 !important;
}

.aos-disabled-info {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 1);
  z-index: 2147483647;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 20px;
}

.aos-table-criteria {
  border: 1px solid #ddd;
  border-collapse: collapse;
  border-spacing: 0;
}

.aos-table-criteria th {
  border: 1px solid #ddd;
  padding: 5px;
}

.aos-table-criteria td {
  border: 1px solid #ddd;
  padding: 5px;
}

.aos-tps-table th,
.aos-tps-table td {
  padding: 5px;
}

.aos-text-color {
  color: #666;
}

.aos-bullet {
  font-size: 11px;
}

.aos-criteria .k-icon.k-i-arrow-s {
  top: 3px;
  position: relative;
}

.aos-criteria .k-input.form-control {
  height: 29px;
}

.aos-criteria .k-widget.k-combobox.k-header.form-control {
  width: 100%;
  position: relative;
  top: -4px;
}

.aos-radio-checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-bottom: 10px;
}

.aos-radio-checkbox label {
  font-weight: normal;
}

.aos-no-padding {
  padding: 0px;
}

.aos-align-action ul {
  position: fixed !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
}

.aos-pointer {
  cursor: pointer;
}

.aos-sampling-bracket {
  font-weight: 600;
}

.aos-sampling-bracket-error {
  font-weight: 600;
  background: #ff0000;
}

.aos-kendo-editor .k-content {
  height: 50px !important;
}

.btn-switch {
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  background-color: grey;
  border: 2px solid grey;
  border-radius: 40px;
}

.btn-switch-circle {
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border-radius: 40px;
}

.btn-switch--on {
  background-color: #88bd23;

  border: 2px solid #88bd23;
}

.btn-switch-circle--on {
  left: auto;

  right: 0;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #7eaf22;
}

input:focus + .slider {
  box-shadow: 0 0 1px #7eaf22;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 50px;
  background-color: #eee;
  border-radius: 50%;
}

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

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196f3;
}

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

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: none;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.aos-questionnaire-step-panel-disable .step.step--disabled .step__title {
  opacity: 1 !important;
}

.aos-ddc-header {
  line-height: 40px;
  vertical-align: middle;
}

.aos-ddc-header .ddc-header {
  font-size: 17px;
  font-weight: 600;
  height: 40px;
}

.aos-ddc-header .ddc-heading {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  font-weight: bold;
  font-size: 14px;
  background-color: #f2f2f2;
  height: 40px;
}

.aos-ddc-qa-view {
  border-top: 2px solid #797979;
}

.aos-ddc-qa {
  line-height: 40px;
  vertical-align: middle;
}

.aos-ddc-qa-row {
  line-height: 40px;
  border-bottom: 1px solid #d8d8d8;
}

.aos-ddc-form .form-body {
  padding: 0 !important;
}

.aos-ddc-form .form-section__body {
  padding: 0 !important;
}

.aos-ddc-pbar-total {
  width: 150px;
  height: 15px;
}

.aos-ddc-pbar-total .k-progress-status-wrap {
  top: 6px;
  left: -50px;
  line-height: 0;
}

.aos-ddc-pbar {
  width: 40px;
  height: 15px;
}

.aos-ddc-pbar .k-progress-status-wrap {
  top: 6px;
  line-height: 0;
}

.aos-ddc-step {
  padding-left: 3px;
  padding-right: 3px;
}

.aos-ddc-qa-view .step .step__icon {
  padding-top: 2px;
}

.aos-ddc-question-plus {
  width: 10px;
  margin-left: -15px;
  vertical-align: middle;
}

.aos-ddc-question {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

.aos-ddc-status {
  margin-left: 20px;
}

.aos-small-editor table iframe.k-content {
  height: 75px !important;
}

.aos-ddc-exception {
  color: #ff1a00;
}
.step,
.js-step,
.ng-scope .step__title {
  margin: 0 0 0 0px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.aos-ddc-info {
  color: #1773ac;
}

.aos-ddc-link {
  color: #ff7400;
}

.aos-ddc-instruction {
  color: #356aa0;
}

.aos-ddc-plus {
  color: #3f4c6b;
}

.question-setup .form-section {
  padding: 0 0;
}

.question-setup .form-body {
  padding: 0 8px;
}

.aos-allow-space {
  white-space: pre-wrap;
  word-wrap: break-word; /* IE */
}

.aos-qc-plus {
  color: #9b9b9b;
  margin-left: 10px;
}

.aos-qc-plus:hover {
  color: #88bd23;
}

.aos-qc-item {
  margin: 10px;
  padding: 0 10px 0 0;
  min-width: 300px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  line-height: 2em;
  width: 98%;
}

.aos-qc-handler {
  width: 30px;
  margin-right: 10px;
  border-radius: 3px 0 0 3px;
  background: url("../../../assets/aos/images/handle.png") no-repeat 50% 50%
    #9b9b9b;
  cursor: move;
}

.aos-qc-handler:hover {
  background-color: #88bd23;
}

.aos-qc-placeholder {
  padding-left: 5px;
  font-size: 18px;
  width: 85%;
  border: 1px solid #88bd23;
}

.aos-qc-hint {
  width: 60%;
  left: 100px;
  border: 2px solid #88bd23;
  background: #ebf7d4;
  border-radius: 6px;
}

.aos-qc-hint .aos-qc-handler {
  background: #5fbd11;
}

.aos-popover-width {
  max-width: 780px;
}

.popover-content {
  white-space: pre-wrap;
}

.popover-title {
  font-size: 15px !important;
}

@media (min-width: 1300px) {
  .modal-xl {
    width: 1250px;
  }
}
.sub-content-ul {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-width: 2px;
  border-color: grey;
}
.main-content-ul {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-width: 2px;
  border-color: #88bd23;
}
.report-modal {
  position: relative !important;
  width: 52%;
  margin-left: 19%;
}

.doc-viewer-label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.doc-viewer-label-success {
  background-color: #5cb85c;
}

.doc-viewer-label-danger {
  background-color: #d9534f;
}

.doc-viewer-label-primary {
  background-color: #428bca;
}

.doc-viewer-icon-format {
  font-weight: normal;
  font-size: 20px;
}

.doc-viewer-icon-45-deg {
  position: absolute;
  font-size: 6px;
  z-index: 8;
  margin-top: -1px;
}

.dashboard-list-tab .rfng-grid__header > li {
  margin-top: 30px;
}

.dashboard-list-tab-parent {
  margin-top: 30px;
}

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

.dashboard-list-tab-parent {
  margin-top: 30px;
}

.rdco-doc-viewer-external .table > thead > tr > th,
.rdco-doc-viewer-external .table > thead > tr > td,
.rdco-doc-viewer-external .table > tbody > tr > th,
.rdco-doc-viewer-external .table > tbody > tr > td,
.rdco-doc-viewer-external .table > tfoot > tr > th,
.rdco-doc-viewer-external .table > tfoot > tr > td {
  padding: 4px;
}

.doc-viewer-directive
  .rfng-grid__header-control-dropdown[r-header-dropdown="views"] {
  width: 175px;
}

.doc-viewer-directive .rfng-grid__header-control[ng-show="viewsFlag"] {
  width: 200px;
}

.success-msg-text {
  color: #88bd23;
  font-weight: bold;
  display: inline-block;
}

.failure-msg-txt {
  color: red;
}

.doc-column-fix {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 128px;
  display: inline-block;
  white-space: nowrap;
}

.upload-progress-txt {
  z-index: 1;
  margin-top: 6px;
  margin-left: 1px;
}

.upload-progress {
  display: block;
  height: 2px;
  text-align: -webkit-left;
  line-height: 35px;
}

.upload-loader {
  margin-left: 125px;
  margin-top: -35px;
}

.upload-progress-loader {
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #88bd23;
  width: 31px;
  height: 31px;
  animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite; /* Safari */
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.doc-viewer-directive .k-grid-content {
  padding: 0px !important;
}

.doc-viewer-directive .k-grid-content .k-virtual-scrollable-wrap {
  overflow-y: scroll !important;
}

.doc-viewer-directive .k-grid-content .k-scrollbar-vertical {
  width: 0px !important;
}

.sidebar1 {
  left: 0;
  width: 22%;
  min-width: 20%;
  max-width: 40%;
}
.sidebar2 {
  left: 0;
  width: 0%;
  min-width: 0%;
  max-width: 0%;
}
.content1 {
  right: 0;
  width: 78%;
}
.content2 {
  right: 0;
  width: 100%;
  height: 94vh;
}

#sidebar-resizer {
  background-color: #666;
  cursor: e-resize;
  width: 6px;
}

#sidebar-resizer:hover,
#preview-resizer:hover {
  background-color: #aaa;
}

.doc-viewer-directive .rfng-grid .rfng-grid__header {
  display: grid !important;
}

.close-tag-circle {
  margin-left: 5px;
  font-size: initial;
}
.mrd-category-select {
  border-style: groove;
  background-color: white;
  max-height: 300px;
  overflow-y: scroll;
}

#treeView .k-state-selected {
  background-color: #5fbd11 !important;
  border-color: #5fbd11 !important;
}

.rfng-Tree-Doc .rfng-grid {
  margin-bottom: -6% !important;
}
.kendo-silver .k-animation-container {
  width: 120px !important;
}

.wrapper-progressBar {
  width: 100%;
  margin-left: 15%;
}

.progressBar {
}

.progressBar li {
  list-style-type: none;
  float: left;
  width: 33%;
  position: relative;
  text-align: center;
}

.progressBar li:before {
  content: " ";
  line-height: 30px;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  border: 1px solid #ddd;
  border-left: none;
  display: block;
  text-align: center;
  margin: 8.5px auto 0px;
  background-color: #fcfcfc;
}
.progressBar li:after {
  content: "";
  position: absolute;
  width: 97%;
  height: 5px;
  background-color: #fcfcfc;
  border: 1px solid #ddd;
  border-right: none;
  top: 15px;
  left: -50%;
  z-index: -1;
}

.progressBar li:first-child:after {
  content: none;
}

.progressBar li.active {
  color: #88bd23;
}

.progressBar li.active:before {
  border-color: #88bd23;
  background-color: #88bd23;
}

.progressBar .active:after {
  background-color: #88bd23;
}

.aos-table-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.css-1gqdu1a {
  height: 67vh !important;
}
.css-19nbat5 {
  height: 33px !important;
}
.css-1mjixl7 {
  background-color: green !important;
}
.css-mvzsc5 {
  background-color: green !important;
}
.hoverpointer:hover {
  cursor: pointer;
}
.selectedQuestion {
  background: #ebf7d4;
  margin-left: 20px;
  border-left: 4px solid #88bd23;
}

.taskDetails {
  margin-top: 10px;
  padding: 2px;
  position: relative;
  left: -20px;
}

.addressBlock {
  height: 75px;
  overflow-y: scroll;
}

.user-selection {
  color: #ce5a00;
}
.selected-content {
  color: green;
}

.vertical-menu {
  width: 100%;
  line-height: 14px;
}

.vertical-menu a {
  background-color: #eee;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
  border-bottom: 1px solid;
}

.vertical-menu a:hover {
  background-color: #ccc;
}

.vertical-menu a.active {
  background-color: #04aa6d;
  color: white;
}

.life-cycle-header {
  background-color: #e2e3e3;
  color: #535b6a;
  font-size: 14px;
  vertical-align: super;
  font-weight: normal;
  border-right: 1px solid #fdfdfd;
  line-height: 1.1 !important;
  padding: 0.5em 0.6em 0.4em 0.6em !important;
}

.colapse-border {
  border-right:none;
  border-left:none;
  border-bottom:none;
  border-top:none !important;
  line-height: 1.1 !important;
  vertical-align: unset !important;
}



.life-cycle > tbody {
  display:block;
  height:37.5vh;
  overflow:auto;
}
.life-cycle > thead, .life-cycle > tbody tr {
  display:table;
  width:100%;
  table-layout:fixed;/* even columns width , fix width of table too*/
}
.life-cycle > thead {
  width: calc( 100% - 0em )/* scrollbar is average 1em/16px width, remove it from thead width */
}
.life-cycle > table {
  width:400px;
}

.colapse-border > td{
  padding: 0.28em 0.6em !important;
}

.tr-odd {
  background-color: #f6f6f6;
  font-size: 14px;
}

.tr-even {
  background: white;
  font-size: 14px;
}

.tr-even:hover,  .tr-odd:hover, .colapse-border:hover{
  background: #ebf7d4;
}

#outer_web_widget{
  bottom:-25px !important;
}

.active-tab{
  border-color: #88bd23;
  color: #88bd23;
  border-bottom: 3px solid;
}