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

.sameOnTradeLicense {
  display: none;
}

.beingFilledByUBOCheckbox::before{
  width: 1.25rem !important;
  height: 1.25rem !important;
  left: -1.75rem !important;
}

.beingFilledByUBOCheckbox::after{
  width: 1.25rem !important;
  height: 1.25rem !important;
  left: -1.75rem !important;
}

.hide-poa-segment {
  display: none;
}


.red {
  color: #ff0000!important;
}

.yellow {
  color: #ffff00!important;
}

.green {
  color: #00ff00!important;
}

.lightgreen {
  color: #e8ffe8!important;
}

.blue {
  color: #0000ff!important;
}

.grey {
  color: #808080!important;
}

.orange {
  color: #FF7F00!important;
}

.authBulk {
  padding: 0px !important;
}

.authWPSBulk {
  padding: 0px !important;
}

.authIndividual {
  padding: 0px !important;
}

.validateBulk {
  padding: 0px !important;
}

.validateIndividual {
  padding: 0px !important;
}
.rejectIndividualValidate {
  padding: 0px !important;
}

.rejectIndividualAuth {
  padding: 0px !important;
}

.rejectBulkValidate {
  padding: 0px !important;
}

.rejectBulkAuth {
  padding: 0px !important;
}

.rejectWPSBulkAuth {
  padding: 0px !important;
}

.scheduledatetime {
  visibility: hidden;
}

.hide-row {
  visibility: hidden;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
   .modalLoad {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
  }

  /* When the body has the loading class, we turn
     the scrollbar off with overflow:hidden */
  body .loading .modalLoad {
    overflow: hidden;
  }

  /* Anytime the body has the loading class, our
     modal element will be visible */
  .loading .modalLoad {
    display: block !important;
  }

  /* Anytime the body has the loading class, our
     modal element will be visible with loader*/
  body .modalLoad .loader {
    width: 100px;
    height: 100px;
    background: #6ca7da;
    border-radius: 5px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    animation: rotate 1s infinite linear;
    display: block;
  }

  @keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  .no-padding{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

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

  .badge {
    line-height: 1.5 !important;
  }

  .hide-select-segment {
    display: none;
  }

  .inactive {
    color: inherit !important;
  }

  .bootstrap-select {
    width: 100% !important;
  }

  .bootstrap-select .dropdown-menu {
    transform: translate3d(0px,0px,0px) !important;
    width: 100% !important;
  }

  .bootstrap-select button{
    color: #adb5bd !important;
    background-color: #3b4452 !important;
    border: 1px solid #434e5e !important;
  }

  .bootstrap-select .no-results {
    color: #adb5bd !important;
    background-color: transparent !important;
  }

  .focus-btn-group {
    visibility: hidden !important;
  }

  .no-max-width {
    max-width: none !important;
  }

  .avatar-xxxl {
    width: 10rem;
    height: 10rem;
  }

  .align-text-left {
    text-align: left !important;
  }

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

.terms-container {
  text-align: center;
}
.terms-item {
  display: inline-block;
}
.terms-text {
  color: #adb5bd;
  text-decoration: underline;
}