@font-face {
  font-family: "OCR A Extended";
  font-weight: 400;
  src: url("/fonts/ocr-a-extended/ocraextended.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto Condensed";
  font-weight: 400;
  src: url("/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: url("/fonts/Roboto/Roboto-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: url("/fonts/Roboto/Roboto-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "Raleway";
  font-weight: 400;
  src: url("/fonts/Raleway/Raleway-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Raleway";
  font-weight: 500;
  src: url("/fonts/Raleway/Raleway-Medium.ttf") format("truetype"); }

@font-face {
  font-family: "Raleway";
  font-weight: 600;
  src: url("/fonts/Raleway/Raleway-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: "Raleway";
  font-weight: 700;
  src: url("/fonts/Raleway/Raleway-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "Rubik";
  font-weight: 300;
  src: url("/fonts/Rubik/Rubik-Light.ttf") format("truetype"); }

@font-face {
  font-family: "Rubik";
  font-weight: 400;
  src: url("/fonts/Rubik/Rubik-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Rubik";
  font-weight: 500;
  src: url("/fonts/Rubik/Rubik-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Nunito Sans';
  font-weight: 300;
  src: url("/fonts/NunitoSans/NunitoSans-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Nunito Sans';
  font-weight: 400;
  src: url("/fonts/NunitoSans/NunitoSans-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Nunito Sans';
  font-weight: 600;
  src: url("/fonts/NunitoSans/NunitoSans-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'Nunito Sans';
  font-weight: 700;
  src: url("/fonts/NunitoSans/NunitoSans-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Nunito Sans';
  font-weight: 800;
  src: url("/fonts/NunitoSans/NunitoSans-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato';
  font-weight: 600;
  src: url("/fonts/Lato/Lato-Medium.ttf") format("truetype"); }

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

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

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

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

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

.text-decoration-none {
  text-decoration: none !important; }

.text-color-primary {
  color: #00549e !important; }

.text-color-secondary {
  color: #4586c6 !important; }

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

.text-color-medium {
  color: #747474 !important; }

.text-color-light {
  color: #FFFFFF !important; }

.text-color-logo {
  color: #867B78 !important; }

.text-color-dark {
  color: #313E48 !important; }

.text-color-success {
  color: #10dc60 !important; }

.p-relative {
  position: relative; }

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

.fw-300 {
  font-weight: 300 !important; }

.fw-400 {
  font-weight: 400 !important; }

.fw-500 {
  font-weight: 500 !important; }

.fw-600 {
  font-weight: 600 !important; }

.text-italic {
  font-style: italic; }

.text-uppercase {
  text-transform: uppercase; }

a:hover {
  text-decoration: none; }

.no-border {
  border: none !important; }

.border-bottom {
  border-bottom: 0.5px solid #CECECE; }

.justify-content-space-between {
  justify-content: space-between !important; }

.justify-content-flex-end {
  justify-content: flex-end !important; }

.hidden {
  display: none !important; }

.no-shadow {
  box-shadow: none !important; }

.lg-text {
  font-size: 2.25rem; }

input[readOnly] {
  border: none;
  border: none;
  box-shadow: none;
  display: inline-block;
  width: auto; }

input:focus {
  color: #313E48;
  background-color: #FFFFFF;
  outline: 0; }

.form-control {
  display: block;
  overflow: visible;
  width: 100%;
  font-weight: 400;
  font-size: 0.9rem;
  border: none;
  box-shadow: none;
  border-radius: 3px;
  padding: 0.75rem 1.5rem;
  cursor: text;
  border: 1px solid transparent;
  transition: all .15s ease-in-out; }
  .form-control::placeholder {
    color: #747474;
    opacity: 0.8; }
  .form-control:not(:read-only):focus {
    background-color: #FFFFFF !important;
    border: 1px solid #4586c6 !important; }
  .form-control + .form-control,
  .form-control + .input-group,
  .form-control + .input-wrapper {
    margin-left: 1rem; }

.form-col {
  padding: 0; }
  .form-col + .form-col {
    padding-left: 16px; }

.input-group {
  position: relative;
  flex-wrap: wrap;
  display: -webkit-box;
  display: flex;
  align-items: stretch; }
  .input-group.default .form-control {
    border: 1px solid #E6E8ED;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #FFFFFF;
    padding-right: 0; }
  .input-group.default .input-group-append, .input-group.default .input-group-icon {
    background-color: #FFFFFF !important; }
  .input-group.default .input-group-append {
    border: 1px solid #E6E8ED; }
  .input-group .form-control:focus {
    border-right-color: #FFFFFF !important; }
    .input-group .form-control:focus ~ .input-group-append {
      border: 1px solid #4586c6;
      border-left-color: #FFFFFF !important;
      background-color: #FFFFFF; }
  .input-group > .form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
  .input-group.prepend .form-control {
    padding-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group.append .form-control {
    padding-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group .input-group-append,
  .input-group .input-group-prepend {
    display: flex;
    background-color: #F6F6F6;
    overflow: hidden;
    justify-content: center; }
  .input-group .input-group-prepend {
    margin-right: -1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .input-group .input-group-append {
    margin-left: -1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  .input-group .input-group-icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #F6F6F6;
    border: none;
    height: 100%;
    cursor: pointer;
    width: 3.15rem; }

.form-group {
  margin-bottom: 1.5rem; }
  .form-group .form-group-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #867B78; }
  .form-group > .row {
    margin-bottom: 0.5rem; }
  .form-group label {
    font-size: 14px;
    font-family: "Nunito Sans", sans-serif;
    color: #747474;
    font-weight: 600;
    margin-bottom: 0.5rem; }
  .form-group .form-control, .form-group .custom-select {
    background-color: #F6F6F6;
    height: 45px;
    border-radius: 3px; }
  .form-group .custom-select > div[class*="control"] {
    border: none;
    padding-left: 1.5rem; }
    .form-group .custom-select > div[class*="control"] div:first-child {
      padding: 0;
      margin: 0; }
      .form-group .custom-select > div[class*="control"] div:first-child[class*="placeholder"] {
        color: rgba(116, 116, 116, 0.9); }

.custom-switch-button .switch {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 34px;
  margin-bottom: 0;
  cursor: pointer; }
  .custom-switch-button .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
    .custom-switch-button .switch input:checked + .slider {
      background-color: #00549e; }
      .custom-switch-button .switch input:checked + .slider:before {
        -webkit-transform: translateX(66px);
        -ms-transform: translateX(66px);
        transform: translateX(66px); }
  .custom-switch-button .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 6px; }
    .custom-switch-button .switch .slider:before {
      position: absolute;
      content: "";
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: #FFFFFF;
      -webkit-transition: .4s;
      transition: .4s;
      border-radius: 6px; }
    .custom-switch-button .switch .slider.round {
      border-radius: 34px; }
      .custom-switch-button .switch .slider.round:before {
        border-radius: 50%; }
  .custom-switch-button .switch.active {
    text-align: left; }
    .custom-switch-button .switch.active .text-status {
      margin-left: 10px;
      left: 0; }
      .custom-switch-button .switch.active .text-status:nth-child(3) {
        opacity: 1; }
  .custom-switch-button .switch.inactive {
    text-align: right; }
    .custom-switch-button .switch.inactive .text-status {
      margin-right: 10px;
      right: 0; }
      .custom-switch-button .switch.inactive .text-status:nth-child(4) {
        opacity: 1; }
  .custom-switch-button .switch .text-status {
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0; }

.custom-checkbox-container .label,
.custom-radio-button .label {
  font-size: 0.9rem;
  position: relative; }

.custom-checkbox-container .checkbox-container,
.custom-checkbox-container .radio-btn-container,
.custom-radio-button .checkbox-container,
.custom-radio-button .radio-btn-container {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.custom-checkbox-container input,
.custom-radio-button input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }
  .custom-checkbox-container input:checked ~ .checkmark,
  .custom-radio-button input:checked ~ .checkmark {
    background-color: #00549e; }
    .custom-checkbox-container input:checked ~ .checkmark:after,
    .custom-radio-button input:checked ~ .checkmark:after {
      display: block; }

.custom-checkbox-container .checkmark,
.custom-radio-button .checkmark {
  position: absolute;
  left: 0;
  height: 20px;
  width: 20px; }

.custom-checkbox-container .checkbox-container {
  padding-left: 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0; }

.custom-checkbox-container input {
  height: 0;
  width: 0; }

.custom-checkbox-container .checkmark {
  top: -1px;
  background-color: #eee;
  border-radius: 3px; }
  .custom-checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.custom-radio-button {
  display: flex;
  justify-content: flex-end; }
  .custom-radio-button .radio-btn-container {
    padding-left: 2rem;
    margin-bottom: 0;
    margin-left: 1rem; }
  .custom-radio-button .checkmark {
    top: 0;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #B4BFC9;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); }
    .custom-radio-button .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      top: 4px;
      left: 4px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #FFFFFF; }

.input-wrapper {
  position: relative;
  padding: 0; }
  .input-wrapper .icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 15px; }

.custom-select {
  width: 100%;
  height: 100%;
  font-weight: 400;
  font-size: 0.9rem;
  padding: 0; }
  .custom-select > div[class*="control"] {
    height: 100%;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    background-color: #F6F6F6; }
  .custom-select [class*="indicatorContainer"] {
    background-color: #00549e;
    color: #FFFFFF;
    margin-left: 5px;
    margin-right: 5px;
    padding: 6px;
    border-radius: 3px; }
    .custom-select [class*="indicatorContainer"]:hover {
      color: #FFFFFF; }
  .custom-select [class*="indicatorSeparator"] {
    display: none; }
  .custom-select span[class*="Text"] {
    border: transparent !important;
    position: absolute !important;
    z-index: 100; }
  .custom-select [class*="menu"] {
    position: absolute !important;
    z-index: 100; }

.rdtPicker {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  width: 270px; }
  .rdtPicker .rdtSwitch, .rdtPicker .rdtDay, .rdtPicker th {
    font-weight: 400; }
  .rdtPicker th {
    border: none !important; }
  .rdtPicker .rdtDay, .rdtPicker .rdtSwitch, .rdtPicker .rdtMonth, .rdtPicker .rdtYear {
    border-radius: 3px;
    padding: 8px; }
  .rdtPicker .rdtDay.rdtActive, .rdtPicker .rdtDay.rdtActive:hover, .rdtPicker .rdtMonth.rdtActive, .rdtPicker .rdtMonth.rdtActive:hover, .rdtPicker .rdtYear.rdtActive, .rdtPicker .rdtYear.rdtActive:hover {
    background-color: #00549e;
    color: #FFFFFF; }
  .rdtPicker .rdtSwitch, .rdtPicker .rdtMonth, .rdtPicker .rdtYear {
    font-size: 14px; }
  .rdtPicker .rdtDay, .rdtPicker .dow {
    font-size: 13px; }
  .rdtPicker .rdtDay::before {
    border-bottom: 7px solid #00549e !important; }
  .rdtPicker .dow {
    color: rgba(0, 0, 0, 0.38); }
  .rdtPicker th.rdtNext,
  .rdtPicker th.rdtPrev {
    opacity: 0.5; }

.error-message {
  display: none; }

.has-error {
  position: relative; }
  .has-error .form-control, .has-error .custom-select > div[class*="control"] {
    background-color: rgba(0, 84, 158, 0.05) !important;
    border-color: rgba(0, 84, 158, 0.15) !important; }
  .has-error .error-message {
    z-index: 10;
    padding-top: 3px;
    display: block;
    color: #f1736b;
    font-size: 10px;
    right: 1.5rem; }

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .75rem;
  font-size: 0.85rem;
  line-height: 1.5;
  border-radius: .25rem;
  cursor: pointer;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; }
  .btn:focus {
    outline: none; }
  .btn.btn-search {
    min-width: 10rem; }

a {
  cursor: pointer; }
  a:hover {
    color: initial; }

.btn-primary {
  background-color: #00549e;
  color: #FFFFFF; }
  .btn-primary:hover {
    background-color: rgba(0, 84, 158, 0.9);
    color: #FFFFFF; }

.btn-secondary {
  background-color: #4586c6;
  color: #FFFFFF; }
  .btn-secondary:hover {
    background-color: rgba(69, 134, 198, 0.9);
    color: #FFFFFF; }

.btn-transparent {
  background-color: transparent; }

.btn-danger {
  background-color: #00549e;
  color: #FFFFFF; }
  .btn-danger:hover {
    background-color: rgba(0, 84, 158, 0.9);
    color: #FFFFFF; }

.btn-dark-red {
  background-color: #867B78;
  color: #FFFFFF; }
  .btn-dark-red:hover {
    background-color: rgba(134, 123, 120, 0.9);
    color: #FFFFFF; }

.btn-light-gray {
  background-color: #B7C0C7;
  color: #FFFFFF; }
  .btn-light-gray:hover {
    background-color: rgba(183, 192, 199, 0.9);
    color: #FFFFFF; }

.btn-block {
  display: block;
  width: 100%; }

.btn:disabled {
  background-color: rgba(0, 84, 158, 0.45);
  pointer-events: none; }

.navbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #FFFFFF;
  padding: 0 1rem;
  font-family: "Nunito Sans", sans-serif; }
  .navbar .nav-logo {
    display: flex;
    align-content: center; }
    .navbar .nav-logo img {
      max-width: 120px; }
  .navbar .nav-links,
  .navbar .user-nav .user-info {
    justify-content: space-between; }
  .navbar .nav-links,
  .navbar .nav-tools,
  .navbar .user-nav .user-info {
    display: flex;
    align-items: center; }
  .navbar .nav-tools {
    justify-content: flex-end; }
  .navbar .user-nav .dropdown-toggle {
    margin: 1rem 0; }
  .navbar .nav-links {
    flex: 1;
    margin-left: 1rem; }
    .navbar .nav-links ul {
      padding-left: 0;
      margin-bottom: 0; }
      .navbar .nav-links ul li {
        list-style: none;
        display: inline-flex;
        align-items: center;
        margin: 0 0.75rem; }
  .navbar nav {
    width: 80%; }
  .navbar .nav-item.open .nav-link {
    color: #00549e; }
    .navbar .nav-item.open .nav-link::after {
      width: 100%; }
  .navbar .nav-item .nav-link {
    margin: 1rem 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: relative;
    color: #999999;
    transition: 0.2s;
    font-size: 0.85rem;
    font-weight: 600; }
    .navbar .nav-item .nav-link:hover {
      color: #00549e; }
      .navbar .nav-item .nav-link:hover::after {
        width: 100%; }
    .navbar .nav-item .nav-link::after {
      content: '';
      position: absolute;
      border-bottom: 0;
      bottom: -1rem;
      left: 0;
      width: 0%;
      border-bottom: 3px solid #00549e;
      transition: 0.2s; }

.dropdown {
  position: relative; }
  .dropdown.open .dropdown-menu {
    display: block !important; }
  .dropdown .dropdown-toggle {
    width: 100%;
    display: block;
    height: 100%;
    cursor: pointer; }
  .dropdown .dropdown-menu {
    display: none !important;
    position: absolute;
    top: 100%;
    z-index: 10;
    left: 0;
    background-color: #00549e;
    border-radius: 6px;
    border-top-left-radius: 0;
    min-width: 12rem;
    padding: 0.25rem 0;
    box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.1); }
    .dropdown .dropdown-menu .dropdown-item {
      color: #FFFFFF;
      font-size: 0.85rem;
      display: block;
      padding: 0.8rem 1rem; }
      .dropdown .dropdown-menu .dropdown-item:hover {
        background-color: #003e75;
        color: #FFFFFF; }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); }

table {
  border-collapse: collapse; }
  table.table {
    width: 100%;
    margin-bottom: 1rem; }
    table.table th, table.table td {
      padding: 0.75rem;
      text-align: left;
      font-weight: 400; }
      table.table th:first-child, table.table td:first-child {
        padding-left: 2rem;
        padding-right: 2rem; }
    table.table thead th {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      font-weight: 400;
      font-size: 0.8rem;
      color: #747474; }
      table.table thead th.btn-actions {
        width: 120px;
        min-width: 120px; }
      table.table thead th.number {
        width: 90px;
        min-width: 90px; }
      table.table thead th.date {
        width: 15%; }
      table.table thead th.status {
        width: 120px;
        min-width: 120px; }
    table.table tbody td {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
      font-weight: 400;
      font-size: 0.85rem;
      color: #3F3F3F; }
      table.table tbody td.status {
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase; }
        table.table tbody td.status.active {
          color: #10dc60; }
    table.table tbody tr:nth-child(odd) {
      background-color: rgba(216, 216, 216, 0.2); }
    table.table tbody button {
      padding: 0.35rem .75rem;
      font-size: 0.75rem; }
      table.table tbody button:hover {
        background-color: #867B78 !important; }

.paginate {
  padding: 1.5rem;
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  color: #747474;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .paginate-page {
    color: #747474;
    cursor: pointer; }
    .paginate-page:not(:last-child) {
      margin-right: 1.25rem; }
    .paginate-page.current {
      color: #4586c6; }
    .paginate-page:hover {
      color: #00549e; }

.table-filter thead th:not(.th-action) > span {
  position: relative;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px; }
  .table-filter thead th:not(.th-action) > span i {
    position: absolute;
    left: 0;
    font-size: 14px;
    top: -2px;
    color: #B7C0C7; }

.table-filter thead th:not(.th-action).sorting-asc i.fa-sort-up,
.table-filter thead th:not(.th-action).sorting-desc i.fa-sort-down {
  color: #867B78; }

.header-filter {
  border-bottom: 1px solid #F6F6F6;
  padding: 1rem;
  margin: 0; }
  .header-filter .col {
    padding-left: 0; }
  .header-filter input, .header-filter [class*="container"] {
    width: 100%; }
  .header-filter [class*="container"] {
    width: 90% !important; }
    .header-filter [class*="container"] [class*="control"] {
      height: 50px;
      width: 100%;
      font-size: 0.9rem;
      border-color: #E9E9E9; }
      .header-filter [class*="container"] [class*="control"]:hover, .header-filter [class*="container"] [class*="control"]:focus {
        border-color: #4586c6; }
    .header-filter [class*="container"] [class*="placeholder"] {
      font-size: 0.9rem; }
    .header-filter [class*="container"] [class*="menu"] {
      text-align: right;
      font-size: 14px; }
      .header-filter [class*="container"] [class*="menu"] [class*="option"] {
        border-bottom: 1px solid #F6F6F6; }
    .header-filter [class*="container"] [class*="multiValue"] {
      font-size: 14px; }
    .header-filter [class*="container"] [class*="IndicatorsContainer"] [class*="indicatorContainer"] {
      display: none; }
    .header-filter [class*="container"] [class*="IndicatorsContainer"] [class*="indicatorSeparator"] {
      display: none; }
      .header-filter [class*="container"] [class*="IndicatorsContainer"] [class*="indicatorSeparator"] + [class*="indicatorContainer"] {
        display: block !important; }
  .header-filter .form-control {
    border: 1px solid #E9E9E9;
    height: 50px; }
  .header-filter label {
    font-size: 12px;
    color: #867B78;
    width: 16%;
    margin-bottom: 0; }

footer {
  background-color: #FFFFFF;
  padding: 1.5rem 1rem;
  bottom: 0;
  position: absolute;
  width: 100%;
  font-size: 0.8rem;
  color: #999999; }
  footer .footer-links {
    margin-bottom: 0; }
    footer .footer-links li {
      display: inline-block;
      margin: 0 0.75rem;
      color: #999999;
      position: relative; }
      footer .footer-links li:not(:last-child)::after {
        content: "";
        display: inline-block;
        font-size: 1rem;
        position: absolute;
        font-weight: 300;
        top: 2px;
        height: 1rem;
        width: 1px;
        right: -0.75rem;
        background: #999999; }

.breadcrumb {
  padding-left: 0;
  margin: 0; }
  .breadcrumb .breadcrumb-item {
    font-family: "Nunito Sans", sans-serif;
    list-style: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 9px;
    color: rgba(116, 116, 116, 0.8);
    font-weight: 700;
    letter-spacing: 1px; }
    .breadcrumb .breadcrumb-item + .breadcrumb-item {
      padding-left: .5rem; }
      .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        color: #6c757d;
        content: "/"; }

.modal {
  position: fixed;
  width: 100%;
  min-height: 100vh;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  font-family: "Nunito Sans", sans-serif; }
  .modal.show {
    display: block; }
  .modal.modal-error .modal-content, .modal.modal-success .modal-content {
    max-width: 500px;
    max-width: 400px; }
  .modal.modal-success .modal-status-text {
    color: #10dc60;
    font-weight: 800;
    font-size: 2rem; }
  .modal.modal-success img {
    width: 110px;
    margin: 10px auto 0 auto; }
  .modal.modal-success p {
    font-size: 14px !important;
    margin-top: 2rem;
    margin-bottom: 0; }
  .modal-content {
    background-color: #FFFFFF;
    max-width: 600px;
    padding: 2rem;
    border-radius: 4px;
    position: absolute;
    width: 600px;
    left: 50%;
    transform: translateX(-50%);
    top: 5%;
    overflow: hidden;
    max-height: calc(100vh - 10%); }
    .modal-content.sm {
      width: 500px; }
    .modal-content.with-tabs .modal-body {
      padding: 0 !important; }
    .modal-content.with-tabs .modal-tab-item {
      font-weight: 700 !important; }
    .modal-content.with-tabs .modal-tab-title {
      font-weight: 700 !important;
      font-size: 0.75rem;
      font-weight: 400;
      color: rgba(116, 116, 116, 0.75);
      text-transform: uppercase;
      border-bottom: 1px solid rgba(116, 116, 116, 0.35);
      margin-bottom: 0.5rem;
      padding-bottom: 5px; }
    .modal-content.with-tabs .modal-tab-content {
      padding: 1rem 2rem;
      text-align: left; }
    .modal-content.with-tabs label {
      margin-bottom: 0;
      color: rgba(134, 123, 120, 0.5);
      font-size: 0.75rem;
      text-transform: uppercase; }
    .modal-content.with-tabs input[readOnly] {
      background: none !important;
      color: #867B78;
      padding: 0;
      display: block;
      height: auto; }
  .modal-body {
    max-height: 70vh;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    overflow-y: auto; }
    .modal-body .message {
      font-size: 1rem !important;
      color: #747474; }
  .modal.modal-actions .modal-content {
    padding: 0;
    max-height: calc(100vh - 3.5rem); }
  .modal.modal-actions .modal-header,
  .modal.modal-actions .modal-footer {
    background-color: #FFFFFF;
    width: 100%;
    left: 0;
    z-index: 10;
    margin: 0 !important; }
  .modal.modal-actions .modal-header {
    padding: 1.5rem 2rem 1rem 2rem;
    border-bottom: 1px solid #dee2e6; }
  .modal.modal-actions .modal-body {
    padding: 2rem 2rem 0rem 2rem;
    margin: 0 !important; }
  .modal.modal-actions .modal-footer {
    border-top: 1px solid #dee2e6; }
  .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0; }
    .modal-header .modal-title {
      color: #867B78;
      font-weight: 700;
      font-family: "Nunito Sans", sans-serif; }
    .modal-header .btn {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 700;
      font-family: "Nunito Sans", sans-serif; }
  .modal-footer {
    bottom: 0;
    padding: 1rem 2rem; }
  .modal .btn-group {
    display: flex;
    align-content: center;
    justify-content: center; }
    .modal .btn-group button {
      min-width: 13rem;
      font-weight: 500; }
    .modal .btn-group .btn-transparent {
      min-width: auto; }
    .modal .btn-group.justify-content-space-between button {
      font-size: 12px; }
  .modal#delete {
    color: #747474; }
    .modal#delete .modal-content {
      width: 500px; }
    .modal#delete .name {
      font-weight: 700; }
  .modal .form-control[readonly] {
    width: 100%;
    border: none !important; }

.preloader-wrapper {
  height: 100%;
  position: fixed;
  background-color: #eef9fb;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0; }

.preloader-wrapper.transparent {
  opacity: 0.4; }

.loader {
  top: 40%; }

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out; }

.loader {
  color: #00549e;
  font-size: 10px;
  margin: 40px auto;
  position: relative;
  text-indent: -9999em;
  transform: translate(-50%, 0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0; }

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.loader:after {
  left: 3.5em; }

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1350px; } }

@media (max-width: 425px) {
  .input-group.search-bar {
    display: none !important; } }

@media (max-width: 900px) {
  .nav-links {
    justify-content: flex-end !important; }
    .nav-links nav {
      display: none; } }

@media (max-width: 1024px) {
  .name {
    display: none !important; }
  .navbar .input-group.search-bar {
    width: 70% !important; } }

@keyframes spinner-border {
  to {
    transform: rotate(360deg); } }

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25rem solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite; }

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2rem; }

@keyframes spinner-grow {
  0% {
    transform: scale(0); }
  50% {
    opacity: 1; } }

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow .75s linear infinite; }

.spinner-grow-sm {
  width: 1rem;
  height: 1rem; }

.alert-container {
  position: absolute;
  right: 1rem;
  top: 100px;
  z-index: 5; }
  .alert-container .alert {
    display: flex;
    position: relative;
    align-items: center;
    padding: 1rem;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 1rem;
    min-width: 17rem; }
    .alert-container .alert-success {
      background-color: #10dc60;
      color: #FFFFFF; }
      .alert-container .alert-success button {
        color: #FFFFFF; }
    .alert-container .alert button {
      padding: 0;
      margin-left: 10px; }
    .alert-container .alert .icon {
      margin-right: 10px;
      background-color: #06C371;
      width: 30px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center; }
    .alert-container .alert .message {
      flex: 2; }

.tabs, .modal-tabs {
  display: flex; }

.tab-item, .modal-tab-item {
  color: rgba(134, 123, 120, 0.5);
  font-weight: 400;
  border-top: 3px solid transparent;
  padding: 1rem;
  font-size: 0.95rem;
  text-align: center;
  transition: color .15s linear, border-color .15s linear, background-color .15s linear;
  cursor: pointer;
  margin: 0 1.5rem 1.5rem 1.5rem; }
  .tab-item.active, .modal-tab-item.active {
    color: #867B78;
    border-color: #00549e; }

.tab-panel, .modal-tab-panel {
  display: none; }
  .tab-panel.active, .modal-tab-panel.active {
    display: block; }

.modal-tabs {
  padding: 0 2rem;
  border-bottom: 1px solid rgba(116, 116, 116, 0.2); }

.modal .col {
  padding-left: 0; }

.modal-tab-item {
  margin: 0;
  font-weight: 500 !important;
  margin-right: 1.5rem;
  padding-left: 0;
  padding-right: 0;
  font-size: 0.65rem;
  border-top: none;
  border-bottom: 3px solid transparent;
  text-transform: uppercase; }
  .modal-tab-item.active {
    color: #867B78;
    border-color: #00549e; }

.view-history .tab-item {
  margin: 0;
  font-weight: 500 !important;
  margin-right: 1rem;
  font-size: 0.8rem;
  border-top: none;
  border-bottom: 3px solid transparent;
  text-transform: uppercase;
  background-color: #EAEAEA;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 1rem 2rem; }
  .view-history .tab-item.active {
    color: #867B78;
    background-color: #FFFFFF; }

.view-history .tab-content {
  background-color: #FFFFFF; }
  .view-history .tab-content .tab-panel {
    padding-top: 4rem;
    padding-bottom: 3rem; }
    .view-history .tab-content .tab-panel:not([data-tab="claimsHistory"]) {
      padding: 4rem; }
  .view-history .tab-content .list {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .view-history .tab-content .list .item {
      border-bottom: 1px solid #CECECE;
      margin-bottom: 0;
      padding-top: 10px;
      padding-bottom: 10px; }
  .view-history .tab-content .status {
    text-align: center; }
    .view-history .tab-content .status.paid {
      color: #10dc60; }
    .view-history .tab-content .status.reject {
      color: #f04141; }
  .view-history .tab-content button {
    margin: 0 auto; }

.view-history .tab-title {
  font-weight: 500;
  font-size: 1.5rem;
  color: #747474;
  margin-bottom: 1rem; }

.form-description {
  font-family: "Nunito Sans", sans-serif;
  list-style: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 9px;
  color: rgba(116, 116, 116, 0.8);
  font-weight: 700;
  letter-spacing: 1px; }

.status.accepted {
  color: #10dc60 !important; }

.status.rejected {
  color: #f04141 !important; }

.status.error {
  color: #ffce00 !important; }

.status.duplicate {
  color: #B7C0C7 !important; }

.status-legend {
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin-left: auto;
  margin-bottom: 0;
  padding: 2rem;
  list-style: none;
  font-weight: 600; }

.w100 {
  width: 100%; }

.terms_container {
  background-color: #F2F6F7;
  border: 1px solid #cddee2;
  height: 250px;
  overflow: auto;
  padding: 20px;
  font-style: italic;
  margin-bottom: 10px; }

.terms_container li {
  margin: 20px 0; }

.terms_container h2 {
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  margin: 0 0 20px 0;
  color: #4e4e4e; }

.copaycard {
  width: 290px;
  height: 180px;
  margin: 0 auto;
  padding: 15px 0 15px 15px;
  background-color: #00549e;
  text-align: left;
  border-radius: 6px;
  border: 1px solid #CECECE;
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 4.5in !important;
  height: 2.75in !important;
  background-color: transparent !important; }
  .copaycard:after {
    content: "";
    background-color: #FFFFFF;
    position: absolute;
    width: 390px;
    height: 200px;
    top: -30%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%; }
  .copaycard .details, .copaycard .copay-logo {
    position: relative;
    z-index: 10; }
  .copaycard .copay-logo {
    width: 140px;
    margin-bottom: 3px;
    margin-top: 2px; }
  .copaycard .details {
    font-size: 10px; }
    .copaycard .details ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .copaycard .details ul li {
        color: #313E48;
        font-weight: 500; }
    .copaycard .details .label {
      display: block;
      color: #867A77;
      text-align: center;
      font-weight: 500;
      margin-bottom: 5px; }
    .copaycard .details .amount-details {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .copaycard .details .amount-details .amount {
        color: #00549e;
        font-weight: 500;
        font-size: 30px;
        vertical-align: top;
        text-align: right;
        margin-right: 5px;
        line-height: 1; }
        .copaycard .details .amount-details .amount span {
          font-family: "Lato", sans-serif;
          font-weight: 600;
          font-size: 50px; }
        .copaycard .details .amount-details .amount sup {
          vertical-align: super; }
      .copaycard .details .amount-details .description {
        width: 60%;
        font-size: 9px;
        background-color: #867A77;
        padding: 5px;
        color: #FFFFFF; }
  .copaycard .copay-card-footer {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    z-index: 10;
    position: absolute;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 18px;
    bottom: 3px; }
  .copaycard.copay-card-wrapper:after {
    display: none !important; }
  .copaycard .copay-logo {
    width: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important; }
  .copaycard .details .amount-details .description {
    background-color: transparent !important; }
  .copaycard .details .amount-details {
    justify-content: center !important;
    color: #4e4e4e !important; }
  .copaycard .details,
  .copaycard .copay-logo {
    top: 33.33%; }
  .copaycard .details .amount-details .amount {
    color: #4e4e4e !important; }

.flex-start {
  justify-content: flex-start; }

.nav-logo {
  min-width: 120px; }

.marked-required {
  color: #f04141; }

.info-label {
  color: #747474; }

body {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  color: #313E48;
  background-color: #F6F6F6;
  position: relative;
  min-height: 100vh; }

.content {
  padding-top: 3rem;
  padding-bottom: 8rem; }

.wrapper-page {
  position: relative;
  min-height: 100vh; }

.card {
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 2rem;
  overflow: hidden; }
  .card.no-overflow {
    overflow: unset; }
  .card .card-title {
    font-weight: 500;
    font-size: 1rem;
    color: #747474;
    margin-bottom: 0.5rem; }
  .card.search-result {
    padding: 0; }
    .card.search-result .card-title {
      padding: 2rem;
      margin-bottom: 0 !important; }

.navbar .input-group.search-bar {
  border-radius: 50px;
  overflow: hidden;
  width: 45%; }
  .navbar .input-group.search-bar .form-control {
    background-color: #F6F6F6;
    font-family: "Nunito Sans", sans-serif; }

.navbar .user-nav {
  margin-left: 1rem; }
  .navbar .user-nav .user-info {
    flex: 1;
    position: relative; }
    .navbar .user-nav .user-info .initial, .navbar .user-nav .user-info .image {
      width: 35px;
      height: 35px;
      background-color: #313E48;
      border-radius: 50px;
      border: 2px solid #F6F6F6;
      overflow: hidden;
      margin-right: 5px; }
    .navbar .user-nav .user-info .facility-name {
      color: #747474;
      font-size: 11px;
      font-weight: 600; }
    .navbar .user-nav .user-info .initial {
      font-size: 12px;
      color: #FFFFFF;
      font-weight: 700;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
    .navbar .user-nav .user-info .name {
      font-size: 0.8rem;
      font-weight: 700;
      color: #3f3f3f;
      display: block; }
    .navbar .user-nav .user-info::after {
      content: "";
      display: inline-block;
      background-color: #F6F6F6;
      border-radius: 5px;
      background-image: url("/images/icon-caret-down.png");
      width: 1.5rem;
      background-repeat: no-repeat;
      background-position: center;
      height: 1.5rem;
      margin-left: 0.75rem;
      background-size: 10px; }

.user-nav .dropdown-menu {
  border-radius: 6px;
  background-color: #FFFFFF;
  right: 0;
  left: unset; }
  .user-nav .dropdown-menu .dropdown-item {
    color: #747474; }
    .user-nav .dropdown-menu .dropdown-item:hover {
      color: #747474;
      background-color: #F6F6F6; }

.page-title {
  color: #867B78;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  font-weight: 400; }

.container-sm .container {
  width: 600px; }

.container-md .container {
  width: 1000px; }

.login-page footer, .login-page .navbar, .reset-password-page footer, .reset-password-page .navbar {
  display: none; }

.reset-password-page {
  font-family: "Nunito Sans", sans-serif; }
  .reset-password-page .container {
    width: 650px; }
  .reset-password-page .logo-container {
    margin-top: 4rem; }
    .reset-password-page .logo-container img {
      width: 224px; }
  .reset-password-page .lg-text {
    color: #867B78; }
  .reset-password-page .instruction {
    color: #3F3F3F; }
    .reset-password-page .instruction i {
      font-size: 4rem;
      color: #4586c6;
      margin-right: 1rem; }
  .reset-password-page .form-control {
    height: 3.5rem; }
  .reset-password-page .btn-group button {
    width: 15rem; }
  .reset-password-page .footer {
    font-size: 10px; }

.login-page {
  font-family: "Nunito Sans", sans-serif;
  height: 100vh;
  background-color: #B7C0C7; }
  .login-page .container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%; }
  .login-page .logo-container img {
    max-height: 60px; }
  .login-page .login-card {
    width: 386px;
    padding: 3.5rem 3rem 2rem 3rem;
    border-radius: 10px;
    margin-bottom: 3rem; }
  .login-page .form-control {
    background-color: #F6F6F6;
    font-family: "Nunito Sans", sans-serif;
    padding: 1rem 1.75rem;
    font-size: 0.85rem; }
  .login-page .custom-checkbox-container .label {
    font-size: 0.75rem;
    color: #747474; }
  .login-page .text-link, .login-page .register-link, .login-page .footer {
    font-size: 0.75rem; }
  .login-page .footer {
    font-family: "Rubik", sans-serif; }
  @media (max-width: 575.98px) {
    .login-page .login-card, .login-page .content {
      width: 100%; } }

.main-page {
  font-family: "Nunito Sans", sans-serif; }
  .main-page .page-title {
    font-weight: 400;
    font-family: "Nunito Sans", sans-serif; }
  .main-page .table-content .header, .main-page .stats-card .header {
    display: flex;
    justify-content: space-between; }
    .main-page .table-content .header .title, .main-page .stats-card .header .title {
      font-weight: 600;
      color: #747474; }
  .main-page .stats-card {
    padding: 1rem 2rem 2rem 2rem; }
    .main-page .stats-card label {
      font-size: 0.65rem;
      font-weight: 600;
      text-transform: uppercase;
      color: #747474;
      margin-bottom: 0; }
    .main-page .stats-card .header {
      align-items: flex-end; }
      .main-page .stats-card .header .title {
        font-size: 1rem; }
      .main-page .stats-card .header .total {
        text-align: right;
        color: #747474; }
        .main-page .stats-card .header .total .data {
          font-size: 1.25rem; }
    .main-page .stats-card .body {
      margin-top: 1.1rem; }
      .main-page .stats-card .body .data {
        font-size: 2rem;
        color: #747474;
        font-weight: 300;
        border-bottom: 2px solid transparent; }
      .main-page .stats-card .body > .row {
        margin: 0; }
        .main-page .stats-card .body > .row > .col {
          padding: 0.25rem; }
  .main-page .stats-widget {
    margin-bottom: 2.5rem; }
    .main-page .stats-widget .stats-card .body .col:first-child .data {
      border-color: #00549e; }
    .main-page .stats-widget .stats-card .body .col:nth-child(2) .data {
      border-color: rgba(0, 84, 158, 0.5); }
    .main-page .stats-widget .stats-card .body .col:last-child .data {
      border-color: rgba(0, 84, 158, 0.3); }
  .main-page .table-content .header {
    align-items: center;
    margin-bottom: 1rem; }
    .main-page .table-content .header .title {
      font-size: 1.15rem; }
    .main-page .table-content .header .btn-group button {
      min-width: 8.9rem; }
  .main-page .recent-activity > .title {
    font-weight: 600;
    color: #747474;
    font-size: 0.9rem;
    margin-top: 1rem; }
  .main-page .recent-activity .item {
    display: flex;
    align-items: flex-start;
    margin-top: 1rem; }
    .main-page .recent-activity .item .avatar {
      margin-right: 10px; }
    .main-page .recent-activity .item .initial, .main-page .recent-activity .item .image {
      width: 35px;
      height: 35px;
      background-color: #313E48;
      border-radius: 50px;
      border: 2px solid #F6F6F6;
      overflow: hidden;
      margin-right: 5px; }
    .main-page .recent-activity .item .initial {
      font-size: 16px;
      color: #FFFFFF;
      font-weight: 700;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
    .main-page .recent-activity .item .message {
      color: #747474;
      font-size: 0.9rem;
      margin-bottom: 0.75rem; }
      .main-page .recent-activity .item .message .title {
        font-size: 0.8rem;
        margin-bottom: 6px; }
      .main-page .recent-activity .item .message p {
        font-size: 0.9rem; }
    .main-page .recent-activity .item .footer {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .main-page .recent-activity .item .footer .date-time {
        font-size: 0.7rem;
        font-weight: 600;
        color: #747474; }
      .main-page .recent-activity .item .footer button {
        padding: 0 5px;
        height: 2rem;
        font-weight: 700;
        font-size: 0.75rem; }

.enroll-patient-page .progress-bar {
  background: #D8D8D8;
  border-radius: 12px;
  height: 24px;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .enroll-patient-page .progress-bar-wrap {
    margin-bottom: 1rem; }
  .enroll-patient-page .progress-bar-inner {
    transition: all .5s ease-in-out;
    height: 100%;
    left: 0;
    min-height: 10px;
    position: absolute;
    top: 0; }
  .enroll-patient-page .progress-bar .progress-bar-inner {
    background-color: #00549e; }

.enroll-patient-page form .card {
  min-height: 200px; }

.enroll-patient-page .description {
  font-size: 13px;
  font-style: italic;
  margin-top: 2rem;
  margin-bottom: 2rem; }

.enroll-patient-page .form .form-title {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.25rem;
  color: #747474; }

.enroll-patient-page .form .form-control {
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  padding: 0.75rem 1rem;
  background-color: #F6F6F6; }

.enroll-patient-page .question-item {
  padding: 1.25rem; }
  .enroll-patient-page .question-item.note .question {
    font-size: 0.8rem; }
  .enroll-patient-page .question-item .form-control {
    background-color: #FFFFFF;
    padding: 0.65rem 1rem; }
  .enroll-patient-page .question-item .question {
    font-size: 0.9rem;
    color: #313E48; }
  .enroll-patient-page .question-item:nth-child(even) {
    background-color: rgba(116, 116, 116, 0.05); }
  .enroll-patient-page .question-item select {
    background: #fff;
    height: 2rem;
    min-width: 10rem; }

.enroll-patient-page .terms-condition {
  max-height: 250px;
  overflow: scroll;
  background: #F2F6F7;
  border: 1px solid rgba(129, 162, 178, 0.25);
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  font-style: italic; }

.enroll-patient-page .status {
  font-size: 2rem; }

.enroll-patient-page .message {
  font-size: 1.25rem; }

.enroll-patient-page .processed-details .processed-by > .header {
  font-size: 1.1rem; }

.enroll-patient-page .processed-details .processed-by > div {
  font-size: 0.9rem;
  color: #3F3F3F; }

.enroll-patient-page .custom-select {
  height: auto; }
  .enroll-patient-page .custom-select > div[class*="control"] {
    height: 3rem;
    padding: 0 0.5rem; }

.btn-group button {
  min-width: 10rem; }
  .btn-group button + button {
    margin-left: 0.25rem; }

.result-patient .table-responsive {
  border-radius: 0; }
  .result-patient .table-responsive th, .result-patient .table-responsive td {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem; }
  .result-patient .table-responsive thead tr {
    background-color: rgba(48, 62, 72, 0.3); }
    .result-patient .table-responsive thead tr th {
      color: #FFFFFF; }

.modal#reset .modal-content, .modal#changePassword .modal-content, .modal#delete .modal-content {
  max-width: 570px; }

.modal#changePassword .modal-content .form-control {
  margin-left: 0;
  margin-bottom: 1rem;
  background: rgba(216, 216, 216, 0.2); }

.modal#changePassword .password-rules {
  margin-bottom: 3rem;
  color: #747474;
  font-size: 12px; }

.view-history .menu-bar {
  background-color: #303E48;
  color: #FFFFFF; }
  .view-history .menu-bar .links {
    margin: 0;
    list-style: none;
    padding-left: 0; }
    .view-history .menu-bar .links li {
      padding: 1rem 1.75rem;
      cursor: pointer;
      font-size: 0.85rem; }
      .view-history .menu-bar .links li.active {
        background-color: rgba(216, 216, 216, 0.1); }
      .view-history .menu-bar .links li:hover {
        background-color: rgba(216, 216, 216, 0.1); }

.view-history .card .container > .content-wrapper:not(.profile) {
  min-height: 500px; }

.view-history.history-page .card-title {
  font-size: 1.25rem; }

.view-history .main-content {
  padding: 3rem; }

.view-history .more-details {
  padding: 0 4.5rem 2.5rem 4.5rem;
  display: none; }
  .view-history .more-details .label, .view-history .more-details .data {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5; }
  .view-history .more-details .label {
    width: 180px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    color: #999999; }
  .view-history .more-details .row {
    border-bottom: 1px solid #CECECE;
    padding-top: 8px;
    padding-bottom: 8px;
    align-items: center;
    vertical-align: middle; }
    .view-history .more-details .row > .col {
      align-items: center; }
    .view-history .more-details .row .address .col:first-child {
      border-bottom: 1px solid #CECECE;
      padding-bottom: 8px; }
    .view-history .more-details .row .address .col:nth-child(2) {
      padding-top: 8px; }

.view-history .btn-back {
  position: absolute;
  right: 4rem;
  font-weight: 500;
  top: 4rem;
  display: none; }

.view-history .rotate {
  transform: rotate(180deg); }

.view-history .claims-summary {
  padding: 2rem 4rem 1rem 4rem;
  display: none; }

.view-history .slide {
  padding: 1rem;
  background-color: rgba(216, 216, 216, 0.2);
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #00549e;
  font-size: 14px; }
  .view-history .slide .icon-more {
    margin-left: 0.5rem; }
  .view-history .slide > * {
    cursor: pointer; }

.view-history .profile {
  align-items: start; }
  .view-history .profile label, .view-history .profile .data {
    text-align: left;
    vertical-align: middle; }
  .view-history .profile label {
    width: 40%;
    max-width: 100px; }
  .view-history .profile.header {
    padding: 2rem 4rem 1rem 4rem; }
    .view-history .profile.header .label {
      font-size: 14px;
      color: #999999; }
    .view-history .profile.header .patient-name {
      font-size: 1.75rem;
      font-weight: 500;
      line-height: 2; }
    .view-history .profile.header .patient-member-id {
      font-size: 14px; }
      .view-history .profile.header .patient-member-id .data {
        margin-left: 10px; }
  .view-history .profile .data {
    width: 60%; }
  .view-history .profile .border-bottom {
    border: none; }
    .view-history .profile .border-bottom:after {
      content: "";
      background-color: #CECECE;
      height: 1px;
      width: calc(100% - 16px);
      position: absolute;
      bottom: 0;
      left: 0; }

.view-history .list.profile label {
  width: 40% !important; }

.view-history .list.profile .data {
  width: 60% !important; }

.view-history .list .item {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  align-items: center;
  margin-bottom: 1rem; }
  .view-history .list .item label {
    color: #313E48;
    font-weight: 400;
    width: 70%;
    text-align: left;
    margin-bottom: 0; }
  .view-history .list .item .data {
    color: #747474;
    width: 30%;
    text-align: right; }

.view-history .group {
  padding: 0;
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 6px; }
  .view-history .group label, .view-history .group .data {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .view-history .group label {
    color: rgba(116, 116, 116, 0.75);
    margin-right: 0.5rem;
    margin-bottom: 0;
    font-size: 0.75rem;
    text-align: left; }
  .view-history .group .data {
    color: #313E48;
    font-size: 0.9rem; }
    @media screen and (max-width: 1024px) {
      .view-history .group .data {
        font-size: 0.8rem; } }

.w-1 {
  width: 1%; }

.w-10 {
  width: 10% !important; }

.roles-page .table thead th.btn-actions, .users-page .table thead th.btn-actions, .facilities-page .table thead th.btn-actions {
  width: 1% !important; }

.roles-page .table thead th.role-name, .users-page .table thead th.role-name, .facilities-page .table thead th.role-name {
  width: 25%; }

.roles-page .table tbody td.btn-actions .btn, .users-page .table tbody td.btn-actions .btn, .facilities-page .table tbody td.btn-actions .btn {
  color: #867B78;
  background-color: #E9E9E9;
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem; }
  .roles-page .table tbody td.btn-actions .btn + .btn, .users-page .table tbody td.btn-actions .btn + .btn, .facilities-page .table tbody td.btn-actions .btn + .btn {
    margin-left: 10px; }
  .roles-page .table tbody td.btn-actions .btn:hover, .users-page .table tbody td.btn-actions .btn:hover, .facilities-page .table tbody td.btn-actions .btn:hover {
    color: #FFFFFF; }
  .roles-page .table tbody td.btn-actions .btn i, .users-page .table tbody td.btn-actions .btn i, .facilities-page .table tbody td.btn-actions .btn i {
    display: inline-block;
    font-size: 15px;
    margin-right: 5px; }

.roles-page .table tbody td.btn-actions .btn-view:hover, .users-page .table tbody td.btn-actions .btn-view:hover, .facilities-page .table tbody td.btn-actions .btn-view:hover {
  background-color: #4586c6; }

.roles-page .table tbody td.btn-actions .btn-edit:hover, .users-page .table tbody td.btn-actions .btn-edit:hover, .facilities-page .table tbody td.btn-actions .btn-edit:hover {
  background-color: #867B78; }

.roles-page .table tbody td.btn-actions .btn-delete:hover, .users-page .table tbody td.btn-actions .btn-delete:hover, .facilities-page .table tbody td.btn-actions .btn-delete:hover {
  background-color: #00549e; }

.roles-page .modal-content, .users-page .modal-content, .facilities-page .modal-content {
  max-width: 700px;
  width: 700px; }

.facilities-page td.btn-actions .btn {
  padding: 0.5rem 0.75rem !important;
  text-align: center; }
  .facilities-page td.btn-actions .btn:hover {
    background-color: #867B78 !important; }
  .facilities-page td.btn-actions .btn i {
    margin: 0 !important; }
  .facilities-page td.btn-actions .btn + .btn {
    margin-left: 2px !important; }

.ip-address-page .page-title {
  font-size: 2.5rem; }

.ip-address-page .text {
  padding: 2rem; }

.ip-address-page .btn {
  min-width: 10rem;
  margin-top: 3rem; }

.security-code-page .has-error .form-control, .security-code-page .has-error .custom-select > div[class*="control"] {
  background-color: rgba(240, 65, 65, 0.05) !important;
  border-color: rgba(240, 65, 65, 0.15) !important; }

.security-code-page .has-error .error-message {
  font-weight: 600; }

.security-code-page .form-control {
  font-size: 1.5rem;
  font-weight: 300; }

.new-code-page .btn {
  min-width: 13rem;
  margin-top: 2.5rem;
  background-color: #313E48;
  color: #FFFFFF; }

.new-code-page .card {
  padding: 3rem 2rem;
  font-size: 14px; }
  .new-code-page .card p {
    width: 80%;
    margin: 0 auto; }
  .new-code-page .card .card-status {
    font-size: 2.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #10dc60;
    margin-bottom: 1.5rem; }
    .new-code-page .card .card-status i {
      font-size: 3rem;
      margin-right: 14px; }

.copay-card-wrapper {
  width: 4.7in;
  height: 3in;
  border-radius: 3.48mm;
  margin: 0 auto;
  background-color: #FFFFFF;
  text-align: left;
  border: 1px solid #CECECE;
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .copay-card-wrapper img.visa-logo {
    position: absolute;
    width: 4.5rem;
    right: 1.5rem;
    bottom: 1.15rem; }
  .copay-card-wrapper.copay-debit, .copay-card-wrapper.copay-hybrid {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center; }
    .copay-card-wrapper.copay-debit .copay-logo, .copay-card-wrapper.copay-hybrid .copay-logo {
      width: 60mm;
      padding: 20px 0 0 20px;
      margin-bottom: 3px;
      margin-top: 2px; }
    .copay-card-wrapper.copay-debit .content, .copay-card-wrapper.copay-hybrid .content {
      padding: 1.5rem 1.5rem 1rem 1.5rem;
      position: absolute;
      bottom: 0;
      width: 100%;
      color: #313E48; }
    .copay-card-wrapper.copay-debit .card-number,
    .copay-card-wrapper.copay-debit .card-date,
    .copay-card-wrapper.copay-debit .cardholder-name,
    .copay-card-wrapper.copay-debit .pid-number, .copay-card-wrapper.copay-debit .id-number, .copay-card-wrapper.copay-hybrid .card-number,
    .copay-card-wrapper.copay-hybrid .card-date,
    .copay-card-wrapper.copay-hybrid .cardholder-name,
    .copay-card-wrapper.copay-hybrid .pid-number, .copay-card-wrapper.copay-hybrid .id-number {
      font-family: "OCR A Extended", sans-serif;
      line-height: 1.25; }
    .copay-card-wrapper.copay-debit .cardholder-name,
    .copay-card-wrapper.copay-debit .pid-number, .copay-card-wrapper.copay-debit .id-number, .copay-card-wrapper.copay-hybrid .cardholder-name,
    .copay-card-wrapper.copay-hybrid .pid-number, .copay-card-wrapper.copay-hybrid .id-number {
      font-size: 1.5rem; }
    .copay-card-wrapper.copay-debit .card-number, .copay-card-wrapper.copay-hybrid .card-number {
      font-size: 2rem; }
    .copay-card-wrapper.copay-debit .validate, .copay-card-wrapper.copay-hybrid .validate {
      display: flex;
      align-items: center; }
      .copay-card-wrapper.copay-debit .validate span, .copay-card-wrapper.copay-hybrid .validate span {
        font-size: 0.75rem;
        line-height: 0.9;
        text-transform: uppercase;
        font-weight: 500;
        margin-right: 0.5rem; }
      .copay-card-wrapper.copay-debit .validate .card-date, .copay-card-wrapper.copay-hybrid .validate .card-date {
        font-size: 1.45rem; }
  .copay-card-wrapper.copay-debit {
    position: relative;
    background-image: url("/images/copay-card-footer-big.png"); }
    .copay-card-wrapper.copay-debit .validate {
      justify-content: center; }
  .copay-card-wrapper.copay-hybrid {
    position: relative;
    background-image: url("/images/copay-card-footer-big.png"); }
    .copay-card-wrapper.copay-hybrid .card-code {
      font-size: 0.9rem;
      font-family: "Roboto", sans-serif;
      font-weight: 500;
      width: 40%; }
    .copay-card-wrapper.copay-hybrid .bin, .copay-card-wrapper.copay-hybrid .grp {
      font-family: "Roboto Condensed", sans-serif;
      margin-right: 0.5rem; }
    .copay-card-wrapper.copay-hybrid .validate {
      justify-content: space-evenly; }
  .copay-card-wrapper .roboto {
    font-family: "Roboto Condensed", sans-serif; }
  .copay-card-wrapper.copay-afforda {
    position: relative; }
    .copay-card-wrapper.copay-afforda .copay-card-footer {
      background-image: url("/images/copay-card-footer.png");
      background-size: cover;
      height: 75px;
      background-repeat: no-repeat; }
      .copay-card-wrapper.copay-afforda .copay-card-footer .content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 18px 16px;
        z-index: 2;
        position: relative;
        color: #FFFFFF;
        font-family: "Raleway", sans-serif; }
        .copay-card-wrapper.copay-afforda .copay-card-footer .content .card-name {
          font-size: 1.45rem;
          font-weight: 600;
          text-transform: uppercase;
          line-height: 1; }
        .copay-card-wrapper.copay-afforda .copay-card-footer .content img {
          width: 5.5rem;
          margin-top: 5px; }
    .copay-card-wrapper.copay-afforda .contact-number {
      background-color: #232538;
      color: #FFFFFF;
      padding: 0.5rem 1.25rem 0.5rem 2.5rem;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 0.9rem;
      overflow: hidden;
      text-align: right;
      font-family: "Roboto", sans-serif; }
      .copay-card-wrapper.copay-afforda .contact-number:after {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 4.3rem solid #FFFFFF;
        border-right: 1.8rem solid transparent;
        position: absolute;
        top: 0;
        left: 0; }
    .copay-card-wrapper.copay-afforda .copay-logo {
      width: 55mm;
      padding: 20px 0 0 20px;
      margin-bottom: 3px;
      margin-top: 2px; }
    .copay-card-wrapper.copay-afforda .details {
      font-size: 16px;
      font-family: "Raleway", sans-serif;
      padding: 10px 20px 0 20px; }
      .copay-card-wrapper.copay-afforda .details ul {
        list-style: none;
        padding: 0;
        padding-top: 1rem;
        margin: 0; }
        .copay-card-wrapper.copay-afforda .details ul li {
          color: #313E48;
          font-weight: 500; }
      .copay-card-wrapper.copay-afforda .details .label {
        display: block;
        color: #4586c6;
        font-weight: 700;
        margin-bottom: 5px; }
      .copay-card-wrapper.copay-afforda .details .amount-details > span {
        display: block; }
      .copay-card-wrapper.copay-afforda .details .amount-details .amount {
        color: #00549e;
        font-weight: 700;
        vertical-align: top;
        text-align: right;
        margin-right: 5px;
        font-family: "Roboto", sans-serif;
        line-height: 0.75; }
        .copay-card-wrapper.copay-afforda .details .amount-details .amount span {
          font-family: "Lato", sans-serif;
          font-size: 4.15rem; }
        .copay-card-wrapper.copay-afforda .details .amount-details .amount sup {
          vertical-align: text-top;
          font-size: 2.5rem;
          position: relative; }
      .copay-card-wrapper.copay-afforda .details .amount-details .description {
        font-size: 14px;
        padding: 5px;
        color: #313E48;
        margin: 0;
        font-weight: 500;
        font-style: normal; }

.restriction-roles {
  font-family: "Nunito Sans", sans-serif;
  border-radius: 0; }
  .restriction-roles th {
    padding: 0.15rem 1.1rem !important; }
  .restriction-roles thead th {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    font-weight: 600; }
    .restriction-roles thead th.btn-controls {
      width: 45px !important;
      min-width: 45px !important;
      max-width: 45px !important;
      padding-left: 0 !important;
      padding-right: 0 !important; }
    .restriction-roles thead th.label {
      padding-left: 0 !important; }
  .restriction-roles thead tr {
    border-top: 1px solid #F6F6F6;
    border-bottom: 1px solid #F6F6F6; }
  .restriction-roles td, .restriction-roles th {
    font-size: 14px; }
  .restriction-roles td {
    padding: 0 !important; }
  .restriction-roles tr {
    background-color: transparent !important; }
  .restriction-roles .custom-checkbox-container {
    transform: scale(0.8); }
  .restriction-roles .custom-checkbox-container .checkmark, .restriction-roles .custom-radio-button .checkmark {
    left: 50%;
    top: -10px;
    transform: translate(-50%); }
  .restriction-roles .tr-header:not(:first-child) {
    border-top: 1px solid #F6F6F6; }
  .restriction-roles .tr-header th {
    padding-top: 0.5rem !important;
    padding-left: 0 !important;
    font-weight: 600;
    color: #747474; }
  .restriction-roles .spacing {
    height: 6px; }

.profile-page .card-title {
  font-size: 1.25rem;
  color: #867B78;
  margin-bottom: 0.5rem; }

.profile-page .form-group label {
  font-size: 13px;
  font-weight: 500; }

.profile-page .form-group .form-control {
  margin-bottom: 3px; }

.profile-page .btn {
  min-width: 15rem;
  margin-top: 2rem; }

.profile-page #generatePassword {
  font-size: 12px;
  font-weight: 600;
  font-family: "Nunito Sans", sans-serif;
  margin-bottom: 0.5rem; }

.password-requirements {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-family: "Nunito Sans", sans-serif; }
  .password-requirements ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .password-requirements li {
    position: relative;
    padding-left: 1.5rem;
    font-size: 14px;
    color: #747474; }
    .password-requirements li:after {
      content: '';
      position: absolute;
      background-color: #4586c6;
      width: 8px;
      height: 8px;
      border-radius: 100%;
      left: 5px;
      top: 50%;
      transform: translateY(-50%);
      transition: background 500ms ease; }
    .password-requirements li.requirement-passed:after {
      background-color: #4586c6; }
    .password-requirements li.requirement-failed:after {
      background-color: #f04141; }

.form-steps {
  display: flex;
  width: 80%;
  position: relative;
  margin: 2rem 0;
  justify-content: flex-end; }
  .form-steps:after {
    content: "";
    display: table;
    clear: both; }
  .form-steps .form-steps-item {
    padding: 0;
    position: relative;
    display: block;
    float: left;
    width: 25%;
    text-align: center; }
  .form-steps .form-steps-item-content {
    display: inline-block; }
  .form-steps .form-steps-item-icon {
    background: #ECEBEC;
    color: #747474;
    display: block;
    border-radius: 100%;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 10px auto;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    z-index: 2;
    transition: all 0.5s ease; }
  .form-steps .form-steps-item-line {
    display: inline-block;
    height: 8px;
    width: 100%;
    background: #ECEBEC;
    float: left;
    position: absolute;
    left: -50%;
    top: 16px;
    z-index: 1; }
    .form-steps .form-steps-item-line:after {
      transition: all 0.5s ease; }
  .form-steps .form-steps-item--completed + .form-steps-item {
    transition: all 0.5s ease; }
    .form-steps .form-steps-item--completed + .form-steps-item .form-steps-item-line:after {
      content: "";
      position: absolute;
      background-color: #00549e;
      z-index: 10;
      height: 3px;
      left: 0;
      top: 0; }
  .form-steps .form-steps-item--active .form-steps-item-icon {
    background-color: #00549e;
    color: #FFFFFF; }
  .form-steps .form-steps-item--active + .form-steps-item .form-steps-item-line:after,
  .form-steps .form-steps-item--completed + .form-steps-item .form-steps-item-line:after {
    content: "";
    width: 100%; }
  .form-steps .form-steps-item--active .form-steps-item-line,
  .form-steps .form-steps-item--completed .form-steps-item-line {
    background: #00549e; }
  .form-steps .form-steps-item--active .form-steps-item-icon,
  .form-steps .form-steps-item--completed .form-steps-item-icon {
    background: #00549e;
    color: #FFFFFF;
    width: 40px;
    height: 40px;
    line-height: 40px; }

.stage {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 0;
  margin: 0 auto;
  width: 100%;
  overflow: hidden; }
  .stage .dot-stretching {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #00549e;
    color: #00549e;
    transform: scale(1.25, 1.25);
    animation: dotStretching 2s infinite ease-in; }
    .stage .dot-stretching:before, .stage .dot-stretching::after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 10px;
      height: 10px;
      border-radius: 5px;
      background-color: #00549e; }
    .stage .dot-stretching:before {
      animation: dotStretchingBefore 2s infinite ease-in; }
    .stage .dot-stretching:after {
      animation: dotStretchingAfter 2s infinite ease-in; }

@keyframes dotStretching {
  0% {
    transform: scale(1.25, 1.25); }
  50%,
  60% {
    transform: scale(0.8, 0.8); }
  100% {
    transform: scale(1.25, 1.25); } }

@keyframes dotStretchingBefore {
  0% {
    transform: translate(0) scale(0.7, 0.7);
    opacity: 0.6; }
  50%,
  60% {
    transform: translate(-20px) scale(1, 1);
    opacity: 1; }
  100% {
    transform: translate(0) scale(0.7, 0.7);
    opacity: 0.6; } }

@keyframes dotStretchingAfter {
  0% {
    transform: translate(0) scale(0.7, 0.7);
    opacity: 0.6; }
  50%,
  60% {
    transform: translate(20px) scale(1, 1);
    opacity: 1; }
  100% {
    transform: translate(0) scale(0.7, 0.7);
    opacity: 0.6; } }

.failed-message p {
  width: 650px;
  margin: 0 auto;
  margin-top: 1em; }

.failed-message .btn-group {
  margin-top: 4em; }

.icon-warning {
  font-size: 4em;
  margin-top: 1em;
  margin-bottom: 0.25em; }

.visiblityHidden {
  visibility: hidden; }

.tooltip {
  display: inline;
  position: relative; }

.tooltip:hover:after {
  background: #313E48;
  border-radius: 4px;
  color: #fff;
  content: attr(tooltip);
  margin: -82px auto 0;
  font-size: 16px;
  padding: 10px;
  width: 105px;
  position: absolute;
  margin: 0;
  font-size: 11px;
  top: -85%;
  transform: translateY(-50%);
  right: 0;
  text-transform: uppercase; }

.tooltip:hover:before {
  border: solid;
  border-color: #313E48 transparent;
  border-width: 6px 6px 0 6px;
  content: "";
  left: 50%;
  bottom: 33px;
  position: absolute;
  transform: translateX(-50%); }