.body {
  margin: 0;
}

.page-host {
  position: absolute;
  left: 0;
  right: 0;
  top: 4em;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.left {
  float: left;
}

.right {
  float: right;
}

.inline-element {
  display: inline-flex;
}

.word-vertical-seperator {
  color: #e5e5e5;
}

.neg-activity {
  color: #4b4f56;
  font-weight: bold;
  cursor: pointer;
}

.pos-activity {
  color: #365899;
  font-weight: bold;
  cursor: pointer;
}

.app-btn {
  border-radius: 3px !important;
  min-width: 8em !important;
  border: 0;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  text-align: center !important;
  cursor: pointer;
  line-height: 1.437831 !important;
  display: inline-block;
  box-shadow: 2px 2px #8080801c;
}

.pos-btn {
  background: #337ab7;
}

.pos-btn:hover {
  background-color: #348ff0 !important;
  border-color: #d3d3d3 !important;
}



.neg-btn {
  background: #9E9E9E;
}

.neg-btn:hover {
  background-color: #504e4e !important;
  border-color: #d3d3d3 !important;
}

.bottom-space {
  margin-bottom: 1em;
}

.bold {
  font-weight: bold;
}

.pointer {
  cursor: pointer !important;
}

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

.block-display {
  display: block;
}

.link {
  cursor: pointer;
  color: #297FB8 !important;
}

.link:hover {
 color: #348ff0 !important;
}

.errors {
  color: red;
}

.dx-scrollbar-horizontal {
  height: 1em;
}

.dx-scrollable-scroll {
  height: 8em;
}

@media print {
  .page-host {
      position: absolute;
      left: 10px;
      right: 0;
      top: 50px;
      bottom: 0;
      overflow-y: inherit;
      overflow-x: inherit;
  }
}

.text:hover {
  color: #337ab7;
}

.section {
  padding-top: 2em;
  margin: 0 20px;
}

.navbar-nav {
  color: white !important;
}

.navbar-default {
  background-color: #294E80 !important;
  border: 0;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
}

.blue-light-bg {
  background-color: #01579B;
}

.navbar-default .nav-bar > li > a {
  color: white !important;
}

.navbar-nav li.loader {
  margin: 12px 24px 0 6px;
}

[dir=rtl] .dx-field-label {
  float: right;
}

.side-nav-header {
  color: #294E80;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
}

.side-nav-bar {
  background-color: #e7e7e7;
}

.section-margin {
  margin-top: 2em;

}

ai-dialog-header {
  font-size: large;
  font-weight: 600;
  background-color: #337ab7;
  color: rgb(255, 255, 255);
}

ai-dialog > ai-dialog-footer {
  min-height: 4em;
}

.dialog {
  min-width: 50em;
  min-height: 25em;
}

.popup-header {
  font-size: large;
  font-weight: 600;
  background-color: #337ab7;
  color: rgb(255, 255, 255);
}

/* animate page transitions */
section.au-enter-active {
  -webkit-animation: fadeInRight .5s;
  animation: fadeInRight .5s;
}

div.au-stagger {
  /* 50ms will be applied between each successive enter operation */
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms;
}

/* animation definitions */
@keyframes fadeOutRight {
  100% {
    opacity: 0;
    transform: translate(100%, 0);
  }
  0% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  100% {
    transform: none;
  }
  0% {
    transform: translate(-100%, 0);
  }
}
.au-enter {
  transform: translate(100%, 0);
}
.au-enter-active {
  animation: fadeInRight 0.3s;
}
.au-leave-active {
  animation: fadeOutRight 0.3s;
}

@-webkit-keyframes fadeInRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

@keyframes fadeInRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
  }
}

@-webkit-keyframes fadeIn {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

.entity-list .header {
  /*margin: 0.2em;*/
  margin-bottom: 0 !important;
  background-color: #337ab7;
  color: white;

  /*height: 2.4em;*/
  line-height: 1.4;
  padding: .1em .3em;

  /*font-weight: 600;*/
}

.loanRequestsHeaderBg {
  background-color: #2196F3 !important;
}

.loanHeaderBg {
  background-color: #03A9F4 !important;
}

.savingHeaderBg {
  background-color: #00BCD4 !important;
}

.contributionsHeaderBg {
  background-color: #009688 !important;
}

.key-value {
  line-height: 1.1;
  float: right;
  display: inline-flex;
}

.key-value .key {
  color: dimgray;
  float: right;
}

.key-value .value {
  font-weight: 600;
  float: right;
  color: #294e80;
}

.key-value-img {
  height: 1px;
  opacity: .4;
  width: 100%;
}

.subject-header {
  padding: .3em;
  margin-right: 1em;
  margin-left: .5em;
  background-color: #337ab7;
  color: white;
}

.entity-list-height {
  min-height: 7em !important;
}

.icon-text {
  margin-left: .3em;
}

.two-column {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -moz-column-fill: auto;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  -webkit-column-fill: auto;
  column-count: 2;
  column-gap: 20px;
  column-fill: auto;
  list-style-position: inside;
}

.three-column {
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -moz-column-fill: auto;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  -webkit-column-fill: auto;
  column-count: 3;
  column-gap: 20px;
  column-fill: auto;
  list-style-position: inside;
}

.two-column {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -moz-column-fill: auto;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  -webkit-column-fill: auto;
  column-count: 2;
  column-gap: 20px;
  column-fill: auto;
  list-style-position: inside;
}

.statusColor-New {
  color: #607d8b;
}

.statusColor-Verification {
  color: #9c27b0;
}

.statusColor-waitingForDocument {
  color: #2196F3;
}

.statusColor-waitingForGuarenteeApproval {
  color: #3f51b5;
}

.statusColor-waitingForInterview {
  color: #337ab7;
}

.statusColor-rejected {
  color: #ff0000;
}

.statusColor-approved {
  color: #00897B;
}

.statusColor-done {
  color: #27a1c5;
}

.green {
  color: green;
}

.dark-blue {
  color: darkblue;
}

.dark-orange {
  color: darkorange;
}

.purple {
  color: purple;
}

.dark-red {
  color: darkred;
}
.gray-blue{
  color:#5b7e9b ;
}
.statusBGColor-New {
  background-color: #607d8b;
}

.statusBGColor-Verification {
  background-color: #9c27b0;
}

.statusBGColor-waitingForDocument {
  background-color: #2196F3;
}

.statusBGColor-waitingForGuarenteeApproval {
  background-color: #3f51b5;
}

.statusBGColor-waitingForInterview {
  background-color: #337ab7;
}

.statusBGColor-rejected {
  background-color: #ff0000;
}

.statusBGColor-approved {
  background-color: #00897B;
}

.statusBGColor-done {
  background-color: #4caf50;
}

.statusBGColor-blank {
  background-color: white;
}

.contributionsColor {
  color: #009688 !important;
}

.round-btn {
  margin-top: 1em;
  border-radius: 1em;
  background-color: #eee;
  padding: .5em;
  margin-left: 0.8em;
  font-size: 1.1em;
  cursor: pointer;
}

.round-btn-table {
  border-radius: 1em;
  background-color: #eee;
  padding: .2em .8em;
  margin-left: 1.5em;
  font-size: 1.1em;
  cursor: pointer;
}

.dx-datagrid-rowsview td {
  direction: ltr;
}

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

.text-rtl-dir {
  direction: rtl !important;
}

.text-ltr-dir {
  direction: ltr !important;
}

.no-margin {
  margin-left: 0;
  margin-right: 0;
}

.quick-deposit {
  padding: 1em;
}

.aspace {
  margin-left: 1em;
}

.bspace {
  margin-left: 1em;
}

/* .leftbutton {
display: block;
float: left;
 margin-top: 1em; 
} */

.lbcolor {
  color: #fff;
}

.inpbr {
  border-radius: 5px;
  border: #c5c5c5 solid 1px;
}

.labelspace {
  margin-left: 2px;
  font-weight: 300;
}

.qdm {
  margin-top: 2em;
}

.general-pages-header {
  font-size: 2em;
  background-color: #337ab7;
  color: #ffffff;
  padding: 0 12px;
}

.no-padding {
  padding: 0 !important;
}

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

.btn-ml {
  margin-left: 3em;
}

.dashboard-totals {
  background-color: #d5dce0;
  padding: 4px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding-left: 15px !important;
  padding-right: 0px !important;
}
.dx-toolbar-before {
  right: 0 !important;
  left: auto !important;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 10px !important;
}
.dx-toolbar-center {
  margin: auto !important;
  float: none !important;
}

.text-ltr-dir > div> .field-label{
  direction: rtl;
}

.text-ltr-dir > div > .field-value > d-control > dx-widget > .dx-texteditor-container input {
  text-align: right;
}

span.dx-checkbox-icon::before {
  background-color: unset !important;
}