@font-face {
    font-family: 'Satoshi';
    src: url('fonts/Satoshi-Variable.ttf') format('truetype');
    font-weight: 400 1000;
}


/* Box sizing rules */

*,
*::before,
*::after {
    box-sizing: border-box;
}


/* Remove default padding */

ul,
ol[class] {
    padding: 0;
}


/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
    color: #111828;
}


/* Set core body defaults */

html {
    width: 100%;
}

body {
    width: 100%;
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    background: #FFF;
    color: #7484AA;
    font-family: 'Satoshi';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
}


/* Remove list styles on ul, ol elements with a class attribute */

ul[class],
ol[class],
li {
    list-style: none;
}


/* A elements that don't have a class get default styles */

a {
    text-decoration-skip-ink: auto;
    text-decoration: inherit;
    color: inherit;
}

a.link {
    text-decoration: underline;
}

.highlight {
    color: #E78020;
    cursor: pointer;
}


/* Make images easier to work with */

img {
    max-width: 100%;
    display: block;
}


/* Natural flow and rhythm in articles by default */

article>*+* {
    margin-top: 1em;
}


/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
    font: inherit;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../img/icons/chevron-down.svg') no-repeat calc(100% - 21px) 50% !important;
}

input::placeholder {
    color: #7484AA;
}

input,
select,
button[type="submit"] {
    width: 318px;
    max-width: 100%;
    height: 48px;
    background: #FFF;
    border: 1px solid #EEF1F2;
    outline: none;
    border-radius: 4px;
    padding: 14px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #111828;
}


/* @remove button or input */

input[type="submit"] {
    margin-top: 32px;
    padding: 16px 24px;
    background: #E78020;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #FFF;
    cursor: pointer;
}

button[type="submit"] {
    height: 50px;
    margin-top: 32px;
    padding: 16px 24px;
    background: #E78020;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #FFF;
    cursor: pointer;
    border: 0;
}

button.btn.disburse {
    margin-top: unset;
    width: unset;
    min-width: 85.664px;
    height: 40px;
    padding: 10px 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
}

button>.ld,
.btn>.ld {
    opacity: 0;
}

button.running>.ld,
.btn.running>.ld {
    opacity: 1;
}

.underline {
    text-decoration: underline;
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.modal-ld {
    margin-bottom: 30.67px !important;
    height: 74.67px;
}

.ld-ring,
.ld-ring:after {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 2.7px solid #efefef33;
}

.modal-ld-ring,
.modal-ld-ring:after {
    width: 74.67px;
    height: 74.67px;
    border: 7.4654px solid rgba(231, 128, 32, 0.12);
}

.ld-ring:after {
    margin-top: -2.7px;
    margin-left: -2.7px;
    content: "";
    border-color: #FFF;
    border-right-color: transparent;
}

.modal-ld-ring:after {
    margin-top: -7.465px;
    margin-left: -7.465px;
    border-color: #E78020;
    border-right-color: transparent;
}

@keyframes ld-spin-fast {
    0% {
        animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(1800deg);
    }
}

.ld.ld-spin-fast {
    animation: ld-spin-fast 1s infinite linear;
}

@keyframes ld-spin {
    0% {
        animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.ld.ld-spin {
    animation: ld-spin 1s infinite linear;
    ;
}

form .form-error {
    margin-bottom: 16px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), #F03738;
    border-radius: 3px;
    align-items: center;
    padding: 8px 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #F03738;
}

form .form-error .icon {
    margin-right: 4px;
    min-width: 16px;
    min-height: 16px;
}

form .form-group {
    flex-direction: column;
    margin-bottom: 16px;
}

form .form-groups .form-group {
    width: calc((100% - 16px)/2)
}

form .org-logo-group {
    margin-bottom: 16px;
    align-items: center;
}

.form-group label,
.org-logo-group {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #111828;
}

.verification-code-input input {
    margin-bottom: 8px;
    width: 46px;
    height: 48px;
    background: #FFF;
    border: 1px solid #EEF1F2;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    align-items: center;
    justify-content: center;
    color: #7484AA;
}

form .org-logo {
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px dashed #7484AA;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

form .org-logo-group p {
    margin-top: 4px;
    font-weight: 500;
    color: #7484AA;
    cursor: pointer;
}

form svg.view-btn {
    right: 14px;
    bottom: 14px;
    stroke: #7484AA;
    cursor: pointer;
}

form svg.view-btn.active {
    stroke: #111828;
}

form .resend-code {
    margin-top: 16px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #7484AA;
}

form .resend-code a {
    text-decoration-line: underline;
    color: #111828;
}

.btn,
.btn-primary {
    border-radius: 4px;
    padding: 10px 16px;
    background: #E78020;
    color: #FFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    text-align: center;
    cursor: pointer;
    border: 0;
}

.btn-secondary {
    border: 1px solid #D14F33;
    background: transparent;
    color: #D14F33;
}

.btn:disabled {
    background: #B5B5B6;
}


/* Remove all animations and transitions for people that prefer not to see them */

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.d-flex {
    display: flex;
}

.d-flex-space-between {
    display: flex;
    justify-content: space-between;
}

.t-left {
    text-align: left;
}

.m-auto {
    margin: auto;
}

.mb-0 {
    margin-bottom: 0 !important;
}

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

[v-cloak] {
    display: none;
}


/* login page */

.logo-banner {
    margin-bottom: 36px;
    padding: 51px;
}

.auth-page {
    justify-content: center;
}

.auth-div .auth-form-div {
    margin: auto;
    margin-bottom: 20px;
    width: 414px;
    background: #FFF;
    border: 1px solid #EEF1F2;
    border-radius: 12px;
}

.auth-div .auth-form {
    padding: 48px;
}

.auth-form-div .form-info {
    padding: 18.5px;
    background: #F6F8F9;
    border: 1px solid #EEF1F2;
    border-radius: 12px 12px 0px 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #111828;
}

.forgot-password {
    margin-top: -12px;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
}

.auth-link {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

.auth-link a {
    text-decoration-line: underline;
    color: #E78020;
}

.auth-div .qr {
    margin: 32px auto;
    width: 160px;
    height: 160px;
    background: #D9D9D9;
}

.register-success-msg {
    padding: 48px;
    line-height: 18px;
    color: #111828;
}

.twofa-list {
    margin: 0 48px -24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #EEF1F2;
}

.twofa-list li {
    margin-bottom: 24px;
    font-size: 14px;
}

.twofa-list li b {
    margin-bottom: 4px;
    font-weight: 700;
    line-height: 16px;
    color: #111828;
}

.twofa-list p {
    font-weight: 500;
    line-height: 18px;
}


/* dashboard */

.page-logo {
    margin-left: auto;
    margin-right: 0;
    width: fit-content;
}

.notification-dropdown {
    top: 40px;
    right: 0;
    z-index: 99;
    width: 308px;
    max-height: 336px;
    background: #FFF;
    padding: 16px 20px;
    border: 0.5px solid rgba(17, 24, 40, 0.12);
    box-shadow: 0px 4px 24px rgba(116, 132, 170, 0.1);
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #13161D;
}

.notification-header {
    padding-bottom: 12px;
    line-height: 20px;
}

.notification-header h3 {
    font-weight: 700;
    font-size: 14px;
}

.notification-header a {
    font-weight: 500;
    font-size: 10px;
    text-decoration-line: underline;
}

.notification-list {
    max-height: 271px;
    overflow-y: scroll;
}

.notification-list li {
    border-top: 1px solid rgba(116, 132, 170, 0.08);
    padding: 12px 0;
}

.notification-list li .notification-image {
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #E2E3E5;
    color: #111828;
}

.notification-list li .time {
    font-size: 8px;
    line-height: 12px;
    color: #8D98B9;
}

.notification-list li .btn {
    display: block;
    margin-top: 8px;
    width: fit-content;
    padding: 4px 8px;
}

.side-nav {
    position: fixed;
    width: 256px;
    height: 100vh;
    padding: 32px 24px;
    background: #111828;
}

.side-nav .side-nav-container {
    flex-direction: column;
    height: 100%;
}

.side-nav .side-nav-info {
    margin-bottom: 40px;
    padding: 8px;
    background: #3E4049;
    border-radius: 8px;
    align-items: center;
}

.side-nav-info div {
    height: 40px;
}

.side-nav-info .side-logo {
    margin-right: 8px;
    width: 40.19px;
    background: linear-gradient(0deg, rgba(2, 170, 101, 0.16), rgba(2, 170, 101, 0.16)), #FFFFFF;
    border-radius: 8px;
}

.side-nav-info h3.bank-name {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #FFF;
}

.side-nav-info .user-name {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #A4A6B3;
}

.side-nav-info svg {
    margin-left: auto;
}

.side-nav .nav-link {
    padding: 10px 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #CFD3DF;
    align-items: center;
}

.side-nav li.active .nav-link {
    color: #FFF;
    background: #202938;
    border-radius: 4px;
}

.list-icon {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.side-nav li.dropdown ul {
    margin-left: 30px
}

.side-nav li.dropdown li .nav-link {
    font-size: 12px;
    color: #8D98B9;
    background: none;
}

.side-nav .dropdown-menu {
    display: none;
}

.side-nav li.dropdown.active .dropdown-menu {
    display: block;
}

.side-nav li.dropdown li.active .nav-link {
    color: #FFF;
}

.dot-list-icon {
    width: 6px;
    height: 6px;
    background: #8D98B9;
    border-radius: 100%;
}

.side-nav li.dropdown li.active .nav-link .dot-list-icon {
    background: #FFF;
}

.side-nav .profile-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    letter-spacing: -0.01em;
    color: #FFF;
}

.side-nav .profile-link .profile-img {
    width: 40px;
    height: 40px;
    background: #D9D9D9;
    border-radius: 100%;
}

.page-content {
    margin-left: 256px;
    width: calc(100% - 256px);
    min-height: 100vh;
    padding: 18px 32px;
    background: #F9FAFC;
}

.page-content .page-header {
    margin-bottom: 24px;
    align-items: center;
}

.page-content .page-header h1 {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}

.page-content .page-header p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
}

.page-content .section-header {
    padding: 32px 0;
}

.page-content .section-header h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
}

.page-content .section-header p {
    line-height: 20px;
    letter-spacing: -0.01em;
}

.overview-cards .overview-card {
    padding: 16px;
    background: #F9FAFC;
    border: 1px solid #E6E7E9;
    border-radius: 8px;
}

.home-page .overview-cards .overview-card {
    width: calc((100% - 20px) / 2);
}

.overview-card h5.card-title {
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(54, 57, 64, 0.09);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #13161D;
}

.overview-card .metrics {
    width: 50%;
    margin-top: 20px;
    flex-direction: column;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.overview-card.wallet-balance {
    width: 360px;
    background: #111828;
    padding: 24px 66px;
}

.overview-card.wallet-balance+.overview-card {
    width: calc(100% - 380px);
    padding: 20px;
    align-items: center;
}

.overview-card.wallet-balance .metrics {
    width: 100%;
    color: rgba(255, 255, 255, 0.56);
}

.overview-card .metrics:first-child {
    margin-right: 17px;
    border-right: 1px solid rgba(54, 57, 64, 0.09);
}

.overview-card.wallet-balance .metrics:first-child {
    margin: auto;
    margin-bottom: 22px;
    border: none;
}

.overview-card.wallet-balance+.overview-card .metrics {
    margin-top: 0;
    height: 100%;
    padding: 30px 0;
}

.overview-card.wallet-balance+.overview-card .metrics:first-child {
    width: 50%;
    margin-top: 0;
    margin-right: 40px;
}

.overview-card .metrics .metric-value {
    margin-top: 2px;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #13161D;
}

.overview-card.wallet-balance .metric-value {
    color: #FFF;
}

.overview-card.wallet-balance .btn {
    width: 100%;
}

.table-container {
    padding-bottom: 52px;
    background: #F9FAFC;
    border: 1px solid #E6E7E9;
    border-radius: 8px;
}


/* @remove table */

table {
    width: 100%;
    border-collapse: collapse;
}

.table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.table .thead {
    display: table-header-group;
    background: #F6F8F9;
    border-bottom: 1px solid #E6E7E9;
}

.table .tbody {
    display: table-row-group;
}

table tr {
    border-bottom: 1px solid rgba(54, 57, 64, 0.09);
}

.table .tr {
    display: table-row;
    border-bottom: 1px solid rgba(54, 57, 64, 0.09);
}

table td {
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
}

.table .td {
    display: table-cell;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
}

table thead td {
    font-weight: 700;
    color: #111828;
}

.table .thead .td {
    font-weight: 700;
    color: #111828;
}

table tbody td {
    font-weight: 500;
    color: #111828;
}

.table .tbody .td {
    font-weight: 500;
    color: #111828;
}

.checkbox .checkbox-btn {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: #FFF;
    border: 1.5px solid #111828;
    border-radius: 2px;
}

.selected .checkbox-btn {
    fill: #01040A;
    border: 0;
}

.status-btn {
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 10px;
    line-height: 12px;
}

.status-btn.info {
    background: rgba(116, 132, 170, 0.04);
    border: 1px solid #7484AA;
    color: #7484AA;
}

.status-btn.success {
    background: rgba(21, 157, 111, 0.04);
    border: 0.5px solid #159D6F;
    color: #159D6F;
}

.status-btn.error {
    background: rgba(209, 79, 51, 0.04);
    border: 0.5px solid #D14F33;
    color: #D14F33;
}

div.error {
    padding: 10px 12px;
    background: rgba(209, 79, 51, 0.08);
    border-radius: 4px;
}

div.error .title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #D14F33;
}

.options-dropdown {
    max-width: 121px;
    align-items: center;
    padding: 7.5px 6px;
}

.table-pagination {
    bottom: 0;
    width: 100%;
    padding: 12px;
    align-items: center;
}

.table-pagination .result-summary {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.01em;
}

.table-pagination .paging-btn {
    margin-left: 12px;
    background: rgba(116, 132, 170, 0.04);
    border-radius: 4px;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.table-pagination .paging-btn.active {
    color: #FFF;
    background: #E78020;
}

.table-pagination .paging-btn.prev,
.table-pagination .paging-btn.next {
    border: 1px solid #7484AA;
}

.d-none {
    display: none;
}

.modal {
    overflow: scroll;
    z-index: 9;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 24, 40, 0.24);
}

.modal .modal-content {
    width: 440px;
    padding: 40px;
    margin: 140px auto;
    background: #FFF;
    border-radius: 4px;
}

.modal-content .modal-content-heading {
    margin-bottom: 35.33px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(54, 57, 64, 0.09);
}

.modal-content .modal-content-sub-heading {
    margin-bottom: 16px;
    padding-bottom: 2px;
    border-bottom: 1px solid #E5EBF0;
}

.modal-content h2 {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #13161D;
}

.modal-content h4 {
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #7484AA;
}

.modal-content p {
    line-height: 20px;
    letter-spacing: -0.01em;
}

.close-btn {
    position: absolute;
    cursor: pointer;
}

.modal .close-btn {
    top: 40px;
    right: 40px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.02em;
    text-decoration-line: underline;
    color: #E78020;
}

.modal .verification-info {
    margin-bottom: 24px;
}

.modal .verification-info svg.icon {
    margin-bottom: 12px;
}

.modal .verification-info p {
    margin-top: 12px;
    line-height: 18px;
}

.modal input,
.modal select,
.modal button[type="submit"] {
    width: 100%;
}

.modal .disbursement-info {
    margin-bottom: 20px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(54, 57, 64, 0.09);
}

.modal .wallet-balance-info {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #111828;
    align-items: center;
    justify-content: center;
}

.modal .wallet-balance {
    margin-top: 8px;
    background: #111828;
    padding: 12px 20px;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #FFF;
}

.modal .top-up-info {
    margin-top: 32px;
    padding: 20px;
    background: rgba(251, 167, 5, 0.08);
    border-radius: 2px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #111828;
}

.modal .top-up-info p {
    margin-bottom: 40px;
}

.modal .top-up-account-info img {
    margin: auto;
    margin-bottom: 8px;
    width: 110.34px;
}

.verified-image,
.verified-image img {
    margin-bottom: 16px;
    width: 64px;
    height: 64px;
    background: #D9D9D9;
    border-radius: 100%;
}

.details-info {
    margin-right: 58px;
    margin-bottom: 26px;
}

.details-info .value {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #13161D;
}

.details-info .value.amount {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
}

.details-block {
    width: 344px;
}

#top-up-wallet-modal .wallet-balance-info {
    margin-top: 33px;
}


/* settings page */

nav.nav-tabs {
    border-bottom: 1px solid rgba(54, 57, 64, 0.09);
    line-height: 20px;
    letter-spacing: -0.01em;
}

.nav-tabs .nav-item {
    padding: 6px 21px;
    cursor: pointer;
}

.nav-tabs .nav-item.active {
    border-bottom: 2px solid #E78020;
    color: #111828;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

#teammates-tab .section-header {
    align-items: end;
}

.settings-form,
.settings-form input,
.settings-form button[type="submit"] {
    width: 360px;
}

.status-btn.disbursement-count {
    margin-left: 8px;
    padding: 3px 8px;
    border-style: solid;
    border-width: 1px;
    font-weight: 500;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: -0.01em;
}

.upload-container {
    min-height: 606px;
    background: #F9FAFC;
    border: 1px solid #E6E7E9;
    border-radius: 8px;
    line-height: 20px;
    padding: 32px;
}

.upload-container .upload-header {
    margin-bottom: 41px;
    padding: 14px 0 0;
    justify-content: center;
}

.upload-header .nav-item {
    width: 120px;
    padding-bottom: 11px;
    border-bottom: 2px solid rgba(231, 128, 32, 0.16);
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.upload-container h3 {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}

.upload-container a.link {
    display: block;
    margin-top: 12px;
}

.upload-container .tab-pane.upload .pane-container,
.tab-pane .pane-container .pane-header {
    margin-bottom: 24px;
    width: 360px;
}

.tab-pane.upload .upload-dropzone {
    margin-top: 40px;
    height: 112px;
    padding: 30px;
    align-items: center;
    justify-content: center;
    background: rgba(231, 128, 32, 0.02);
    border: 0.5px dashed #E78020;
    border-radius: 4px;
    text-align: center;
    font-size: 10px;
    line-height: 12px;
}

.tab-pane.upload .upload-dropzone .close-btn {
    top: 8px;
    right: 8px;
}

.tab-pane.upload .upload-dropzone svg.icon {
    margin-bottom: 8px;
}

.tab-pane.upload .upload-dropzone .file-details {
    margin: auto;
    width: fit-content;
    text-align: left;
    align-items: center;
}

.tab-pane.upload .upload-dropzone .file-details svg {
    margin-right: 8px;
}

.tab-pane.upload .upload-dropzone .file-details h4 {
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
}

.upload-container .btn {
    margin-top: 30px;
    width: 360px;
    padding: 14px 16px;
    height: 48px;
}

.upload-container .tab-pane.mapping .pane-container {
    width: 733px;
}

.tab-pane.mapping .checkbox div {
    display: inline-flex;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: #FFF;
    border: 1px solid #BEC6D8;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
}

.tab-pane.mapping .checkbox.matched div {
    background: #E78020;
    border: 0;
}

.upload-container .table-container {
    padding-bottom: 0;
}

.upload-container .table .tr:last-child {
    border-bottom: 0;
}

.tab-pane.review .pane-header {
    text-align: center;
}


/* @tolu please remove */

.tab-pane select {
    max-width: 145px;
    padding: 7.5px 6px;
    border: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
}

.tab-pane.review select {
    max-width: 121px;
    background: #F9FAFC;
    border: 1px solid #E6E7E9;
    border-radius: 4px;
}