.text-info {
  color: #007cf9 !important; }

.text-danger {
  color: #b72626 !important; }

.text-success {
  color: #1ba744 !important; }

.btn {
  cursor: pointer;
  font-size: .95em;
  font-weight: 500;
  margin-bottom: .2em;
  margin-right: .2em;
  margin-top: auto;
  padding: 4px 8px; }
  .btn:disabled {
    cursor: not-allowed; }
  .btn:focus {
    box-shadow: none; }
  .btn:last-of-type {
    margin-right: 0; }
  .btn.btn-primary {
    background-color: #fff;
    border: solid 1px #ced4da;
    color: #222;
    font-weight: 400;
    margin-right: 8px; }
    .btn.btn-primary.btn-primary + .btn-primary {
      margin-right: 8px; }
      .btn.btn-primary.btn-primary + .btn-primary:last-of-type {
        margin-right: 0; }
    .btn.btn-primary:last-of-type {
      margin-right: 0; }
    .btn.btn-primary:hover {
      background-color: #fff;
      border-color: #007cf9;
      color: #007cf9; }
    .btn.btn-primary:disabled {
      opacity: 25%; }
  .btn.btn-icon {
    background-color: transparent;
    border: solid 1px #ced4da;
    color: #00295b;
    padding: 8px 10px; }
    .btn.btn-icon svg {
      font-size: 1.3em;
      margin-right: 0 !important; }
    .btn.btn-icon:hover {
      color: black; }
  .btn.btn-secondary {
    background-color: #007cf9;
    border: solid 1px #007cf9;
    font-weight: 400;
    margin-right: 8px;
    padding: 6px 12px; }
    .btn.btn-secondary:hover {
      background-color: #0067d0;
      border-color: #0067d0; }

.card {
  margin-bottom: 1.5em; }
  .card h4 {
    font-size: 1.2em;
    font-weight: 500; }
  .card.card-borderless {
    border: 0; }
  .card.card-form {
    background-color: #fafafa; }
    .card.card-form.small-title h4 {
      color: #00295b;
      font-size: 1em; }
      .card.card-form.small-title h4 .anticon {
        vertical-align: -.05em; }
    .card.card-form .btn-icon {
      font-weight: 400; }
    .card.card-form .w-250 {
      min-width: 250px; }
    .card.card-form.white {
      background-color: #fff;
      border: 0;
      margin-top: 1em; }
    .card.card-form.borderless {
      background-color: #fff;
      border: 0;
      margin-top: 2em; }
      .card.card-form.borderless h4 {
        padding-left: 1em; }
  .card .card-header {
    color: #00295b;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 2.3em;
    margin-bottom: .5em;
    padding-top: 1em; }
    .card .card-header.small-header {
      background-color: #fff;
      color: #222;
      font-size: 1.1em;
      line-height: 2em;
      margin-bottom: 0; }
    .card .card-header.edit-header {
      background-color: #fff;
      color: #222;
      font-size: 1.1em;
      margin-bottom: 0; }
      .card .card-header.edit-header .btn-holder {
        display: inline;
        float: right;
        font-size: .8rem;
        margin: 0; }
  .card .card-title {
    margin-bottom: 0;
    padding: 12px;
    padding-bottom: 0; }
    .card .card-title h4 {
      font-size: 1.2em;
      font-weight: 500;
      width: max-content; }
      .card .card-title h4 .title-icon {
        margin-right: .1em;
        padding: .3em; }
    .card .card-title.overview {
      background-color: #fafafa;
      left: -1.1em;
      margin: 1em auto 2em;
      padding: 1em;
      position: absolute;
      right: -1.1em;
      top: -1.1em;
      width: 100%; }
      .card .card-title.overview h4 {
        font-size: 1.7em; }
        .card .card-title.overview h4 .title-icon {
          margin-right: .1em;
          margin-top: 10em;
          padding: .3em; }
      .card .card-title.overview .card-search {
        background-color: #fafafa; }
        .card .card-title.overview .card-search.focused {
          background-color: #fff; }
        .card .card-title.overview .card-search .icon.focused {
          background-color: #fff; }
  .card .card-body {
    padding: 1em; }
    .card .card-body.overview {
      margin-top: 5em; }
    .card .card-body .card-subheader {
      align-items: center;
      background-color: #e9ecef;
      border-radius: .25em;
      color: #222;
      font-weight: 500;
      height: 50px;
      margin-bottom: 1em;
      padding: .5em 1em; }
    .card .card-body h3.text-primary {
      color: #00295b !important; }
    .card .card-body h3.public-title {
      font-weight: normal;
      padding-bottom: 1em;
      padding-top: 1em;
      text-align: center; }
    .card .card-body .breadcrumb + .breadcrumb {
      background-color: #fff;
      margin-top: -1em;
      padding-top: .25em; }
      .card .card-body .breadcrumb + .breadcrumb .breadcrumb-item {
        font-size: 80%; }
        .card .card-body .breadcrumb + .breadcrumb .breadcrumb-item.active {
          color: #00295b; }
      .card .card-body .breadcrumb + .breadcrumb .breadcrumb-item + .breadcrumb-item {
        padding-left: .3em; }
        .card .card-body .breadcrumb + .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
          padding-right: .3em; }
    .card .card-body .card > .card-footer {
      padding: .5em; }
    .card .card-body .file-container {
      margin: 1em; }
      .card .card-body .file-container .alert {
        margin-left: -1em;
        margin-right: -1em; }
      .card .card-body .file-container .file-header {
        border-bottom: solid 1px #ced4da;
        border-top: solid 1px #ced4da;
        font-size: .92em;
        padding: 1em 0; }
      .card .card-body .file-container .file-body {
        padding: 1em 0; }
        .card .card-body .file-container .file-body:nth-of-type(even) {
          background-color: #e6e6e6; }
        .card .card-body .file-container .file-body:nth-of-type(odd) {
          background-color: #fff; }
        .card .card-body .file-container .file-body button.btn-link {
          padding-left: 0;
          padding-top: .63em;
          text-align: left; }
  .card .card-footer {
    background: none;
    direction: ltr;
    margin-top: 1em;
    padding: 0;
    padding-top: 1em;
    text-align: right; }
    .card .card-footer button,
    .card .card-footer a {
      float: none; }
  .card .card-search {
    align-items: flex-end;
    background-color: #fff;
    border-radius: .25rem;
    display: flex;
    height: 2.8em;
    padding: 0 10px 1px;
    transition: 300ms;
    width: 320px; }
    .card .card-search.focused {
      border: solid 1px #001228;
      width: 400px; }
    .card .card-search .icon {
      font-size: 1.2em;
      height: 34px;
      line-height: 1.2em;
      padding-right: 5px;
      padding-top: .14em; }
      .card .card-search .icon.focused {
        padding-top: .2em; }
    .card .card-search .textfield {
      height: 100%;
      position: relative;
      width: 100%; }
      .card .card-search .textfield input {
        color: #6c757d;
        font-size: 1em;
        height: 100%;
        outline: none;
        transition: 300ms;
        width: 100%; }
        .card .card-search .textfield input:focus {
          border: 0;
          box-shadow: none;
          outline: none; }
        .card .card-search .textfield input::placeholder {
          color: #6c757d;
          font-size: .9em;
          font-weight: 400; }
      .card .card-search .textfield span {
        color: #6c757d;
        font-size: 10px;
        position: absolute;
        right: 10px;
        top: 12px; }
      .card .card-search .textfield[type='search'] {
        -webkit-appearance: none; }
        .card .card-search .textfield[type='search'] ::-webkit-search-cancel-button {
          -webkit-appearance: searchfield-cancel-button;
          font-size: 12px; }
        .card .card-search .textfield[type='search'] ::-webkit-search-decoration {
          display: none; }
    .card .card-search.custom-card-search {
      align-items: flex-end;
      background-color: #fff;
      border: solid 1px #ced4da;
      height: 38px;
      margin-top: .4em;
      padding: 0 10px 1px;
      width: 100%; }
      .card .card-search.custom-card-search:hover {
        border-color: #007cf9; }
      .card .card-search.custom-card-search .icon {
        color: #6c757d;
        line-height: 1.5em;
        padding-right: 5px;
        padding-top: .14em; }
        .card .card-search.custom-card-search .icon.focused {
          padding-top: .14em; }
      .card .card-search.custom-card-search .textfield span {
        top: 10px; }
      .card .card-search.custom-card-search .textfield input {
        border: 0;
        box-shadow: none;
        outline: none; }
        .card .card-search.custom-card-search .textfield input[type='search'] {
          -webkit-appearance: none; }
  @media (max-width: 990px) {
    .card .card-title h4 {
      width: auto; } }
  @media (max-width: 767.98px) {
    .card .card-title h4 {
      font-size: 1em;
      width: auto; } }
  @media (max-width: 991.98px) {
    .card .card-search {
      width: 110%; }
      .card .card-search.focused {
        width: 130%; } }

.card-panel {
  background-color: #fff;
  border: solid 1px #ced4da;
  border-radius: .3em;
  font-size: .9em;
  margin-bottom: 1.5em;
  padding: 1em; }
  .card-panel.active {
    border: solid 1px #007cf9; }
  .card-panel:hover, .card-panel:focus {
    background-color: #fafafa;
    cursor: pointer; }
  .card-panel.card-borderless {
    border-bottom: 0;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    margin-bottom: 0; }
    .card-panel.card-borderless.active {
      border: solid 1px #007cf9;
      border-radius: .3em; }
  .card-panel .card-panel-text {
    margin: 0;
    padding: 0;
    text-align: left; }
  .card-panel .card-panel-body {
    height: auto;
    max-height: 0;
    overflow: hidden;
    position: relative;
    transition: max-height 500ms, visibility ease-in-out 100ms;
    visibility: hidden; }
    .card-panel .card-panel-body.expand {
      max-height: 600px;
      overflow-y: auto;
      visibility: visible; }
    .card-panel .card-panel-body .close-btn {
      position: absolute;
      right: 0; }
    .card-panel .card-panel-body .card-panel-content {
      height: inherit;
      padding: 1em 1em 0; }
      .card-panel .card-panel-body .card-panel-content .form-check .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #007cf9;
        border-color: #007cf9; }
        .card-panel .card-panel-body .card-panel-content .form-check .ant-checkbox-checked .ant-checkbox-inner:hover {
          background-color: #0067d0;
          border-color: #0067d0; }
        .card-panel .card-panel-body .card-panel-content .form-check .ant-checkbox-checked .ant-checkbox-inner::after {
          border-color: #fff;
          left: 21%; }
      .card-panel .card-panel-body .card-panel-content small {
        font-size: 95% !important;
        width: 75%; }
      .card-panel .card-panel-body .card-panel-content .ant-tag {
        background-color: #e6e6e6;
        border-radius: .3em;
        color: #222;
        margin-bottom: 1em; }
      .card-panel .card-panel-body .card-panel-content .subtext-container {
        margin-top: -1em; }
        .card-panel .card-panel-body .card-panel-content .subtext-container .subtext {
          display: block;
          margin-left: 4em; }
      .card-panel .card-panel-body .card-panel-content .btn-icon {
        border-color: #d9d9d9;
        margin-top: -1.5em; }
  .card-panel .card-panel-footer {
    background: none;
    text-align: right; }

.chart > div {
  background-color: #fff;
  cursor: move;
  height: 95vh;
  margin: 0;
  width: 100%; }
  .chart > div svg path.link {
    stroke-width: 1; }
  .chart > div .org-chart-node rect {
    stroke: #ced4da !important;
    stroke-width: 1; }
    .chart > div .org-chart-node rect.org-chart-person-highlight {
      fill: #fafafa !important; }
    .chart > div .org-chart-node rect:hover, .chart > div .org-chart-node rect:focus, .chart > div .org-chart-node rect:active {
      stroke: #007cf9 !important; }
  .chart > div .org-chart-node image {
    -moz-transform: translate(15px, 8px);
    -ms-transform: translate(15px, 8px);
    -o-transform: translate(15px, 8px);
    -webkit-transform: translate(15px, 8px);
    clip-path: none;
    height: 20px;
    transform: translate(15px, 8px);
    width: 20px; }
  .chart > div .org-chart-node .org-chart-person-name {
    font-size: .92em;
    font-weight: 500; }
  .chart > div .org-chart-node .org-chart-person-link:hover g {
    fill: #007cf9 !important; }
  .chart > div .org-chart-node .org-chart-person-reports {
    -moz-transform: translate(82px, 0);
    -ms-transform: translate(82px, 0);
    -o-transform: translate(82px, 0);
    -webkit-transform: translate(82px, 0);
    fill: #0067d0 !important;
    transform: translate(82px, 0);
    width: 20px; }
    .chart > div .org-chart-node .org-chart-person-reports:hover {
      fill: #0067d0 !important; }

.chart .spinner-container {
  padding-top: 50vh;
  text-align: center; }

.action-container {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%; }

.chart-container > ul > li {
  background-color: #fafafa;
  padding: 1.5rem !important; }

.chart-container .chart-item {
  background-color: #fff;
  height: 140px;
  width: 300px; }

.chart-container .chart-item-share-node {
  background-color: #fff;
  min-height: 140px;
  width: 300px; }

.chart-container .chart-item-inner-share-node {
  background-color: #fff;
  min-height: 140px;
  width: 100%; }

.chart-container .chart-item-details {
  display: block;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 284px; }

.ant-select,
.ant-select-dropdown {
  border-radius: 4px;
  font-family: "Fira Sans" !important;
  font-size: 14px !important;
  max-height: 80vh !important;
  width: 100% !important; }
  .ant-select .ant-select-clear,
  .ant-select-dropdown .ant-select-clear {
    background-color: transparent;
    color: #222;
    right: 12px;
    top: 50%; }
  .ant-select .ant-select-show-search,
  .ant-select .ant-select-focused,
  .ant-select .ant-select-selector,
  .ant-select-dropdown .ant-select-show-search,
  .ant-select-dropdown .ant-select-focused,
  .ant-select-dropdown .ant-select-selector {
    border: 0;
    border-color: #ced4da !important;
    border-radius: 4px !important;
    box-shadow: none !important; }
    .ant-select .ant-select-show-search:hover, .ant-select .ant-select-show-search:focus,
    .ant-select .ant-select-focused:hover,
    .ant-select .ant-select-focused:focus,
    .ant-select .ant-select-selector:hover,
    .ant-select .ant-select-selector:focus,
    .ant-select-dropdown .ant-select-show-search:hover,
    .ant-select-dropdown .ant-select-show-search:focus,
    .ant-select-dropdown .ant-select-focused:hover,
    .ant-select-dropdown .ant-select-focused:focus,
    .ant-select-dropdown .ant-select-selector:hover,
    .ant-select-dropdown .ant-select-selector:focus {
      border-color: #007cf9 !important;
      box-shadow: none !important;
      padding-bottom: 0; }
  .ant-select.ant-select-multiple .ant-select-arrow,
  .ant-select-dropdown.ant-select-multiple .ant-select-arrow {
    margin-top: -3px; }
  .ant-select .ant-select-selector,
  .ant-select-dropdown .ant-select-selector {
    border: 0;
    box-shadow: none !important;
    min-height: 38px;
    padding: 0 20px 0 8px !important; }
    .ant-select .ant-select-selector:focus,
    .ant-select-dropdown .ant-select-selector:focus {
      height: auto; }
    .ant-select .ant-select-selector .ant-select-selection-item .anticon,
    .ant-select-dropdown .ant-select-selector .ant-select-selection-item .anticon {
      vertical-align: -.3em; }
      .ant-select .ant-select-selector .ant-select-selection-item .anticon svg,
      .ant-select-dropdown .ant-select-selector .ant-select-selection-item .anticon svg {
        margin-top: 0; }
    .ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item,
    .ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item {
      margin-bottom: 2px;
      margin-top: 1px; }
      .ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item,
      .ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item {
        height: 28px;
        line-height: 25px;
        margin-bottom: 1px;
        margin-inline-end: 5px;
        margin-top: 2px;
        min-height: 28px; }
      .ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-search,
      .ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-search {
        margin: 0; }
        .ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-search input,
        .ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-search input {
          height: 33px; }
      .ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove,
      .ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove {
        font-size: 12px; }
        .ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove svg,
        .ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove svg {
          background: #000;
          border: 1px solid #000;
          border-radius: 50%;
          color: #fff;
          margin-top: -1px;
          padding: 2px; }
          .ant-select .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove svg path,
          .ant-select-dropdown .ant-select-selector .ant-select-selection-overflow .ant-select-selection-overflow-item .ant-select-selection-item-remove svg path {
            stroke: #fff;
            stroke-width: 4em; }
  .ant-select .ant-select-arrow,
  .ant-select-dropdown .ant-select-arrow {
    height: 8px;
    margin-top: 0; }
    .ant-select .ant-select-arrow .anticon-down,
    .ant-select-dropdown .ant-select-arrow .anticon-down {
      color: #222; }
  .ant-select .ant-select-item.ant-select-item-option-selected,
  .ant-select-dropdown .ant-select-item.ant-select-item-option-selected {
    background-color: #e6f1ff;
    font-weight: 400; }
  .ant-select .ant-select-item .ant-select-item-option-content,
  .ant-select-dropdown .ant-select-item .ant-select-item-option-content {
    white-space: break-spaces; }
    .ant-select .ant-select-item .ant-select-item-option-content .anticon svg,
    .ant-select-dropdown .ant-select-item .ant-select-item-option-content .anticon svg {
      margin-top: -5px; }
  .ant-select.is-valid > .ant-select-selector,
  .ant-select-dropdown.is-valid > .ant-select-selector {
    border-color: #1ba744 !important; }
  .ant-select.is-valid::after,
  .ant-select-dropdown.is-valid::after {
    padding-top: 10px;
    right: 35px; }
  .ant-select.is-invalid > .ant-select-selector,
  .ant-select-dropdown.is-invalid > .ant-select-selector {
    border-color: #b72626 !important; }
  .ant-select.is-required > .ant-select-selector,
  .ant-select-dropdown.is-required > .ant-select-selector {
    border-color: #007cf9 !important; }
  .ant-select.tree-select .ant-select-selection--single,
  .ant-select-dropdown.tree-select .ant-select-selection--single {
    margin: -1px -1px 0; }
  .ant-select.ant-select-borderless,
  .ant-select-dropdown.ant-select-borderless {
    font-size: 1.1em;
    margin-top: 10px !important;
    outline: 0;
    width: 130px; }
    .ant-select.ant-select-borderless .ant-select-selector,
    .ant-select-dropdown.ant-select-borderless .ant-select-selector {
      background: transparent;
      border: 0;
      box-shadow: none;
      color: #007cf9; }
    .ant-select.ant-select-borderless .ant-select-item-option-content,
    .ant-select-dropdown.ant-select-borderless .ant-select-item-option-content {
      font-size: 14px; }
  .ant-select.ant-select-open > .ant-select-selection,
  .ant-select-dropdown.ant-select-open > .ant-select-selection {
    border-color: #007cf9 !important;
    box-shadow: none !important;
    padding-bottom: 0; }
  .ant-select .ant-select-selection:active, .ant-select .ant-select-selection:hover, .ant-select .ant-select-selection:focus,
  .ant-select-dropdown .ant-select-selection:active,
  .ant-select-dropdown .ant-select-selection:hover,
  .ant-select-dropdown .ant-select-selection:focus {
    border-color: #007cf9 !important;
    box-shadow: none !important;
    padding-bottom: 0; }
  .ant-select .ant-select-dropdown-menu .ant-select-dropdown-menu-item,
  .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item {
    color: #222;
    white-space: normal; }
  .ant-select .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active,
  .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item-active {
    background-color: #d8d8d8; }
  .ant-select .ant-select-dropdown-menu .ant-select-dropdown-menu-item-disabled,
  .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item-disabled {
    color: #6c757d; }
  .ant-select .ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected,
  .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected {
    background-color: #e6f1ff;
    font-weight: 400; }
    .ant-select .ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
    .ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item-selected .ant-select-selected-icon {
      color: #007cf9; }
  .ant-select .anticon,
  .ant-select-dropdown .anticon {
    margin-right: 5px; }

.ant-select.w-47ch .ant-select-dropdown {
  width: 47ch !important; }
  .ant-select.w-47ch .ant-select-dropdown .btn-link {
    margin-right: 0 !important; }

.ant-select.h-auto .ant-select-selector {
  height: auto; }

.ant-select.h-auto .ant-select-arrow {
  margin-top: -2px; }

.ant-select.h-auto .ant-select-selection-item {
  line-height: 12px;
  padding-bottom: 8px; }
  .ant-select.h-auto .ant-select-selection-item::first-line {
    line-height: 36px; }
  .ant-select.h-auto .ant-select-selection-item .blue {
    color: #0676fb; }
  .ant-select.h-auto .ant-select-selection-item .orange {
    color: #f97300; }
  .ant-select.h-auto .ant-select-selection-item .green {
    color: #00c65b; }
  .ant-select.h-auto .ant-select-selection-item .purple {
    color: #a718eb; }
  .ant-select.h-auto .ant-select-selection-item .yellow {
    color: #edd500; }
  .ant-select.h-auto .ant-select-selection-item .violet {
    color: #0017ea; }
  .ant-select.h-auto .ant-select-selection-item .red {
    color: #db0090; }

.ant-select-tree,
.ant-tree-select-dropdown {
  font-family: "Fira Sans" !important;
  font-size: 14px !important; }

.form-modal-filter {
  padding: 0 !important;
  position: relative;
  width: fit-content; }
  .form-modal-filter .modal-label {
    color: #007cf9;
    font-weight: 500;
    left: 15px;
    padding-left: 16px;
    position: absolute;
    top: 8px;
    z-index: 99; }
    .form-modal-filter .modal-label.filter-active {
      color: #0365d5; }
  .form-modal-filter .ant-select {
    left: 14px; }
    .form-modal-filter .ant-select .ant-select-selector {
      background-color: #f6faff;
      border: 0;
      color: #007cf9 !important;
      padding-left: 100px !important; }
      .form-modal-filter .ant-select .ant-select-selector .ant-select-selection-search {
        inset-inline-start: 100px; }
      .form-modal-filter .ant-select .ant-select-selector .ant-select-selection-item {
        font-weight: 500; }
    .form-modal-filter .ant-select .ant-select-arrow {
      margin-top: -2px; }
      .form-modal-filter .ant-select .ant-select-arrow .anticon {
        color: #007cf9; }
    .form-modal-filter .ant-select .ant-select-clear {
      margin-top: -4px; }
    .form-modal-filter .ant-select .ant-select-dropdown {
      min-width: 200px; }

.form-filter,
.filter-search {
  position: relative; }
  .form-filter .sort-label,
  .form-filter .filter-label,
  .filter-search .sort-label,
  .filter-search .filter-label {
    font-weight: 500;
    left: 15px;
    position: absolute;
    top: 14px !important;
    z-index: 99; }
    .form-filter .sort-label.filter-active,
    .form-filter .filter-label.filter-active,
    .filter-search .sort-label.filter-active,
    .filter-search .filter-label.filter-active {
      color: #0365d5; }
  .form-filter .filter-label,
  .filter-search .filter-label {
    margin-right: 5px; }
  .form-filter .sort-label,
  .filter-search .sort-label {
    font-weight: 400;
    top: 18px !important; }
  .form-filter .filter-value,
  .filter-search .filter-value {
    background-color: #007cf9;
    border-radius: 10px;
    color: #fff;
    display: inline;
    font-weight: 500;
    margin-left: 5px;
    padding-left: 7px;
    position: absolute;
    width: 45px !important;
    z-index: 99; }
    .form-filter .filter-value .btn-icon,
    .filter-search .filter-value .btn-icon {
      display: inline;
      font-size: 10px;
      margin: 5px 0 0 5px !important;
      padding: 0 !important; }
      .form-filter .filter-value .btn-icon .anticon svg,
      .filter-search .filter-value .btn-icon .anticon svg {
        font-size: 14px !important;
        vertical-align: 0; }
  .form-filter .ant-select.sort,
  .filter-search .ant-select.sort {
    height: 38px !important;
    top: 3px !important; }
    .form-filter .ant-select.sort .ant-select-selector,
    .filter-search .ant-select.sort .ant-select-selector {
      padding-left: 70px !important; }
      .form-filter .ant-select.sort .ant-select-selector .ant-select-selection-item,
      .filter-search .ant-select.sort .ant-select-selector .ant-select-selection-item {
        font-weight: 500;
        left: 4px;
        padding-right: 5px;
        top: 0; }
    .form-filter .ant-select.sort .ant-select-arrow,
    .filter-search .ant-select.sort .ant-select-arrow {
      margin-top: -3px !important; }
  .form-filter .ant-select.filter,
  .filter-search .ant-select.filter {
    height: 38px !important; }
    .form-filter .ant-select.filter .ant-select-selector,
    .filter-search .ant-select.filter .ant-select-selector {
      background-color: #fafafa;
      border: 0; }
      .form-filter .ant-select.filter .ant-select-selector .ant-select-selection-item,
      .filter-search .ant-select.filter .ant-select-selector .ant-select-selection-item {
        font-weight: 500;
        line-height: 34px;
        padding-right: 15px;
        padding-top: 2px; }
    .form-filter .ant-select.filter.filter-active > .ant-select-selector,
    .filter-search .ant-select.filter.filter-active > .ant-select-selector {
      background-color: #e6f1ff !important; }
      .form-filter .ant-select.filter.filter-active > .ant-select-selector .ant-select-selection-item,
      .filter-search .ant-select.filter.filter-active > .ant-select-selector .ant-select-selection-item {
        color: #0365d5; }
    .form-filter .ant-select.filter.filter-active > .ant-select-arrow svg,
    .filter-search .ant-select.filter.filter-active > .ant-select-arrow svg {
      color: #0365d5 !important; }
    .form-filter .ant-select.filter .ant-tree-select.filter.filter-active .ant-select-selector,
    .filter-search .ant-select.filter .ant-tree-select.filter.filter-active .ant-select-selector {
      background-color: #e6f1ff !important; }

.form-filter .ant-select.filter .ant-select-selection-overflow .ant-select-selection-overflow-item {
  display: none; }

.filter-search .ant-select-selection-overflow-item .ant-select-selection-item {
  display: none !important; }

.filter-search-active .filter-label {
  display: none; }

.filter-search .filter-label {
  top: 18px !important; }
  .filter-search .filter-label .ant-tree-select {
    top: 3px !important; }

.filter-search .filter-active {
  top: 13px !important; }
  .filter-search .filter-active + .ant-select {
    top: -2px !important; }
  .filter-search .filter-active.ant-tree-select {
    top: -1px !important; }
    .filter-search .filter-active.ant-tree-select.ant-select-single {
      top: 2px !important; }

.filter-search .ant-select {
  top: 3px !important; }

.form-border {
  margin: 10px 0;
  padding: 8px 16px; }
  .form-border.active {
    border: solid 1px #007cf9;
    border-radius: 4px; }

.ant-input {
  font-family: "Fira Sans" !important; }

.required {
  color: #9e1d1d;
  content: '*';
  padding-left: .5em; }

h3 {
  color: #222;
  font-size: 1.3em;
  font-weight: 500;
  margin-left: .5em; }

.form-control {
  background-color: #fafafa;
  border: 0 !important;
  width: 100%; }
  @media (min-width: 576px) {
    .form-control {
      width: 100% !important; } }
  .form-control:active, .form-control:focus {
    border-color: #007cf9 !important;
    box-shadow: none !important; }

form {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  form .is-required .form-control {
    border-color: #007cf9 !important; }
  form .is-valid {
    display: block;
    position: relative; }
    form .is-valid .form-control {
      background-image: none !important;
      border-color: #1ba744 !important;
      border-radius: 4px !important;
      box-shadow: none; }
    form .is-valid::after {
      color: #1ba744;
      content: '\2713';
      display: inline-block;
      font-size: 14px;
      padding-top: 10px;
      position: absolute;
      right: 20px;
      top: 0; }
    form .is-valid.numbox::after {
      padding-top: 10px; }
  form .is-invalid .form-control {
    background-image: none !important;
    border-color: #b72626 !important;
    border-radius: 4px !important;
    box-shadow: none; }
  form .ant-input-affix-wrapper {
    border-color: #b72626 !important;
    box-shadow: none;
    display: flex; }
    form .ant-input-affix-wrapper input {
      margin-top: -6px !important; }
  form:hover, form:focus {
    border-color: #b72626;
    box-shadow: none; }
  form .ant-input-suffix {
    right: 25px !important; }
  form .invalid-feedback {
    color: #b72626;
    font-weight: 400; }
  form .input-group .input-group-prepend,
  form .input-group .input-group-append {
    height: 38px;
    margin-top: 0; }
    form .input-group .input-group-prepend .input-group-text,
    form .input-group .input-group-append .input-group-text {
      background-color: #f5f5f5;
      border-color: #ced4da;
      font-size: 14px;
      height: 38px; }
      form .input-group .input-group-prepend .input-group-text:hover,
      form .input-group .input-group-append .input-group-text:hover {
        border-color: #007cf9; }
  form .input-group input {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important; }
    form .input-group input.appended {
      border-radius: 4px 0 0 4px !important;
      border-right: 0; }
    form .input-group input.form-control {
      width: auto !important; }
    form .input-group input:hover {
      border-color: #007cf9; }
  form .input-group .input-group-prepend .input-group-text {
    border-radius: 4px 0 0 4px !important; }
  form .input-group .input-group-append .input-group-text {
    background-color: #fff !important;
    border-radius: 0 4px 4px 0 !important; }
  form .header-text {
    background-color: #fafafa;
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
    margin: 1.5em 0;
    padding: .7em 0; }
  form .subtext {
    color: #6c757d;
    font-size: 12px;
    margin-top: -.5em;
    width: 350px; }
  form label {
    color: #222;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    padding-left: 0;
    text-align: left; }
    form label .ant-input {
      height: 38px; }
    form label.general-label {
      padding: 8px; }
    form label.label-md {
      color: #222;
      font-size: 14px;
      font-weight: 500; }
      form label.label-md::placeholder,
      form label.label-md .ant-select-selection__placeholder {
        font-family: "Fira Sans" !important;
        font-size: 12px;
        font-weight: 100; }
      form label.label-md > .sublabel {
        font-size: 12px;
        font-weight: 400;
        margin-top: .5em; }
      form label.label-md > .subdesc {
        font-size: 12px;
        font-style: italic;
        font-weight: 300; }
    form label .ant-input-prefix,
    form label .ant-input-suffix {
      color: #222 !important;
      font-weight: 500;
      margin-top: 0; }
      form label .ant-input-prefix .anticon,
      form label .ant-input-suffix .anticon {
        font-size: 14px;
        margin-top: 0; }
        form label .ant-input-prefix .anticon:hover, form label .ant-input-prefix .anticon:focus,
        form label .ant-input-suffix .anticon:hover,
        form label .ant-input-suffix .anticon:focus {
          color: #007cf9 !important; }
    form label span.ant-input-affix-wrapper {
      height: 38px;
      margin-top: .4em; }
      form label span.ant-input-affix-wrapper .ant-input-prefix {
        margin-left: 0; }
      form label span.ant-input-affix-wrapper input.ant-input {
        border: 0;
        font-size: 14px;
        height: 36px;
        margin-bottom: 0;
        margin-top: -18px; }
        form label span.ant-input-affix-wrapper input.ant-input:hover, form label span.ant-input-affix-wrapper input.ant-input:focus {
          box-shadow: none; }
  form ::placeholder,
  form .ant-select-selection-placeholder {
    color: #bfbfbf !important;
    font-family: "Fira Sans" !important;
    font-size: 13px !important;
    font-weight: 400;
    opacity: 1; }
  form .ant-input {
    padding: 4px 11px; }
  form textarea.form-control {
    height: auto !important; }
  form input,
  form select,
  form textarea,
  form .ant-select,
  form .ant-input,
  form .ant-input-wrapper,
  form .ant-input-affix-wrapper,
  form .ant-input-group-wrapper {
    border-radius: 0 !important;
    width: 100%; }
    form input.form-control,
    form select.form-control,
    form textarea.form-control,
    form .ant-select.form-control,
    form .ant-input.form-control,
    form .ant-input-wrapper.form-control,
    form .ant-input-affix-wrapper.form-control,
    form .ant-input-group-wrapper.form-control {
      color: #222;
      font-size: 14px;
      height: 38px;
      margin-bottom: 1em;
      width: 100%; }
      form input.form-control:last-of-type,
      form select.form-control:last-of-type,
      form textarea.form-control:last-of-type,
      form .ant-select.form-control:last-of-type,
      form .ant-input.form-control:last-of-type,
      form .ant-input-wrapper.form-control:last-of-type,
      form .ant-input-affix-wrapper.form-control:last-of-type,
      form .ant-input-group-wrapper.form-control:last-of-type {
        margin-bottom: 0; }
      form input.form-control:hover, form input.form-control:focus,
      form select.form-control:hover,
      form select.form-control:focus,
      form textarea.form-control:hover,
      form textarea.form-control:focus,
      form .ant-select.form-control:hover,
      form .ant-select.form-control:focus,
      form .ant-input.form-control:hover,
      form .ant-input.form-control:focus,
      form .ant-input-wrapper.form-control:hover,
      form .ant-input-wrapper.form-control:focus,
      form .ant-input-affix-wrapper.form-control:hover,
      form .ant-input-affix-wrapper.form-control:focus,
      form .ant-input-group-wrapper.form-control:hover,
      form .ant-input-group-wrapper.form-control:focus {
        border-color: #007cf9;
        box-shadow: none; }
      form input.form-control:disabled,
      form select.form-control:disabled,
      form textarea.form-control:disabled,
      form .ant-select.form-control:disabled,
      form .ant-input.form-control:disabled,
      form .ant-input-wrapper.form-control:disabled,
      form .ant-input-affix-wrapper.form-control:disabled,
      form .ant-input-group-wrapper.form-control:disabled {
        background-color: #f5f5f5;
        border-color: #ced4da;
        color: #bfbfbf;
        opacity: 75%; }
    form input .ant-input-affix-wrapper,
    form select .ant-input-affix-wrapper,
    form textarea .ant-input-affix-wrapper,
    form .ant-select .ant-input-affix-wrapper,
    form .ant-input .ant-input-affix-wrapper,
    form .ant-input-wrapper .ant-input-affix-wrapper,
    form .ant-input-affix-wrapper .ant-input-affix-wrapper,
    form .ant-input-group-wrapper .ant-input-affix-wrapper {
      border-bottom-right-radius: 0 !important;
      border-top-right-radius: 0 !important;
      height: 38px;
      padding: 0 11px; }
      form input .ant-input-affix-wrapper:hover, form input .ant-input-affix-wrapper:focus,
      form select .ant-input-affix-wrapper:hover,
      form select .ant-input-affix-wrapper:focus,
      form textarea .ant-input-affix-wrapper:hover,
      form textarea .ant-input-affix-wrapper:focus,
      form .ant-select .ant-input-affix-wrapper:hover,
      form .ant-select .ant-input-affix-wrapper:focus,
      form .ant-input .ant-input-affix-wrapper:hover,
      form .ant-input .ant-input-affix-wrapper:focus,
      form .ant-input-wrapper .ant-input-affix-wrapper:hover,
      form .ant-input-wrapper .ant-input-affix-wrapper:focus,
      form .ant-input-affix-wrapper .ant-input-affix-wrapper:hover,
      form .ant-input-affix-wrapper .ant-input-affix-wrapper:focus,
      form .ant-input-group-wrapper .ant-input-affix-wrapper:hover,
      form .ant-input-group-wrapper .ant-input-affix-wrapper:focus {
        border-color: #007cf9;
        box-shadow: none; }
      form input .ant-input-affix-wrapper > input,
      form select .ant-input-affix-wrapper > input,
      form textarea .ant-input-affix-wrapper > input,
      form .ant-select .ant-input-affix-wrapper > input,
      form .ant-input .ant-input-affix-wrapper > input,
      form .ant-input-wrapper .ant-input-affix-wrapper > input,
      form .ant-input-affix-wrapper .ant-input-affix-wrapper > input,
      form .ant-input-group-wrapper .ant-input-affix-wrapper > input {
        height: 36px !important; }
    form input .ant-input-group-addon,
    form select .ant-input-group-addon,
    form textarea .ant-input-group-addon,
    form .ant-select .ant-input-group-addon,
    form .ant-input .ant-input-group-addon,
    form .ant-input-wrapper .ant-input-group-addon,
    form .ant-input-affix-wrapper .ant-input-group-addon,
    form .ant-input-group-wrapper .ant-input-group-addon {
      border-radius: 0 4px 4px 0 !important;
      padding: 0 5px 4px !important; }
    form input.ant-input-affix-wrapper-focused,
    form select.ant-input-affix-wrapper-focused,
    form textarea.ant-input-affix-wrapper-focused,
    form .ant-select.ant-input-affix-wrapper-focused,
    form .ant-input.ant-input-affix-wrapper-focused,
    form .ant-input-wrapper.ant-input-affix-wrapper-focused,
    form .ant-input-affix-wrapper.ant-input-affix-wrapper-focused,
    form .ant-input-group-wrapper.ant-input-affix-wrapper-focused {
      border-color: #007cf9;
      box-shadow: none; }
  form .ant-input-group-wrapper {
    border: 0;
    height: 38px;
    padding: 0; }
    form .ant-input-group-wrapper .ant-input-group {
      height: 36px;
      width: 100%; }
      form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon {
        background-color: #fff;
        border-color: #ced4da;
        border-radius: 4px !important;
        color: #222;
        height: 36px;
        max-height: 38px;
        padding: 0 !important; }
        form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group {
          margin-bottom: 0; }
          form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group label {
            font-size: 14px;
            height: 36px;
            margin-top: 0;
            padding-left: 0; }
            form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group label > div {
              margin-bottom: 0 !important; }
          form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select {
            margin: 0 !important; }
            form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-selector {
              border: 0;
              height: 36px; }
              form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-selector .ant-select-selection-search {
                height: 36px; }
                form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-selector .ant-select-selection-search input {
                  height: inherit; }
              form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-selector .ant-select-selection-selected-value {
                padding-right: 5px !important; }
            form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-arrow {
              margin-right: -5px; }
              form .ant-input-group-wrapper .ant-input-group .ant-input-group-addon .form-group .ant-select .ant-select-arrow .anticon {
                margin-right: 0; }
      form .ant-input-group-wrapper .ant-input-group input {
        border: solid 1px #ced4da;
        border-bottom-left-radius: 0 !important;
        border-radius: 4px;
        border-top-left-radius: 0 !important;
        font-size: 14px;
        height: 38px;
        top: 1px; }
        form .ant-input-group-wrapper .ant-input-group input:hover, form .ant-input-group-wrapper .ant-input-group input:focus, form .ant-input-group-wrapper .ant-input-group input:active {
          border-color: #007cf9;
          box-shadow: none;
          outline: 0; }
  form .form-inline {
    background-color: #fff !important;
    border-bottom: solid 1px #ced4da;
    display: block; }
    form .form-inline .ant-picker .ant-picker-input {
      margin-top: 0; }
    form .form-inline label {
      align-items: flex-start;
      justify-content: left;
      margin-top: 8px;
      text-align: left; }
    form .form-inline input,
    form .form-inline textarea {
      height: 36px;
      margin-bottom: 0;
      margin-top: 0; }
  form li.ant-select-search--inline .ant-select-search__field {
    margin-left: 6px;
    padding: 0; }
  form .custom-file input.custom-file-input {
    height: 38px;
    z-index: 0; }
    form .custom-file input.custom-file-input:hover, form .custom-file input.custom-file-input:active, form .custom-file input.custom-file-input:focus {
      box-shadow: none; }
  form .custom-file label.custom-file-label {
    height: 38px;
    line-height: 2em;
    margin-top: -2px;
    padding-right: 6em;
    z-index: 0; }
    form .custom-file label.custom-file-label:hover, form .custom-file label.custom-file-label:active, form .custom-file label.custom-file-label:focus {
      border-color: #007cf9;
      box-shadow: none; }
    form .custom-file label.custom-file-label::after {
      height: 36px;
      line-height: 2em; }
  form .form-group {
    border-radius: 0;
    margin-bottom: 1rem;
    position: relative; }
    form .form-group .form-loading {
      display: block;
      position: absolute;
      right: 24px;
      top: 16px;
      z-index: 99; }
      form .form-group .form-loading svg {
        font-size: 18px; }
    form .form-group.form-inline {
      padding: 16px 24px !important; }
      form .form-group.form-inline.pt-0 {
        padding-top: 0 !important; }
    form .form-group.custom-row-mx-0 .row {
      margin-left: 0;
      margin-right: 0;
      width: 100%; }
    form .form-group.inline {
      font-size: 14px;
      margin-bottom: 0;
      padding: .5em; }
      form .form-group.inline .ant-input-group-wrapper {
        border: 0;
        height: 38px;
        padding: 0;
        width: 100%; }
      form .form-group.inline label {
        font-size: 14px;
        font-weight: 500;
        margin-top: 9px; }
        form .form-group.inline label .anticon {
          margin-right: .5em; }
      form .form-group.inline input.form-control,
      form .form-group.inline select.form-control,
      form .form-group.inline textarea.form-control {
        border-radius: 4px;
        font-size: 14px;
        margin-bottom: 0;
        margin-top: 0;
        min-height: 38px; }
        form .form-group.inline input.form-control:last-of-type,
        form .form-group.inline select.form-control:last-of-type,
        form .form-group.inline textarea.form-control:last-of-type {
          margin-bottom: 0; }
        form .form-group.inline input.form-control:hover, form .form-group.inline input.form-control:focus,
        form .form-group.inline select.form-control:hover,
        form .form-group.inline select.form-control:focus,
        form .form-group.inline textarea.form-control:hover,
        form .form-group.inline textarea.form-control:focus {
          border-color: #007cf9;
          box-shadow: none; }
        form .form-group.inline input.form-control:disabled,
        form .form-group.inline select.form-control:disabled,
        form .form-group.inline textarea.form-control:disabled {
          background-color: #f5f5f5;
          border-color: #ced4da; }
      form .form-group.inline input::placeholder,
      form .form-group.inline select::placeholder,
      form .form-group.inline textarea::placeholder {
        font-family: "Fira Sans" !important;
        font-weight: 100; }
      form .form-group.inline textarea.form-control {
        height: auto; }

.anticon svg {
  font-size: 1.15em;
  margin-top: -.2em; }

.anticon.left svg {
  margin-right: .3em; }

.anticon.right svg {
  margin-left: .3em; }

.anticon.lg svg {
  font-size: 1.4em;
  margin-top: -.3em; }

.anticon.sm svg {
  font-size: 1.25em;
  margin-top: -.3em; }

.anticon.xs svg {
  font-size: 1em;
  margin-top: -.2em; }

.sidebar-container {
  background-color: #00295b;
  height: 100vh; }
  .sidebar-container .sidebar {
    color: #fff;
    margin: 3.5em 1.5em; }
    .sidebar-container .sidebar h4 {
      color: inherit;
      font-size: 1.3em;
      line-height: 1.3em;
      text-transform: uppercase; }

.ant-tooltip .ant-tooltip-arrow::before {
  background-color: #3c3c3c; }

.ant-tooltip .ant-tooltip-inner {
  background-color: #3c3c3c;
  box-shadow: none;
  color: #fff;
  font-size: .92em; }

.navbar-container {
  border-bottom: solid 1px #ededed; }
  .navbar-container .title-container {
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    margin-left: 1rem;
    padding: 0; }

.navbar {
  background-color: #fff; }

.main-container {
  font-family: "Fira Sans", sans-serif !important;
  overflow: hidden; }
  .main-container .body-container {
    overflow: hidden;
    width: 100vw; }
    .main-container .body-container .content {
      overflow-y: auto;
      padding: 0; }