.services.floating-label .select2-selection__choice {
    background-color: rgba(30, 109, 239, 0.5);
    position: relative;
    white-space: break-spaces;
    padding: 2px 30px 2px 10px !important;
    color: rgb(255, 255, 255) !important;
    font-size: 14px !important;
    border: 0px !important;
    border-radius: 5px !important;
    background-position-y: 12px !important;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
}
.services.floating-label .select2-selection__clear {
    display: none;
}
.single-service-note:nth-of-type(even) {
    background-color:#f1f1f1 !important;
    padding: 10px;
}
.single-service-note{
    background-color:#EEF1FF;
    padding: 10px;
}
.status {
    text-transform: capitalize !important;
}
.status-success {
    border-color: #8ad68d !important;
    background: #8ad68d;
}
.status-draft {
    border-color: #AFD778 !important;
    background: #AFD778;
}
.status-failed, .status-suspended {
    border-color: #dc3545 !important;
    background: #dc3545;
}
.heading-text h3 {
    font-weight: bold;
}
.status-open {
    border-color: #7eb2ff;
    background: #7eb2ff;
}
.status-closed {
    border-color: #6c757d;
    background-color: #6c757d;
}
.status-expired {
    border-color: #99e1da;
    background-color: #99e1da;
}
.status-in-progress {
    border-color: #0dcaf0;
    background-color: #0dcaf0;
}
.status {
    font-size: 12px;
    border-radius:0.25rem;
    font-weight: 400;
    padding: 1px 10px;
    color: #fff !important;
    line-height: 1.4;
}

body{
    font-size: 13px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit
}
.form-control{
    font-size: 13px;
}
.bug-list-sidebar-content .card-body {
    padding: 0.5rem 1rem 0.5rem 1.5rem;
}
.bug-list-sidebar-content .card-body:first-child {
    padding-top: 1.5rem !important;
}
.bug-list-sidebar-content .list-group-item {
    padding: 0.5rem 1.25rem;
}
.select2-container--bootstrap-5 .select2-selection, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option{
    font-size: 13px !important;
}
.logo{
    max-width: 100%;
}
#sort-direction , .daterange-button {
    cursor: pointer;
}
.talent-details tr td,
.company-details tr td {
    word-break: break-word;
}
a:not([href]):not([tabindex]) {
    color: black !important;
}
.massdelete i {
    font-size: 20px;
}
#status-update .select2-selection .select2-selection__clear {
    display: none !important;
}
#search_form .select2-container{
    display: inline-block;
    width: 93%;
}
.users-view .badge-blocked {
    background: #dc3545;
}
.users-view .badge-inactive {
    background: #6c757d;
}
.users-view .badge-active {
    background: #28a745;
}
#search_form .select2-selection__rendered {
    line-height: 2 !important;
}
#search_form  .select2-selection {
    min-height: calc(1.5em + .75rem + 10px) !important;
}
.date_between_button{
    border-radius: 0 5px 5px 0 !important;
    padding: 0.75rem 1rem !important;
}
.date_between_button i {
    font-size: 1rem !important;
}
.brand-logo{
    width: 125px !important;
}
.error{
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    color: #dc3545;
}
.header-navbar .navbar-container ul.nav li a.nav-link-label {
    padding: 2rem 1rem 1.3rem 1rem;
}
.header-navbar .badge-up {
    top: 15px;
}
html body .pace .pace-progress {
    background: #1E9FF2;
}
.table-responsive .table thead tr th:last-child{
    width: 80px;
}
table .media {
    display: flex;
    align-items: center;
}
.media [class*="avatar-"] i{
    border: none;
    right: -7px;
}
.media span.avatar{
    width: 32px;
}
.avatar-active i {
    background-color: #28D094; }

.avatar-inactive i {
    background-color: #6B6F82; }

.avatar-blocked i {
    background-color: #FF4961; }

tbody tr:nth-child(odd){
    background-color: rgba(245, 247, 250, 0.5);
}
.custom .list-group-item.active{
    background: rgba(245, 247, 250, 0.5);
}
.table th, .table td {
    padding: 0.5rem 0.5rem;
}
ol.breadcrumb.mt-4 {
    margin-top: 0 !important;
}
.pagination .la-angle-double-right, .pagination .la-angle-double-left{
    font-size: 1rem !important;
}
.page-item.disabled .page-link{
    border-color: #BABFC7;
}
/*.modal {*/
/*    float: left;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    width: 100%;*/
/*}*/
.thumbnail {
    margin: 0;
    width: 35px;
    height: 35px;
}
.small {
    margin: 0;
    width: 60px;
    height: 60px;
}
.thumbnail .text, .small .text {
    color: #fff;
    font-weight: bold;
    background: #0dcaf0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    border-radius: 35px;
}
.thumbnail span, .small span {
    display: flex;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    outline: 0px solid #eee;
}
.list-group-item.attachment-item {padding: 0.5rem;}
.w-10 {
    width: 10% !important;
}
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
html body .content .content-wrapper .content-header-title{
    letter-spacing: 0px;
}
.overlay{
    background: rgba(255,255,255,0.8);
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
    background-size: 50px;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
}
.overlay img {
    width: 50px;
}
/* Turn off scrollbar when body element has the loading class */
/* body.loading{overflow: hidden;} */

/* Make spinner image visible when body element has the loading class */
body.loading .overlay{
    visibility: visible;
    opacity: 1;
}
.pager .disabled a {
    color: #ccc;
    pointer-events: none;
}
.modal-dialog button.close{
    outline: none;
}
.sort-options {
   padding: 0;
}
.sort-option-section {
    justify-content: end;
}
#search_form .sort-options  .select2-container ,
#search_form .select2-container {
    width: 200px !important;
}
.marketing .select2-selection {
    padding: 0.75rem 1rem !important;
    height: 40px !important;
}
@media only screen and (max-width: 575px) {
    .sort-options {
        padding: 0;
        margin-top: 20px;
    }
    .sort-option-section {
        justify-content: start;
    }
}
.dropdown .dropdown-menu .dropdown-item{
    padding: 5px 10px;
}
.display-5 {
    font-size: 2rem;
}
small, .small{
    font-size: 80%;
}
.swal-button {
    border-color: #535BE2;
    background-color: #666EE8;
}
.swal-button:active{
    border-color: #535BE2;
    background-color: #4951DE;
}
.swal-button:focus {
    outline: none;
    box-shadow: none;
}
.badge-active {
    background-color: #28D094;
}
.badge-inactive {
    background-color: #6B6F82;
}
.badge-blocked {
    background-color: #FF4961;
}
.overlay
{
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
    background-size: 50px;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
}

.overlay img
{
    width: 50px;
}
/* Turn off scrollbar when body element has the loading class */
/* body.loading{overflow: hidden;} */
/* Make spinner image visible when body element has the loading class */
body.loading .overlay
{
    visibility: visible;
    opacity: 1;
}
#search_form .sort-options .select2-container, #search_form .select2-container {
    width: 100% !important;
}
#search_form .select-full .select2-container {
    width: 100% !important;
}
.users-view .table-responsive {
    min-height: auto !important;
}
label.form-check-label {
    margin: 0;
    padding-left: 5px;
}
.text-draft{
    color: #AFD778 !important;
}
tr.social-icons i {
    font-size: 2rem;
}
.status-failed{
    color: #FF4961;
}
.status-success{
    color: #28D094;
}
.status-in-progress
{
    color: #0dcaf0;
}
.status-draft
{
    color: #AFD778;
}

/************************************************************************************************/
/************************************************************************************************/
.post-success
{
    background: #EDFBFE;
    border: 1px solid #5AA1FF;
    border-radius: 5px;
    display: flex;
}

.post-success .icon
{}

.job-levels
{}

.job-levels .package
{
    /* border: 1px solid #000; */
    margin-bottom: 50px;
}

.job-levels .heading
{}

.job-levels .heading h3
{
    font-size: 18px;
    margin: 0;
    color: #000;
    font-family: 'Roboto';
}

.job-levels .heading p
{}

.job-levels .box
{
    align-items: start;
    padding: 15px 20px;
    display: flex;
    margin-bottom: 10px;
    border-radius: 5px;
    background: rgb(255 255 255 / 100%);
    position: relative;
    cursor: pointer;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
}

.job-levels .box:hover
{
    border: 1px dashed #000 !important;
}

.job-levels .box.selected
{
    /*border: 2px solid #1e6def !important;*/
}

.job-levels .box .form-check
{
    margin-right: 10px;
}

.job-levels .box .title
{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}

.job-levels .box .title .form-check-label
{
    font-size: 18px;
    COLOR: #000;
    /* margin-right: auto; */
    font-weight: 600;
    outline: 0px solid #ccc;
}

.job-levels .box .title p
{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #656565;
}

.job-levels .box .price
{
    font-size: 18px;
    color: #000;
    font-weight: 700;
    min-width: 80px;
    outline: 0px solid #ccc;
    text-align: right;
}

.job-levels .box.featured
{
    background: #f2f8f7;
    border: 1px solid #ccdedc;
}

.job-levels .box.premium
{
    border: 1px solid #bed5f5;
    background: #EEF1FF;
}

.job-levels .box.simple
{
    box-shadow: none;
    padding: 0;
    border: 0 !important;
}

.job-levels .box.simple .segments
{
    background: transparent;
    /* margin: 0; */
    padding: 0;
}

.job-levels .accordion-item
{
    /* border-radius: 10px; */
    border: 0;
    background: transparent;
    display: block;
    border: 1px solid #eee;
}

.job-levels .accordion-item .accordion-header
{
    display: block;
}

.job-levels .accordion-item .accordion-body
{
    padding: 0;
}

.job-levels .segments
{
    margin: 0;
    padding: 0;
    background: #ffffff;
    padding: 15px 15px;
    margin-top: 10px;
    margin-left: 34px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.job-levels.inner .package .segments
{
    margin-left: 0px;
}

.job-levels .segments .service-type
{
    margin-left: auto;
    font-weight: 700;
    display: none;
}

.job-levels .segments .service-type strong
{
    font-weight: bold;
}

.job-levels .segments .services-title
{
    font-weight: 600;
    margin-bottom: 15px;
    color: #000000;
}

.job-levels .segments ul
{
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px 0;
}

.job-levels .segments li
{
    display: flex;
    margin-bottom: 0;
    flex-wrap: wrap;
    gap: 0 10px;
    padding-left: 30px;
    position: relative;
    font-size: 14px;
}

.job-levels .segments li span
{
    color: #0d6efd;
    margin-right: 10px;
    position: absolute;
    left: 0;
}

/************************************************************************************************/
.payment-methods
{
    padding: 0;
    margin-bottom: 30px;
}

.payment-methods .method
{
    /* height: 100%; */
    /* display: flex; */
}

.payment-methods .heading
{
    margin-bottom: 30px;
}

.payment-methods .heading h3
{
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.payment-methods .heading p
{}

.payment-methods .box
{
    padding: 15px 15px;
    display: flex;
    margin-bottom: 10px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
    border-radius: 5px;
    background: rgb(255 255 255 / 100%);
    position: relative;
    border: 1px solid #DBDBDB;
    /* height: 100%; */
    align-items: flex-start;
    flex: 1 0 0;
}

.payment-methods .box:hover
{
    border: 1px dashed #000 !important;
}

.payment-methods .box.selected
{
    border: 2px solid #1e6def !important;
}

.payment-methods .box .form-check
{
    margin-right: 5px;
}

.payment-methods .box .title
{
    display: flex;
    width: -webkit-fill-available;
    /* justify-content: space-between; */
    /* flex-wrap: wrap; */
    /* gap: 15px; */
}

.payment-methods .box .title .form-check-label
{
    font-size: 18px;
    COLOR: #000;
    margin-right: auto;
    font-weight: 600;
}

.payment-methods .box .title p
{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #656565;
}

.payment-methods .box .balance
{
    margin-top: 10px;
}

.payment-methods .box .icon
{}

.payment-methods .box .icon span
{
    font-size: 40px;
    margin-left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-sizing: inherit;
    text-align: center;
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-methods .credit-card .icon span
{
    background: linear-gradient(45deg, #17ead9, #6078ea) !important;
    color: #ffffff;
}

.payment-methods .crypto-currency .icon span
{
    background: linear-gradient(45deg, #f54ea2, #ff7676) !important;
    color: #ffffff;
}

.payment-methods .crypto-credits .icon span
{
    background: linear-gradient(45deg, #ffdf40, #ff8359) !important;
    color: #ffffff;
}

/************************************************************************************************/
.billing-summary,
.total-summary
{
    padding: 0;
    margin-bottom: 30px;
    /* border: 1px solid #000; */
}

.billing-summary .method
{
    /* border: 1px solid #000; */
    /* margin-bottom: 50px; */
}

.billing-summary .heading
{
    margin-bottom: 30px;
}

.billing-summary .heading h3
{
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.billing-summary .heading p
{}

.billing-summary .summary
{}

.billing-summary .summary h6
{
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    position: relative;
    margin-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: transparent;
    gap: 15px;
}

.billing-summary .summary h6 .hint
{
    float: right;
    font-size: 13px;
    color: #656565;
}

.billing-summary .summary .list-group,
.total-summary .list-group
{
    background: #fff;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
    padding: 10px 20px;
    border: 1px solid #e9e9e9;
}

.billing-summary .summary .list-group-item,
.total-summary .list-group-item
{
    color: inherit;
    display: flex;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #e3e0e0 !important;
    margin-bottom: 0;
    font-size: 16px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    padding: 5px 0px;
}

.billing-summary .summary .list-group-item:last-child,
.total-summary .list-group-item:last-child
{
    border-bottom: 0 !important;
}

.billing-summary .summary .list-group-item .amount,
.total-summary .list-group-item .amount
{
    color: #000;
    font-size: 18px;
}

.billing-summary .summary .list-group-item.main,
.total-summary .list-group-item.main
{
    color: #000000;
    font-weight: bold;
    font-size: 20px;
}

.billing-summary .summary .list-group-item.main .amount,
.total-summary .list-group-item.main .amount
{
    margin-left: auto;
    color: #000000;
    font-weight: bold;
    font-size: 20px;
}

.billing-summary .summary .list-group-item .hint,
.total-summary .list-group-item .hint
{
    color: red;
    margin-left: auto;
    text-align: right;
}

/************************************************************************************************/
.card-area
{}

/************************************************************************************************/
.step-link
{
    margin-bottom: 30px;
}

/************************************************************************************************/
.topup-area
{
    margin: auto;
    margin-bottom: 50px;
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 20px;
    border-top: 1px solid #DBDBDB;
    padding-top: 20px;
}

.topup-area .current-balance
{
    text-align: center;
    margin-bottom: 10px;
}

.topup-area .current-balance .label
{
    display: block;
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 18px;
}

.topup-area .current-balance .amount
{
    font-size: 30px;
    font-weight: 700;
    color: #1e6def;
}

.topup-area .box
{
    text-align: center;
    padding: 20px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
    border-radius: 5px;
    background: #fff;
    max-width: 300px;
    margin: auto;
    border: 1px solid #DBDBDB;
}

.topup-area .box .label
{
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

.topup-area .box .amount
{
    text-align: center;
}

.topup-area .box .hint
{
    font-size: 12px;
    margin-bottom: 40px;
}

.topup-area .box .floating-label
{
    margin-bottom: 15px;
}

.topup-area .box .form-control
{
    text-align: center;
    font-size: 20px;
}

.topup-area .box .new-amount
{
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 20px;
}

.topup-area .box .new-amount .label
{
    display: block;
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

.topup-area .box .new-amount .amount
{
    font-size: 24px;
    font-weight: 700;
    /* color: #1e6def; */
}

/************************************************************************************************/

/********************************************************************************************/
.form-section
{
    padding: 50px;
    background-color: rgb(255 255 255 / 80%);
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 20px;
    margin-top: 50px;
    border-radius: 5px;
    margin-bottom: 50px;
}
form .form-section {
    line-height: normal;
}

.form-section .heading-text
{
    margin-bottom: 30px;
}

.form-section .heading-text h2
{
    font-size: 24px;
    font-weight: bold;
    font-family: Roboto, sans-serif;
}

.form-section .heading-text p
{}

.form-section .form-buttons
{
    font-size: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: end;
    flex-grow: revert;
    flex-wrap: wrap;
}

.form-section .form-footer
{
    font-size: 16px;
    border-top: 1px solid #ccc;
    margin-top: 50px;
    text-align: center;
    padding-top: 10px;
}

.form-section .sub-heading-text
{
    margin-bottom: 30px;
}

.form-section .sub-heading-text h3
{
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    font-family: 'Roboto';
}

.form-section .sub-heading-text p
{}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 0.5rem;
    margin-bottom: 0.125rem;
}
.job-levels .box .form-check {
    margin-right: 10px;
}
.job-levels label {
    display: inline-block;
}
.marketing-services-heading h4.card-title {
    padding-left: 16px !important;
}
.sub-navigation {
    display: none;
}
li.dropdown-wrapper:hover .sub-navigation{
    display: block;
}
/********************************************************************************************/

.talent-name ,
.job-category-column ,
.inquiry-subject,
.job-category-column-service,
.inquiry-name{
    white-space: initial;
}
.talent-name {
    min-width: 200px;
}
.job-category-column {
    min-width: 180px;
}
.job-category-column-service {
    min-width: 200px;
}
.inquiry-subject {
    min-width: 250px;
}
.inquiry-name {
    min-width: 180px;
}
/** Custom Style End */
div#cropper-modal {
    height: 100%;
}
.cropper-img-container {
    height: 100%;
    max-height: 500px;
}
.cropper-img-container > img {
    visibility: hidden;
}

@media only screen and (max-width: 640px) {
    .job-levels .box {
    }

    .job-levels .box .price {
        margin-top: 20px;
        text-align: left;
    }

    .job-levels .box .title {
        display: block;
    }
}
.main-menu.menu-dark .navigation li.nav-item {
    font-size: 12px;
}
/*@media only screen and (max-width: 575px) {*/
/* .job-category-wrapper {*/
/*    padding-left: 0;*/
/*    padding-right: 0;*/
/*     margin-bottom: 5px;*/
/* }*/
/*}*/
@media screen and (max-width: 767px) and (min-width: 576px) {
    .sort-option-section {
        margin-right: 10px;
    }
}
@media (min-width:576px) {
    .card-columns {
        column-count: 3;
    }
}
@media (min-width:768px) {
    .card-columns {
        column-count: 3;
    }
}
@media (min-width:992px) {
    .card-columns {
        column-count: 4;
    }
}
@media (min-width:1200px) {
    .card-columns {
        column-count: 5;
    }
}
.main-menu.menu-dark .navigation > li ul li > a {
    padding: 8px 18px 8px 30px;
}
.main-menu.menu-dark .navigation > li > a i {
    top: 1px;
}
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub > a:not(.mm-next):after{
    top: 18px;
}
.nav-item i {
    margin-right: 0.3rem;
}
.input-group.checkbox{
    align-items: center;
}
.form-control.daterange-picker {
    line-height: 1.1 !important;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub > a:not(.mm-next):after {
    font-size: 1.2em;
    position: absolute;
    right: 20px;
    top: 15px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f105";
    transition: -webkit-transform 0.2s ease-in-out;
}
.form-control-position .tooltip {
    position: relative;
    display: contents;
}

.form-control-position .tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}

.form-control-position .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.form-control-position .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.sidebar .select2{
    max-width: 100%;
    display:none;
}