a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

html {
  position: relative;
  min-height: 100%;
}

@font-face {
    font-family: 'Effra';
    src: url('../fonts/Effra.ttf');
}

@font-face {
    font-family: 'Effra-Light';
    src: url('../fonts/Effra-Light.woff');
}

@font-face {
    font-family: 'Effra-Medium';
    src: url('../fonts/Effra-Medium.ttf');
}

.favicon {
    background-image: url(../images/centtrip/favicon.ico);
}

body, html {
    height: 100%;
    margin: 0px;
    font-family: 'Effra';
    color: #414648;
}

.hidden {
    display: none;
}

.disabled-link {
    pointer-events: none;
    cursor: default;
}

th {
    text-transform: uppercase;
    position: sticky;
    top: 0;
    background-color: white;
}

.header-nav {
    background-color: black;
    height: 7%;
    min-height: 50px;
}

.header-panel {
    display: flex;
    height: 100%;
}

.header-logo {
    height: 100%;
    cursor: pointer;
    width: 50%;
    text-align-last: start;
}

.right-container {
    height: 100%;
    width: 160px;
    border-left-width: 1px;
    border-left-style: solid;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1300px) {
    .right-container {
        border-left-width: 0px;
        width: 100px;
    }
}

.logo-container {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 24px;
}

.header-right {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

main {
    width: 100%;
    height: 82%;
}

@media (max-width: 830px) {
    main {
        height: 93%;
    }
}

.left-navigation {
    text-transform: uppercase;
    list-style-type: none;
    width: 250px;
    padding-left: 25px;
}

#menu-list {
    position: fixed;
    width: 100%;
    background: black;
    height: 250px;
    z-index: 1000;
    display: none;
}

@media (min-width: 1301px) {
    #menu-list {
        display: none !important;
    }
}

.menu-container {
    margin: 0 20px 20px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.navigation-burger {
    list-style-type: none;
    padding-top: 20px;
}

.navigation-burger-item {
    padding-bottom: 20px;
    height: 54px;
}

.menu-icon-active {
    display: none;
}

.navigation-burger-item:hover .menu-icon-not-active {
    display: none;
}

.navigation-burger-item:hover .menu-icon-active {
    display: block;
}

.btn-light:hover {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}

#cross-icon {
    display: none;
}

.left-navigation-item {
    padding-bottom: 40px;
    letter-spacing: .15em;
    display: flex;
    text-decoration: none;
}

.left-navigation-item-text {
    margin-left: 10px;
    align-self: center;
}

.left-navigation-item-text span {
    text-decoration: none;
    color: black;
}

.icon-active {
    display: none;
}

.left-navigation-item:hover .icon-not-active {
    display: none;
}

.left-navigation-item:hover .icon-active {
    display: block;
}

.left-navigation-item:hover > div > span {
    color: #BE9379;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

.burger {
    display: none;
}

@media (max-width: 1300px) {
    .burger {
        display: block;
    }
}

.logout-text {
    text-align: center;
}

@media (max-width: 1300px) {
    .logout-text {
        display: none;
    }
}

.logout-text a {
    text-transform: uppercase;
    cursor: pointer;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: .15em;
    color: #fff;
    opacity: .7;
    text-decoration: none;
}

.logout-menu-item {
    text-align: center;
}

.logout-menu-item a {
    text-transform: uppercase;
    cursor: pointer;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: .15em;
    color: #fff;
    opacity: .7;
    text-decoration: none;
}

.application-main {
    display: flex;
    height: 100%;
}

.main-navigation {
    width: 15%;
    background-color: #e6e7ec;
    padding: 100px 0 50px 0;
    font-size: 18px;
}

@media (max-width: 1300px) {
    .main-navigation {
        display: none;
    }
}

.main-body {
    height: 100%;
}

.application-section {
    height: 100%;
    width: 85%;
}

@media (max-width: 1300px) {
    .application-section {
        width: 100%;
    }
}

@media (max-width: 830px) {
    .application-section {
        overflow-y: auto;
    }
}

.application-section-admin {
    height: 100%;
    width: 85%;
}

@media (max-width: 1300px) {
    .application-section-admin {
        width: 100%;
    }
}

@media (max-width: 830px) {
    .application-section-admin {
        overflow-y: auto;
    }
}

@media (min-width: 830px) {
    @media (max-height: 850px) {
        .application-section-admin {
            height: 95%;
        }
    }
}

@media (min-width: 830px) {
    @media (max-height: 750px) {
        .application-section-admin {
            height: 85%;
        }
    }
}

@media (min-width: 830px) {
    @media (max-height: 650px) {
        .application-section-admin {
            height: 75%;
        }
    }
}

@media (min-width: 830px) {
    @media (max-height: 550px) {
        .application-section-admin {
            height: 55%;
        }
    }
}

.application-section-user {
    height: 100%;
    width: 85%;
}

@media (max-width: 1300px) {
    .application-section-user {
        width: 100%;
    }
}

@media (max-width: 830px) {
    .application-section-user {
        overflow-y: auto;
    }
}

@media (min-width: 830px) {
    @media (max-height: 680px) {
        .application-section-user {
            height: 90%;
        }
    }
}

@media (min-width: 830px) {
    @media (max-height: 550px) {
        .application-section-user {
            height: 75%;
        }
    }
}

.application-head-section {
    border-bottom: 1px solid #EFF0F2;
}


@media (max-width: 830px) {
    .application-head-section {
        border-bottom: 0px;
    }
}

.application-head-section-admin {
    height: 27.5%;
    min-height: 200px;
}

.application-head-section-user {
    height: 20%;
    min-height: 110px;
}

@media (max-width: 830px) {
    .application-head-section-user {
        height: 12%;
        min-height: 70px;
    }
}

.pagination-spacer {
    width: 75%;
}

select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    padding: 4px 6px 4px 6px;
    border: 1px solid #d6d6d6;
    font-family: 'Effra';
    font-size: 16px;
}

option {
    width: 100px;
}

/* For IE10 */
select::-ms-expand {
    display: none;
}

.application-head-container {
    display: flex;
    padding: 50px 100px 0 100px
}

@media (max-width: 866px) {
    .application-head-container {
        padding: 50px 50px 0 50px;
    }
}

@media (max-width: 830px) {
    .application-head-container {
        padding: 25px 20px 0 20px;
    }
}

.application-head-text {
    font-size: 40px;
    font-weight: bold;
    width: 50%;
}

@media (max-width: 830px) {
    .application-head-text {
        width: 100%;
        font-size: 28px;
    }
}

.application-head-text-admin {
    font-size: 40px;
    font-weight: bold;
    width: 50%;
}

@media (max-width: 830px) {
    .application-head-text-admin {
        font-size: 28px;
    }
}

.application-head-spacer {
    width: 50%;
}

.application-head-new {
    width: 50%;
}

@media (max-width: 830px) {
    .application-head-new {
        display: none;
    }
}

.application-head-new-button {
    height: 100%;
    text-align: end;
}

.application-head-search-field {
    padding: 15px 0px 10px 100px;
}

@media (max-width: 866px) {
    .application-head-search-field {
        padding: 15px 0px 10px 50px;
    }
}

@media (max-width: 830px) {
    .application-head-search-field {
        padding: 15px 0px 10px 20px;
    }
}

.application-head-search-field span {
    padding-bottom: 10px;
    font-size: 14px;
    font-family: 'Effra-Medium';
}

.application-head-search-field input[type=search] {
    width: 280px;
    height: 35px;
    border: 1px solid #EFF0F2;
    border-radius: 2px;
    font-family: 'Effra';
    padding: 0 15px;
    font-size: 14px;
}

.application-head-search-field input:focus {
    border-bottom: 1px solid #e0dede;
    border-top: 1px solid #e0dede;
}

.application-data-section-user {
    height: 70%;
}

.application-data-section-admin {
    height: 62.5%;
}

td {
    font-family: 'Effra-Light';
}

.status-AwaitingApproval, .status-ReadyForExternalKYC {
    color: #BE9379 !important;
}

.status-Approved {
    color: #1DCB0E !important;
}

.status-Denied {
    color: #EF4848!important;
}

.status-NeedsCompletion {
    color: #BE9379;
}

.status-NeedsCompletion {
    color: #BE9379 !important;
}

footer {
    background: black;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7F8183;
}

.footer-vl {
    height: 70px;
    border-left: 1px solid #3C3F41;
    margin: 0 20px 0 10px;
}

.footer-text-portal {
    margin: 0px;
    color: #bbbbbb;
    font-size: 10px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Effra-Light';
}

.footer-hl {
    margin: 20px 50px 20px 50px;
    border: 1px solid white;
}

.footer-text-portal a {
    color: #bbbbbb;
    text-decoration: none;
}

.btn-gray {
    border: 0;
    color: #414648;
    font-family: 'Effra';
    font-size: 14px;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 2px;
    background: #EFF0F2;
    width: 110px;
    font-weight: bold;
}

#count-up {
    display: none;
}

.error-container {
    display: flex;
    justify-content: center;
}

.error-text {
    margin: 350px auto;
    width: 1000px;
    text-align: center;
}

.row-continue-button {
    display: flex;
}

@media (max-width: 830px) {
    .submit-search-link {
        display: none;
    }
}

.search-container {
    display: flex;
}

.search-error-container span {
    font-weight: 100;
    font-size: 14px;
    color: rgb(236, 70, 70);
    font-family: 'Effra-Medium';
}

.search-error-container {
    margin-top: 5px;
    display: flex;
}

.svg-error-container {
    margin-right: 5px;
}

.current-page {
    display: block !important;
}

.current-page-non-active {
    display: none !important;
}

input::placeholder {
    color: #C5C9CC;
}

input:focus {
    outline: none;
}

button:focus {
    outline: none;
}

a:focus {
    outline: none;
}

.border-error {
    border-color: rgb(236, 70, 70) !important;
}

.application-head-search-field-usa {
    padding: 15px 0px 10px 100px;
}

@media (max-width: 1300px) {
    .application-head-search-field-usa {
        padding: 15px 0px 10px 35px;
    }
}

@media (max-width: 830px) {
    .application-head-search-field-usa {
        padding: 15px 0px 10px 20px;
    }
}

.application-head-search-field-usa span {
    padding-bottom: 10px;
    font-size: 14px;
    font-family: 'Effra-Medium';
}

.application-head-search-field-usa input[type=search] {
    width: 280px;
    height: 35px;
    border: 1px solid #EFF0F2;
    border-right: 0px;
    outline: none;
    border-radius: 2px;
    font-family: 'Effra';
    padding: 0 15px;
    font-size: 14px;
}

.application-head-container-usa {
    display: flex;
    padding: 50px 100px 0 100px
}

@media (max-width: 1300px) {
    .application-head-container-usa {
        padding: 50px 35px 0 35px;
    }
}

@media (max-width: 830px) {
    .application-head-container-usa {
        padding: 25px 20px 0 20px;
    }
}

.country-switch-container {
    width: 50%;
    height: 50px;
}

.country-switch {
    width: 300px;
    display: flex;
    height: 100%;
}

.toggle-button {
    width: 50%;
    font-size: 18px;
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toggle-button-active {
    background: #eeeeee;
}

.country-link {
    color: #414648;
    text-decoration: none;
    font-size: 14px;
}

.container-select {
    width: 150px;
    margin-left: 20px;
}

.search-type-select {
    margin-left: 0px;
}

.select-search-target {
    height: 35px;
    width: 100%;
    border: 1px solid #EFF0F2;
    font-size: 14px;
    color: #777F83;
    border-right: 0px;
    outline: none;
}

.application-head-header {
    margin-bottom: 5px;
}

.bootstrap-select {
    width: 100% !important;
    height: 35px;
}

.dropdown-toggle {
    height: 35px;
    border-radius: 2px;
    border-color: none;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.dropdown-toggle:focus {
    outline: none !important;
}

.btn-light:hover {
    color: inherit;
    background-color: inherit;
    border-left: 0px;
}

.btn-light {
    color: inherit;
    border: 1px solid #EFF0F2 !important;
}

.filter-option-inner-inner {
    color: #C5C9CC;
    font-size: 14px;
    font-family: 'Effra-Light';
}

.btn-light:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #ffffff;
}

.show > .btn-light.dropdown-toggle {
    background-color: #ffffff;
}

.dropdown-menu {
    border-radius: 2px;
    padding: 0;
    top: -3px !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #16181b;
    text-decoration: none;
    background-color: #eeeeee;
}

.btn-start {
    margin-right: 10px;
}

.select-individual, .select-legal-type, .document-type, .select-persona {
    height: 35px;
    border: 1px solid #EFF0F2;
    font-size: 14px;
    color: #777F83;
    border-right: 0px;
    outline: none;
    margin-top: 5px;
}

.select-individual .filter-option-inner-inner,
.select-legal-type .filter-option-inner-inner,
.document-type .filter-option-inner-inner,
.select-persona .filter-option-inner-inner {
    color: #414648;
    font-size: 14px;
    font-family: 'Effra';
}

.tscs-error {
    margin-top: 5px;
    display: flex;
    color: rgb(236, 70, 70);
}

.btn-continue {
    margin-right: 10px;
}

.individual-field {
    padding-bottom: 10px;
}

iframe {
    position: initial !important;
}

#collection-wrapper {
    height: 100%;
}

.usa-region {
    margin-left: 12px;
    color: #7d7d7d;
}

.error-container {
    display: block;
}

.update-external-kyc-status-button {
    background: #FFFFFF;
    padding: 8px;
    border: 1px solid #EFF0F2;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: block;
}

.update-external-kyc-status-button .icon {
    fill: #777F83;
}

.update-external-kyc-status-button:hover {
    cursor: pointer;
}

.update-external-kyc-status-mobile-container {
    position: relative;
    bottom: 0.5rem;
    margin-left: 1rem;
}