/*Overrides*/
:root {
  --primary-font-size: 16px;
  --primary-border-radius: 0px;

  --background: #F1F2F6;
  --gray-primary: rgba(71, 84, 103, 1);
  --blue-primary: rgba(12, 189, 126, 1);
  --primary-dark: #132440;
  --primary-border-color: rgba(208, 213, 221, 1);
  --primary-gradient-background: rgba(27, 42, 40, 1);

  /* Sidenav */
  --sidenav-from: #132440;
  --sidenav-to: #2E4D80;
  --sidenav-active: rgba(12, 189, 126, 1);
  --sidenav-background: linear-gradient(180deg, #1B2A28 0%, #5D9089 100%);
  --sidenav-divider: rgba(234, 236, 240, 0.4);
  --sidenav-email: rgba(255, 255, 255, 0.6);

  /* Tabs */
  --tab-text: #475467;
  --tab-text-active: #132440;
  --tab-background: #F3F7FA;
  --tab-background-active: #F3F7FA;
  --tab-border: rgba(209, 209, 209, 1);
  --tab-item-text: rgba(71, 84, 103, 0.7);
  --tab-item-border-active: rgba(12, 189, 126, 1);
  --tab-item-text-active: #132440;

  /* List item */
  --list-item-border: rgba(19, 36, 64, 0.1);
  --list-item-border-radius: 0px;
  --list-item-background: #FFFFFF;
  --list-item-active-background: rgba(156, 167, 168, 0.22);
  --list-item-border-active: rgba(12, 189, 126, 1);
  --list-item-label-text: #132440;
  --list-item-value-text: #132440;

  /* Dropdown menu */
  --dropdown-menu-background: #FFFFFF;
  --dropdown-menu-text: rgba(71, 84, 103, 1);
  --dropdown-menu-border: rgba(19, 36, 64, 0.1);
  --dropdown-menu-border-radius: 0px;

  /* Input */
  --input-border: rgba(19, 36, 64, 0.1);
  --input-border-radius: 0px;
  --input-text: #132440;
  --input-text-focus: #132440;
  --input-text-placeholder: rgba(19, 36, 64, 0.5);

  /* Select */
  --select-dropdown-toggle-background: white;
  --select-dropdown-toggle-background-disabled: #e9ecef;
  --select-dropdown-toggle-border-radius: 0px;
  --select-dropdown-toggle-border: rgba(19, 36, 64, 0.1);
  --select-dropdown-toggle-text: #132440;
  --select-dropdown-filter-option-text: #132440;
  --select-dropdown-item-text: rgba(19, 36, 64, 1);
  --select-dropdown-item-active-background: rgba(156, 167, 168, 0.22);
  --select-dropdown-item-active-border: rgba(12, 189, 126, 1);

  /* Checkbox */
  --checkbox-border: #d1d5db;
  --checkbox-background: white;
  --checkbox-border-radius: 0px;
  --checkbox-border-checked: rgba(12, 189, 126, 1);
  --checkbox-background-checked: rgba(12, 189, 126, 1);
  --checkbox-border-hover: rgba(12, 189, 126, 1);

  --white-background: rgba(250, 250, 250, 1);
  --secondary-background: rgba(0, 184, 238, 0.05);

  --radius-field: 0px;

  --green-primary: rgba(49, 166, 102, 1);
  --red-border: rgba(171, 0, 0, 1);
  --red-background: rgba(222, 106, 55, 0.05);
  --color-fg-primary: red;

  --auth-layout-mobile: rgba(25, 34, 46, 1);

  /* Empty state */
  --empty-state-background: rgba(228, 232, 237, 0.4);

  /* Primary button */
  --primary-button-background: rgba(12, 189, 126, 1);
  --primary-button-border: rgba(12, 189, 126, 1);
  --primary-button-text: rgba(255, 255, 255, 1);
  --primary-button-border-radius: 0px;

  /* Text button */
  --text-button-background: transparent;
  --text-button-text: rgba(19, 36, 64, 1);
  --text-button-border-radius: 0px;

  /* Outline button */
  --outline-button-background: white;
  --outline-button-text: rgba(19, 36, 64, 1);
  --outline-button-border: rgba(19, 36, 64, 0.04);
  --outline-button-border-radius: 0px;

  /* Icon */
  --icon-color: rgba(19, 36, 64, 0.4);
  --icon-hover-color: rgba(19, 36, 64, 1);

  /* Card */
  --card-background: rgba(249, 250, 251, 1);
  --card-border: rgba(208, 213, 221, 1);
  --card-border-radius: 0px;
  --card-top-border-radius: 0px;
  --card-content-background: rgba(250, 250, 250, 1);
  --card-item-label-text: rgba(71, 84, 103, 1);

  /* Pagination */
  --pagination-border-radius: 0px;
  --pagination-background: transparent;
  --pagination-text-active: #F9FAFB;
  --pagination-text: rgba(71, 84, 103, 1);

  /* Form steps */
  --step-line-background: rgba(217, 217, 217, 1);
  --step-icon-background: rgba(250, 250, 250, 1);
  --step-icon-background-active: rgba(12, 189, 126, 1);
  --step-icon-background-complete: rgba(12, 189, 126, 1);
  --step-icon-text: #6c757d;
  --step-icon-text-active: #FFFFFF;
  --step-icon-text-complete: #FFFFFF;
  --step-icon-border: rgba(19, 36, 64, 0.1);
  --step-icon-border-active: rgba(12, 189, 126, 1);
  --step-icon-border-complete: rgba(12, 189, 126, 1);
  --step-icon-border-radius: 50%;
  --step-title-text: #6c757d;
  --step-notice-text: #adb5bd;
  --step-description-text: #adb5bd;

  /* Upload documents */
  --upload-documents-background: rgba(255, 255, 255, 0.4);
  --upload-documents-border: rgba(19, 36, 64, 0.5);
  --upload-documents-border-radius: 0px;
  --upload-documents-drag-over-background: rgba(33, 150, 243, 0.1);
  --upload-documents-drag-over-border: rgba(12, 189, 126, 1);
  --upload-documents-file-info-background: #f5f5f5;

  /* Support tickets */
  --support-ticket-message-content-background: white;
  --support-ticket-message-content-support-background: linear-gradient(90.07deg, #132440 1.81%, #1E3355 35.54%, #2E4D80 50.06%);
  --support-ticket-message-content-border: rgba(19, 36, 64, 0.1);
  --support-ticket-message-content-border-radius: 0px;
  --support-ticket-message-content-text: rgba(71, 84, 103, 1);
  --support-ticket-message-content-span-text: rgba(71, 84, 103, 0.7);
  --support-ticket-message-content-support-span-text: rgba(255, 255, 255, 0.7);
  --support-ticket-message-content-avatar-text: white;
  --support-ticket-message-content-avatar-background: #D0D3D8;
  --support-ticket-message-content-support-avatar-background: linear-gradient(89.55deg, #132440 1.98%, #1E3355 56.56%, #2E4D80 99.61%);

  /* Info banner */
  --info-banner-border: rgba(40, 62, 59, 0.4);
  --info-banner-background: rgba(156, 167, 168, 0.1);
  --info-banner-border-radius: 0px;
}

#sidenav {
  border-radius: 0 !important;
}

.bg-sidenav-active {
  border-radius: 0 !important;
  background-color: var(--sidenav-active) !important;
}

.partner-access-button {
  border-radius: 0 !important;
  background: linear-gradient(171.4deg, rgb(30, 51, 85, 0.5) -40.75%, rgb(19, 36, 64, 0.5) 82.74%, rgb(46, 77, 128, 0.5) 152.09%);
}

.download-platform-button {
  border-radius: 0 !important;
}

.card, .card-header {
  border-radius: 0 !important;
}

.tabs-container {
  border-radius: 0 !important;
  #nav-demo-tab {
    border-radius: 0 !important;
  }
  #nav-live-tab {
    border-radius: 0 !important;
  }
}

.internal-transfer-arrow {
  border-radius: 0 !important;
  background-color: rgba(156, 167, 168, 0.1) !important;
}

.internal-transfer-card {
  border-radius: 0 !important;
}

.rounded-table {
  border-radius: 0 !important;
}

.modal-content, .modal-body {
  border-radius: 0 !important;
}

.rounded-lg {
  border-radius: 0 !important;
}

.verify-account-alert {
  border-radius: 0 !important;

  svg {
    color: var(--blue-primary) !important;
  }
}

.auth-layout {
  @media screen and (max-width: 640px) {
    background-image: url('/static/img/auth-layout-mobile.png');
  }
}