.navbar {
    background-color: #FFFFFF;
}

.jt-logo {
    width: 145.09px;
    height: 30px;
}

.navbar-nav .nav-link {
    color: #343A40;
}

    .navbar-nav .nav-link:hover {
        color: #2F86DD;
    }

.navbar-collapse .navbar-nav .nav-link.active {
    color: #343A40 !important;
    font-weight: 600;
}

#navbarDropdownMenuLink {
    color: #3F4254;
}

.search-bar {
    border: 1px solid #E4E6EF;
    border-radius: 4px;
    width: 202px;
    height: 38px;
}

#search {
    height: auto;
    border: none;
    padding: 7px 13px;
}

.dropdown-toggle.btn:after, .dropdown-toggle.nav-link:after {
    content: "" !important;
    margin-left: 0px !important;
}

.dropdown-item.active {
    color: #FFFFFF !important;
}

html body {
    background-color: #FFFFFF;
}

#integration-status-card {
    background-color: #EAF3FC;
}

.integ-stat-text {
    color: #3F4254 !important;
}

/*SVG as icons*/

.fa-envelope-1 {
    background: url(../icons/envelope.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 18px;
    width: 24px;
    position: relative;
}

    .fa-envelope-1[data-badge]:after {
        content: attr(data-badge);
        position: absolute;
        top: -4px;
        right: -6px;
        font-size: 8px;
        background: #F42A3F;
        color: white;
        width: 12px;
        height: 12px;
        text-align: center;
        line-height: 13px;
        border-radius: 50%;
        box-shadow: 0 0 1px #333;
        font-style: normal;
    }

.fa-dropdown-1 {
    background: url(../icons/dropdown.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 9px;
    width: 16px;
    position: relative;
}

.fa-search-1 {
    background: url(../icons/search.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 14px;
    width: 14px;
    position: relative;
}

.fa-chevron-right {
    background: url(../icons/chevron-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 9px;
    width: 6px;
    position: relative;
}

    .fa-chevron-right:before {
        content: "" !important;
    }

.fa-chevron-left {
    background: url(../icons/chevron-left.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 9px;
    width: 6px;
    position: relative;
}

    .fa-chevron-left::before {
        content: "" !important;
    }

.disabled .fa-chevron-left {
    background: url(../icons/chevron-left-disabled.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 9px;
    width: 6px;
    position: relative;
}

.disabled .fa-chevron-right {
    background: url(../icons/chevron-right-disabled.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 10px;
    width: 6px;
    position: relative;
}

.fa-chevron-down {
    background: url(../icons/chevron-down.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 24px;
    width: 24px;
    position: relative;
}

#user-dropdown {
    position: absolute;
    margin-top: 8px;
}

a.nav-link, a.dropdown-item, #search, .col .btn {
    font-size: 14px;
}

a.dropdown-item {
    padding: 8px 16px;
}

a.dark-hyperlink, a.dark-hyperlink:active, a.dark-hyperlink:visited, a.dark-hyperlink:focus {
    color: #343A40;
}

a.dark-hyperlink-underline, a.dark-hyperlink-underline:active, a.dark-hyperlink-underline:visited, a.dark-hyperlink-underline:focus {
    text-decoration-line: underline !important;
    color: #343A40 !important;
}

a:hover {
    color: #2f86dd !important;
}

p {
    color: #343A40;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.p-sm {
    font-size: 12px;
    line-height: 18px;
}

.p-sm-grey {
    font-size: 12px;
    line-height: 18px;
    color: #6C757D;
}

div h6 {
    font-size: 14px;
    color: #343A40;
}

div h5 {
    font-size: 17.5px;
    color: #343A40;
}

h5.body-text {
    font-size: 17.5px;
    color: #3F4254;
}

div h4 {
    font-size: 21px;
    color: #343A40;
}

div h3 {
    font-size: 24px;
    color: #343A40;
}

div h2 {
    font-size: 28px;
    color: #343A40;
}

span {
    font-size: 16px;
    color: #343A40;
}

.card-login {
    box-shadow: 0px 11px 15px rgba(13, 45, 77, 0.05), 0px 24px 38px rgba(13, 45, 77, 0.035), 0px 9px 46px rgba(13, 45, 77, 0.03);
    -webkit-box-shadow: 0px 11px 15px rgba(13, 45, 77, 0.05), 0px 24px 38px rgba(13, 45, 77, 0.035), 0px 9px 46px rgba(13, 45, 77, 0.03);
    -moz-box-shadow: 0px 11px 15px rgba(13, 45, 77, 0.05), 0px 24px 38px rgba(13, 45, 77, 0.035), 0px 9px 46px rgba(13, 45, 77, 0.03);
    border-radius: 16px !important;
    border: 0px !important;
}

.nav-pills .nav-item a {
    height: 66px;
    border: 1px solid #E4E6EF;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #2F86DD !important;
}

.nav-pills .nav-item .active {
    border: 1px solid #2F86DD;
    border-radius: 4px;
    color: #FFFFFF !important;
}

.line {
    border-bottom: 1px solid #E4E6EF;
}

.line-2 {
    border-bottom: 1px solid #D9D9D9;
}

#onboarding-card, #search-card {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    #onboarding-card .card-body, #search-card .card-body {
        padding: 57px 45.5px 24px 45.5px;
    }

.col-lg .col-lg-8 {
    max-width: fit-content;
}


@media(max-width:991.98px) {
    .col-lg .col-lg-8 {
        max-width: none;
    }

    .search-bar {
        width: auto;
    }
}

#login-links:hover {
    color: #FFFFFF !important;
}

.btn-m {
    height: 38px;
}

.btn-sm {
    height: 32px !important;
    width: 32px !important;
    background: #F3F6F9 !important;
    border-radius: 4px !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 24px !important;
    color: #3F4254 !important;
}

div .btn-outline-primary {
    color: #1E6DBB !important;
}

    div .btn-outline-primary:focus {
        color: #FFFFFF !important;
    }

    div .btn-outline-primary:hover {
        color: #FFFFFF !important;
    }

div select.form-select {
    width: 57px;
    height: 32px;
    background-color: #FFFFFF;
    border: 1px solid #E4E6EF !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/*Pagination css*/
.paginationjs-prev,
.paginationjs-page,
.paginationjs-next,
.paginationjs-ellipsis {
    /* Auto layout */

    display: inline-block;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px;
    gap: 8px;
    width: 32px;
    height: 32px;
    background: #F3F6F9;
    border-radius: 4px;
    flex: none;
    order: 2;
    flex-grow: 0;
    margin-right: 1px;
    text-align: center;
}

    .paginationjs-prev a,
    .paginationjs-page a,
    .paginationjs-next a,
    .paginationjs-prev:hover a,
    .paginationjs-page:hover a,
    .paginationjs-next:hover a {
        color: #3F4254;
        font-size: 12px;
    }

    .paginationjs-prev:hover,
    .paginationjs-page:hover,
    .paginationjs-next:hover {
        background: #E4E6EF;
    }

.paginationjs .paginationjs-pages .active {
    background: #2F86DD;
}

    .paginationjs .paginationjs-pages .active a {
        color: #FFFFFF;
    }

.paginationjs-pages ul {
    padding: 0px;
}

.main-div-padding {
    padding: 57px 45.5px 24px 45.5px !important;
}

#pages-select {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #B5B5C3;
}

#back-to-faq {
    color: #212529;
}

#faq-view-description {
    color: #343A40;
    font-size: 14px;
}
/*Job boards style*/
.jb-search-label {
    text-align: center;
    font-size: 14px !important;
    color: #343A40 !important;
}

.jb-search-form {
    padding-top: 25px;
}

.jb-search-icon {
    color: #fff !important;
    font-size: 12px !important;
    font-family: FontAwesome;
    font-weight: 300 !important;
}

.jb-card {
    border: 1px solid #E4E6EF !important;
}

#jb-search-card {
    background-color: #EAF3FC;
    padding-top: 20px;
    padding-bottom: 20px;
}

.text-black {
    color: #000000 !important;
}

div label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #343A40 !important;
}

/* For API Documentation Page */
.partner-container {
    font-family: "Poppins",sans-serif;
}

.partner-list::before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-size: 13px;
    font-weight: 900;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    transition: transform 0.3s ease-in-out;
}

.partner-focus > i {
    color: #c0daf5 !important;
}

.partner-focus:hover > i {
    color: #8cb6eb !important;
}

.partner-focus:focus-visible {
    outline: 1px dashed #2f86dd !important;
}

.partner-list[aria-expanded="true"]::before {
    transform: translateY(-50%) rotate(90deg);
}

.partner-list[aria-expanded="true"] {
    background-color: #d5e7f8;
}

.partner-list {
    background-color: transparent;
    color: #212529;
    font-size: 16px;
}

.partner-code {
    color: #184673;
}

.partner-pre {
    background-color: #f8f9fa;
    border: 2px dotted rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-size: 14px;
    padding: 8px;
}