.agentx {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  background-color: #f9f9f9; }
  .agentx-header {
    background-color: #013A6F;
    color: #FFFFFF;
    display: flex;
    min-width: 100vw;
    top: 0;
    position: fixed;
    left: 0;
    z-index: 99999;
    height: 60px; }
    .agentx-header-name a:hover {
      text-decoration: none; }
    .agentx-header-name {
      flex-grow: 5;
      display: flex;
      align-items: center; }
      .agentx-header-name img {
        max-height: 36px;
        margin-left: 15px; }
      .agentx-header-name .highlight {
        background-color: transparent !important; }
      .agentx-header-name-text {
        color: #FFFFFF;
        font-weight: 700;
        font-size: 30px;
        padding-right: 19px;
        border-right: 1px solid #CFD8DC; }
      .agentx-header-name-sub-text {
        color: #FFFFFF;
        font-weight: 400;
        font-size: 20px;
        padding-left: 19px; }
    .agentx-header-user {
      margin-right: 25px; }
      .agentx-header-user-text {
        text-align: right;
        margin-right: 25px; }
    .agentx-header .custom-pf {
      display: flex;
      align-items: center;
      cursor: pointer;
      margin-right: 20px;
      position: relative; }
      .agentx-header .custom-pf #newsfeedBadgeCount {
        background: #A30F07;
        font-weight: 700;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        position: absolute;
        top: 10px;
        right: -2px; }
      .agentx-header .custom-pf ion-icon {
        font-size: 30px;
        color: #fff; }
      .agentx-header .custom-pf .pendo-resource-center-badge-notification-bubble {
        width: 15px !important;
        height: 15px !important;
        top: -8px !important;
        left: -10px !important;
        z-index: 9 !important;
        position: relative !important; }
        @media (max-width: 992px) {
          .agentx-header .custom-pf .pendo-resource-center-badge-notification-bubble {
            left: 20px !important; } }
        .agentx-header .custom-pf .pendo-resource-center-badge-notification-bubble .pendo-notification-bubble-unread-count {
          width: 16px !important;
          font-size: 10px !important;
          right: 0px !important; }
  .agentx-frame {
    display: flex;
    flex-direction: row; }
    .agentx-frame .agentx-nav {
      transition: width 0.3s;
      z-index: 99;
      border-right: 1px solid #CFD8DC; }
    .agentx-frame .sidenav {
      max-height: calc(100% - 100px);
      overflow: auto; }
      .agentx-frame .sidenav .collapse-menu {
        position: absolute;
        bottom: 60px;
        padding: 8px 16px;
        color: #212121;
        width: 100%;
        border-top: 1px solid #CFD8DC;
        cursor: pointer; }
        .agentx-frame .sidenav .collapse-menu img {
          width: 20px;
          height: auto;
          padding: 0; }
        .agentx-frame .sidenav .collapse-menu:hover img {
          opacity: 1;
          transition: all .3s; }
    .agentx-frame.collapsed .sidenav {
      overflow: visible; }
    .agentx-frame.collapsed .collapse-menu .collapse-text {
      display: none; }
    .agentx-frame.collapsed .agentx-nav {
      width: 55px; }
      .agentx-frame.collapsed .agentx-nav .sidenav .collapse-menu img {
        transform: rotate(180deg); }
      .agentx-frame.collapsed .agentx-nav .sidenav .open-app ion-icon {
        margin-top: 6px; }
      .agentx-frame.collapsed .agentx-nav .sidenav.agent-nav a:nth-child(6), .agentx-frame.collapsed .agentx-nav .sidenav.agent-nav a:nth-child(11), .agentx-frame.collapsed .agentx-nav .sidenav.agent-nav a:nth-child(17), .agentx-frame.collapsed .agentx-nav .sidenav.agent-nav a:nth-child(20) {
        margin-top: 6px;
        padding: 6px 16px;
        border-top: solid 1px #CFD8DC; }
        .agentx-frame.collapsed .agentx-nav .sidenav.agent-nav a:nth-child(6) ion-icon, .agentx-frame.collapsed .agentx-nav .sidenav.agent-nav a:nth-child(11) ion-icon, .agentx-frame.collapsed .agentx-nav .sidenav.agent-nav a:nth-child(17) ion-icon, .agentx-frame.collapsed .agentx-nav .sidenav.agent-nav a:nth-child(20) ion-icon {
          margin-top: 6px; }
      .agentx-frame.collapsed .agentx-nav .sidenav.agent-nav a:nth-child(9) {
        border-top: none;
        margin: inherit; }
        .agentx-frame.collapsed .agentx-nav .sidenav.agent-nav a:nth-child(9) ion-icon {
          margin-top: inherit; }
      .agentx-frame.collapsed .agentx-nav .sidenav a:nth-child(7), .agentx-frame.collapsed .agentx-nav .sidenav a:nth-child(9) {
        margin-top: 6px;
        padding: 6px 16px;
        border-top: solid 1px #CFD8DC; }
        .agentx-frame.collapsed .agentx-nav .sidenav a:nth-child(7) ion-icon, .agentx-frame.collapsed .agentx-nav .sidenav a:nth-child(9) ion-icon {
          margin-top: 6px; }
      .agentx-frame.collapsed .agentx-nav .sidenav a span {
        display: none; }
      .agentx-frame.collapsed .agentx-nav .sidenav p {
        display: none; }
    .agentx-frame.collapsed .agentx-contentframe {
      margin-left: 55px; }
      .agentx-frame.collapsed .agentx-contentframe .agentx-page-title {
        width: calc(100% - 55px); }
    .agentx-frame.collapsed.hover .agentx-nav {
      width: 250px; }
      .agentx-frame.collapsed.hover .agentx-nav .sidenav.agent-nav a:nth-child(6), .agentx-frame.collapsed.hover .agentx-nav .sidenav.agent-nav a:nth-child(11), .agentx-frame.collapsed.hover .agentx-nav .sidenav.agent-nav a:nth-child(17) {
        margin-top: 0;
        padding: 8px 16px;
        border-top: none; }
      .agentx-frame.collapsed.hover .agentx-nav .sidenav a:nth-child(4) {
        margin-top: 0;
        padding: 8px 16px;
        border-top: none; }
      .agentx-frame.collapsed.hover .agentx-nav .sidenav a span {
        display: inline-block; }
      .agentx-frame.collapsed.hover .agentx-nav .sidenav p {
        display: block; }
  .agentx-contentframe {
    display: flex;
    flex-direction: column;
    flex-grow: 7;
    min-height: 90vh;
    margin-left: 300px;
    margin-top: 60px; }
  .agentx-content {
    flex: 1;
    background-color: #fff;
    color: #013A6F;
    padding: 15px;
    display: flex;
    flex-direction: column; }
    .agentx-content .agentx-users-grid .agentx-compressed-grid.no-users {
      margin: 15px; }
      .agentx-content .agentx-users-grid .agentx-compressed-grid.no-users .agentx-user-tab.user-grid {
        margin-top: 0;
        margin-bottom: 20px;
        margin-left: 0; }
    .agentx-content .agentx-container-flex-col {
      display: flex;
      flex-flow: column nowrap;
      flex: 1; }
      .agentx-content .agentx-container-flex-col.faAdminContainer .dashboard-section.right {
        flex: 1 !important; }
        .agentx-content .agentx-container-flex-col.faAdminContainer .dashboard-section.right .row {
          flex-wrap: nowrap; }
      @media (min-width: 1300px) {
        .agentx-content .agentx-container-flex-col.faAdminContainer .agentx-container-section.dashboard-section {
          flex: 1 !important;
          display: flex;
          align-items: center; }
          .agentx-content .agentx-container-flex-col.faAdminContainer .agentx-container-section.dashboard-section .img-side img {
            min-height: initial !important; }
        .agentx-content .agentx-container-flex-col.faAdminContainer .right-container {
          flex: 1; }
          .agentx-content .agentx-container-flex-col.faAdminContainer .right-container .agentx-container-section.dashboard-section {
            flex: 1 !important; }
            .agentx-content .agentx-container-flex-col.faAdminContainer .right-container .agentx-container-section.dashboard-section.first .agentx-detail-content {
              display: flex;
              justify-content: space-between;
              flex-direction: column;
              align-items: center; }
              .agentx-content .agentx-container-flex-col.faAdminContainer .right-container .agentx-container-section.dashboard-section.first .agentx-detail-content .row {
                width: 100%; }
          .agentx-content .agentx-container-flex-col.faAdminContainer .right-container .dashboard-section {
            padding: 30px !important; }
            .agentx-content .agentx-container-flex-col.faAdminContainer .right-container .dashboard-section .img-side {
              flex: 1; }
              .agentx-content .agentx-container-flex-col.faAdminContainer .right-container .dashboard-section .img-side img {
                float: right;
                min-height: initial; } }
    .agentx-content .agentx-footer {
      flex: 0; }
  .agentx-nav {
    flex: 1;
    background-color: #FAFAFA;
    flex-grow: 3;
    width: 250px;
    padding-top: 12px;
    position: fixed;
    top: 60px;
    left: 0px;
    z-index: 1;
    height: 100%; }
    .agentx-nav .sidenav p {
      font-size: 12px;
      text-transform: uppercase;
      color: #E17E26;
      padding: 14px 8px 3px 16px;
      font-weight: 500;
      margin: 0; }
    .agentx-nav .sidenav .standalone-a:last-child {
      border-top: 1px solid rgba(200, 199, 204, 0.2); }
    .agentx-nav .sidenav a {
      font-weight: 400;
      font-size: 14px; }
      .agentx-nav .sidenav a ion-icon {
        margin-right: 14px;
        font-size: 18px;
        vertical-align: text-top;
        color: #9E9E9E; }
      .agentx-nav .sidenav a.highlight {
        font-weight: 600;
        color: #212121; }
        .agentx-nav .sidenav a.highlight ion-icon {
          opacity: 1;
          color: #212121; }
    .agentx-nav-icon {
      width: 20px;
      height: 20px; }
  .agentx-footer {
    display: flex;
    align-items: center;
    padding: 15px 30px;
    width: 100%;
    bottom: auto;
    background-color: #f9f9f9;
    border-top: 1px solid #CFD8DC;
    justify-content: space-between; }
    .agentx-footer-text {
      color: #013A6F; }
    .agentx-footer-body {
      padding-right: 25px;
      font-size: 11px; }
    .agentx-footer-logo-img {
      height: 33px;
      float: right;
      margin: 0px; }
    .agentx-footer-disclaimers {
      display: flex; }
      .agentx-footer-disclaimers div {
        padding: .5rem .7rem; }
        .agentx-footer-disclaimers div:first-of-type {
          padding-left: 0; }
    .agentx-footer-disclaimer {
      margin: 5px; }
    .agentx-footer-copyright {
      margin: 5px;
      color: #353535;
      font-size: 10px; }

.modal-content {
  box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.4);
  max-height: 90vh; }

.tooltip {
  pointer-events: none; }

.modal-header, .modal-body {
  padding: 24px 32px; }

.modal-body {
  max-height: 75vh;
  overflow: auto; }

.modal-content.about-app a {
  color: #2E7EA8;
  font-size: 12px;
  display: flex;
  align-items: center; }
  .modal-content.about-app a ion-icon {
    margin-right: 5px;
    font-size: 20px;
    color: #65788F; }

.modal-content.about-app .modal-body {
  max-height: 75vh;
  overflow: auto;
  border-bottom: 1px solid #CFD8DC; }
  .modal-content.about-app .modal-body .logo-row {
    display: flex;
    padding-bottom: 24px; }
    .modal-content.about-app .modal-body .logo-row p {
      font-size: 12px;
      color: #9E9E9E;
      margin-left: 10px; }
  .modal-content.about-app .modal-body .outline-button {
    margin: 0; }

.modal-content.about-app .link-row {
  display: flex;
  gap: 16px;
  padding: 32px 24px; }

.modal-content.about-app .fa-logo {
  padding: 24px 24px 0; }

.modal-content.about-app .txt-grey {
  color: #9E9E9E;
  font-size: 12px; }
  .modal-content.about-app .txt-grey.p-24 {
    padding: 0 24px;
    max-width: 350px; }

.modal-fitcontent {
  width: 400px; }

.modal-header {
  align-items: center; }
  .modal-header .close {
    margin: 0px;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    justify-content: center; }

.modal-header .close:focus {
  outline: none;
  border: 0px; }

.modal-footer {
  justify-content: normal;
  flex-direction: row-reverse;
  position: relative;
  padding: 17px 32px 17px 32px;
  padding-right: 32px;
  border-top: 1px solid #CFD8DC;
  background: #fff; }
  .modal-footer.app-footer {
    flex-direction: row;
    justify-content: space-between; }
  .modal-footer .text-button.l-icon {
    display: inline-flex;
    align-items: center; }
    .modal-footer .text-button.l-icon ion-icon {
      margin-right: 5px; }

.modal-footer input {
  margin: 0 !important; }

.modal-footer .primary-button {
  margin: 0px; }

.modal-footer .outline-button {
  margin-right: 15px !important; }

button.close {
  font-size: 26px;
  color: #013A6F; }

button.close:hover {
  color: #002d57; }

.agentx-device-float {
  position: fixed; }

/* Username dropdown and menu*/
.agentx-username {
  height: 60px;
  border-radius: 0px;
  color: #fff !important;
  display: flex;
  box-shadow: none;
  text-decoration: none; }

.agentx-username:hover, .agentx-username:focus {
  color: #fff !important;
  box-shadow: none !important;
  text-decoration: none;
  outline: none;
  transition: opacity 15ms linear,background-color 15ms linear;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  filter: none; }

.agentx-username .icon {
  vertical-align: middle;
  margin: auto 0; }

.agentx-username .icon .md.hydrated {
  margin-left: 8px;
  color: #fff; }

.agentx-username-role-display {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  text-align: right;
  margin: auto 0;
  padding-right: 18px; }

.agentx-username-role-display .name {
  font-size: 14px;
  font-weight: 500; }

.agentx-usermenu-role-display .user-initials {
  min-height: 75px;
  min-width: 75px;
  font-size: 30px;
  padding: 14px 0;
  margin-right: 15px; }

span.user-initials {
  font-size: 16px;
  font-weight: 700;
  color: #2E7EA8;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  width: 40px;
  padding: 8px 0;
  margin: 5px 0;
  background-color: #DCEFF9; }

.agentx-username-role-display .role {
  font-size: 12px;
  font-weight: 400; }

.agentx-username .user-pic {
  height: 40px;
  width: 40px;
  /*border-radius: 50%;
    vertical-align: middle;*/
  overflow: hidden;
  margin: auto;
  clip-path: circle(50% at center); }

.agentx-username .user-pic img {
  max-height: 40px;
  height: 100%;
  width: auto;
  max-width: 40px;
  margin: 0 auto; }

.modal-backdrop {
  z-index: 99999; }

.agentx-usermenu {
  width: 325px;
  padding-bottom: 10px; }
  .agentx-usermenu.show {
    z-index: 99999; }
  .agentx-usermenu-role-display {
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    text-align: left; }
  .agentx-usermenu-role-display .user-pic {
    height: 75px;
    width: 75px;
    max-width: 75px;
    /*border-radius: 50%;
        vertical-align: middle;*/
    clip-path: circle(50% at center);
    overflow: hidden;
    margin-right: 15px; }
  .agentx-usermenu-role-display .agentx-username-role-display {
    text-align: left !important; }
  .agentx-usermenu-role-display .agentx-username-role-display .name {
    font-size: 16px; }
  .agentx-usermenu-role-display .agentx-username-role-display .role {
    font-size: 14px;
    color: #616161; }
  .agentx-usermenu-role-display .user-pic img {
    max-height: 75px;
    max-width: 75px;
    height: 100%;
    width: auto;
    margin: 0 auto; }

.agentx-usermenu .dropdown-divider {
  height: 1px;
  margin: 0px;
  border-top: 1px solid #CFD8DC; }

.dropdown-item:active {
  color: #000; }

.agentx-usermenu .dropdown-item, .agentx-usermenu .dropdown-item:visited {
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  padding: 8px 1rem;
  color: #000;
  display: flex;
  flex-direction: row;
  line-height: 30px; }

.agentx-usermenu .dropdown-item:hover, .agentx-usermenu .dropdown-item:focus {
  background-color: rgba(0, 0, 0, 0.04);
  outline: none;
  color: #000; }

.agentx-usermenu .dropdown-item .icon {
  margin: auto 0;
  padding-right: 14px;
  font-size: 16px;
  vertical-align: middle; }

.agentx-usermenu .dropdown-item .icon-agency {
  background: #013A6F;
  border-radius: 3px;
  border: 1px solid #CFD8DC;
  padding-left: 10px;
  height: 30px;
  width: 30px;
  min-width: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  display: flex;
  text-align: center !important;
  margin-right: 11px; }

.agentx-usermenu .dropdown-header {
  font-size: 14px;
  color: #616161;
  font-weight: 400;
  padding: 15px 20px 5px 20px; }

.spacer {
  display: flex;
  height: 15px; }

.agentx-contentframe {
  margin-left: 250px;
  min-height: calc(100vh - 65px); }

#importCustomFeesModal .agentx-container-fees {
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important; }
  #importCustomFeesModal .agentx-container-fees p {
    font-size: 22px !important; }

#importCustomFeesModal .title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px; }
  #importCustomFeesModal .title-row .text-btn {
    margin-right: 0; }
  #importCustomFeesModal .title-row h3 {
    margin: 0; }
  #importCustomFeesModal .title-row .agentx-button-text {
    margin-right: 0; }

#importCustomFeesModal .modal-footer {
  flex-direction: row;
  justify-content: space-between; }
  #importCustomFeesModal .modal-footer .agentx-button-text ion-icon {
    margin-bottom: 0; }

#importCustomFeesModal .btn {
  opacity: 1 !important; }

#editCustomFeeModal .agentx-container-fees {
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important; }
  #editCustomFeeModal .agentx-container-fees p {
    font-size: 22px !important; }

#editCustomFeeModal .title-row {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  #editCustomFeeModal .title-row .agentx-button-text {
    margin-right: 0; }

#editCustomFeeModal .modal-footer {
  flex-direction: row;
  justify-content: space-between; }
  #editCustomFeeModal .modal-footer .agentx-button-text ion-icon {
    margin-bottom: 0; }

#editCustomFeeModal .btn {
  opacity: 1 !important; }

#editCustomFeeForm .row.url-row.tier-individual-grid-section .label-heading:first-child {
  width: 100%; }

#editCustomFeeForm .row.url-row.tier-individual-grid-section .label-heading:last-child {
  width: 70%; }

#editCustomFeeForm .checkbox label {
  display: flex;
  align-items: center;
  font-weight: 400;
  cursor: pointer; }

#editCustomFeeForm .input-group {
  padding-top: 0; }

#editCustomFeeForm .form-group.input-group.tooltip-row {
  align-items: flex-end;
  margin: 25px 0 15px 0; }
  #editCustomFeeForm .form-group.input-group.tooltip-row h6 {
    margin: 0; }
  #editCustomFeeForm .form-group.input-group.tooltip-row ion-icon.help-icon {
    font-size: 20px;
    padding: 0 0 0 15px; }

#editCustomFeeForm .checkbox.chk-row {
  display: flex;
  margin: 10px 0;
  align-items: center; }
  #editCustomFeeForm .checkbox.chk-row.extra-padd {
    margin-left: 5px; }
  #editCustomFeeForm .checkbox.chk-row ion-icon {
    padding: 0;
    width: 20px; }
  #editCustomFeeForm .checkbox.chk-row label {
    margin: 0; }

#editCustomFeeForm .outline-button.oval {
  margin-left: 0;
  margin-right: 10px; }

#editCustomFeeForm .url-row .checkbox .cr {
  margin-left: 0; }

#editCustomFeeForm .url-row .fixed-dollar-section {
  margin-left: 9px; }

#editCustomFeeForm .circle-btn {
  min-width: 10px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  padding: 8px 0;
  margin: 0;
  outline: none;
  background: #fff; }
  #editCustomFeeForm .circle-btn:focus {
    outline: none; }
  #editCustomFeeForm .circle-btn:last-child {
    margin-left: 5px; }

#editCustomFeeForm .split-col {
  display: flex; }
  #editCustomFeeForm .split-col .label-heading {
    display: flex;
    align-items: center;
    flex: 1; }
    #editCustomFeeForm .split-col .label-heading .error-message {
      line-height: 0;
      width: inherit;
      margin-top: 12px;
      white-space: nowrap; }
    #editCustomFeeForm .split-col .label-heading .input-group .has-float-label .form-control {
      padding: 5px 10px; }
    #editCustomFeeForm .split-col .label-heading:first-child {
      width: 40%;
      padding-right: 5px;
      border-right: 1px solid #C8C7CC; }
    #editCustomFeeForm .split-col .label-heading:last-child {
      display: block;
      padding-left: 10px;
      width: 60%; }
      #editCustomFeeForm .split-col .label-heading:last-child .split {
        display: flex;
        flex: 1; }
        #editCustomFeeForm .split-col .label-heading:last-child .split > .reduce-padd {
          flex: 1; }
        #editCustomFeeForm .split-col .label-heading:last-child .split ion-icon {
          position: absolute;
          margin-bottom: 10px; }
    #editCustomFeeForm .split-col .label-heading .left-col, #editCustomFeeForm .split-col .label-heading .right-col {
      flex-basis: 50%; }
    #editCustomFeeForm .split-col .label-heading h6 {
      text-align: left;
      width: 100%;
      color: #212121; }

#editCustomFeeForm .circle-btn {
  border: 1px solid #CFD8DC;
  color: #212121;
  background: #fff; }
  #editCustomFeeForm .circle-btn.active {
    border: 2px solid #2E7EA8 !important;
    background-color: rgba(1, 58, 111, 0.1) !important;
    color: #2E7EA8 !important;
    font-weight: 600; }

#editCustomFeeForm .fee-value-section .url-row {
  flex-wrap: nowrap; }

#editCustomFeeForm .fee-value-section .type-row.reduce-padd {
  min-width: 100px; }

#editCustomFeeForm .fee-value-section .no-padd.fixed-percentage-section .url-row .fee-input {
  flex-basis: 55%; }

#editCustomFeeForm .fee-value-section .no-padd.fixed-percentage-section .url-row .perc-row {
  width: 100%; }
  #editCustomFeeForm .fee-value-section .no-padd.fixed-percentage-section .url-row .perc-row #FeeValueBasePercentageOf:disabled {
    background: rgba(200, 199, 204, 0.2);
    opacity: 1; }
    #editCustomFeeForm .fee-value-section .no-padd.fixed-percentage-section .url-row .perc-row #FeeValueBasePercentageOf:disabled + label {
      top: 0px;
      color: #616161;
      font-size: 75%;
      opacity: 1; }

#editCustomFeeForm .label-row {
  margin-top: 25px; }
  #editCustomFeeForm .label-row .right-col {
    margin-left: -3px; }
  #editCustomFeeForm .label-row .label-heading:last-child {
    display: flex; }
  #editCustomFeeForm .label-row p {
    padding-bottom: 15px;
    margin-bottom: 0; }

#editCustomFeeForm select:disabled {
  background: rgba(200, 199, 204, 0.2); }
  #editCustomFeeForm select:disabled + label {
    font-size: 75%; }

#editCustomFeeForm .row.url-row {
  display: flex;
  flex-wrap: nowrap; }
  #editCustomFeeForm .row.url-row .rounding {
    height: 80px; }
  #editCustomFeeForm .row.url-row.tier-individual-grid-section, #editCustomFeeForm .row.url-row.tier-incremental-grid-section {
    margin-bottom: 25px; }
  #editCustomFeeForm .row.url-row .has-float-label .form-control {
    padding-top: 24px; }
    #editCustomFeeForm .row.url-row .has-float-label .form-control:disabled {
      background: rgba(194, 194, 194, 0.5);
      opacity: .8;
      color: rgba(0, 0, 0, 0.5); }
      #editCustomFeeForm .row.url-row .has-float-label .form-control:disabled + label {
        top: 5px;
        font-size: 75%; }

#customFees .ag-pinned-left-cols-container > div {
  cursor: pointer; }

.section-heading .help-icon {
  font-size: 20px;
  top: 3px;
  position: relative; }

.back-btn:hover {
  animation: bounce 2s ease infinite; }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0); }
  40% {
    transform: translateX(-10px); }
  60% {
    transform: translateX(-5px); } }

.rotate-icon:hover {
  animation: bounce-up 2s ease infinite;
  transform: rotate(180deg); }

@keyframes bounce-up {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0) rotate(180deg); }
  40% {
    transform: translateY(-10px) rotate(180deg); }
  60% {
    transform: translateY(-5px) rotate(180deg); } }

.custom-loader {
  background: rgba(244, 245, 248, 0.7); }

.loading-wrapper {
  background: none !important;
  box-shadow: none !important; }
  .loading-wrapper .loading-spinner {
    display: none; }

.loader-wrapper {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  background: rgba(244, 245, 248, 0.7); }
  .loader-wrapper .rainbow {
    position: relative;
    display: flex;
    justify-content: center; }
    .loader-wrapper .rainbow .dot-container {
      min-width: 220px; }
    .loader-wrapper .rainbow .circle {
      border-radius: 50%; }
    .loader-wrapper .rainbow .outer {
      position: absolute;
      width: 100px;
      height: 100px;
      background-color: transparent;
      border: #000 dashed 0px;
      animation-duration: 5s;
      animation-name: rotate;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      bottom: 0;
      right: 0; }
    .loader-wrapper .rainbow .text-loader {
      position: absolute;
      top: 50px;
      min-width: 220px;
      right: -75px;
      font-size: 18px;
      font-weight: 500; }
    .loader-wrapper .rainbow #child {
      background-color: #fff;
      width: 10px;
      height: 10px;
      position: absolute;
      margin-left: 45px;
      animation-name: rainbow;
      animation-duration: 4s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out; }

@keyframes rotate {
  0% {
    transform: rotate(0deg) scaleX(1) scaleY(1); }
  50% {
    transform: rotate() scaleX(1.2) scaleY(1.2); }
  100% {
    transform: rotate(360deg) scaleX(1) scaleY(1); } }
    .loader-wrapper .rainbow #one {
      animation-duration: 2.5s; }
    .loader-wrapper .rainbow #two {
      animation-duration: 1.6s; }
    .loader-wrapper .rainbow #three {
      animation-duration: 1.25s; }
    .loader-wrapper .rainbow #four {
      animation-duration: 1s; }
    .loader-wrapper .rainbow #five {
      animation-duration: .85s; }

@keyframes rainbow {
  0% {
    background-color: #0061BD; }
  33% {
    background-color: #013A6F; }
  66% {
    background-color: #0061BD; }
  100% {
    background-color: #013A6F; } }