/* 
Project/Template Name:  TTG Staffing App
Template Url: 
Author: Clottware
Author Url: https://clottware.com
Version: 1.0.0
Description: TTG Staffing App
Tag:  bidding, fiverr, freelance marketplace, freelancers, freelancing, gigs, hiring, job board, job portal, job posting, jobs marketplace, peopleperhour, proposals, sell services, upwork
*/

.fw-semibold{
    font-weight: 600;
}

.w-90{
    width: 90%;
}

.link-underline {
    text-decoration: underline;
}

.raw-link{
    font-weight: 500;
    font-size: 15px;
    color: var(--primary);
}

.raw-link:hover{
    text-decoration: underline;
    color: var(--primary) !important;
}

.img-circle.rounded-circle{
    object-fit: cover;
}

body.loading{
    overflow: hidden;
}

a[disabled], input[disabled], button[disabled] {
    color: #95979d;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

body.loading:before {
    display: block;
    content: '';
    position: fixed;
    top: 0;
    left: -1px;
    width: calc(100% + 2px);
    height: 100vh;
    background: rgba(255, 255, 255, 0.9) url(../imgs/loading.gif) no-repeat center center / 32px auto;
    opacity: 1;
    filter: alpha(opacity = 1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 99;
    visibility: visible;
    overflow: hidden;
}

.modal-content.loading:before{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: calc(100% + 2px);
    height: 100%;
    background: rgb(255, 255, 255) url(../imgs/loading.gif) no-repeat center center / 32px auto;
    opacity: 1;
    filter: alpha(opacity = 1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 2;
    visibility: visible;
    overflow: hidden;
}

ul.un-list li{
    list-style-type: disc;
}

/* FORM */

.forgotpassword-form.loading:before, .job-apply-email-form.loading:before, .change-password-form.loading:before, .delete-profile-form.loading:before, .register-form.loading:before, .login-form.loading:before, form.loading:before{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: calc(100% + 2px);
    height: 100%;
    background: rgba(255, 255, 255, 0.9) url(../imgs/loading.gif) no-repeat center center / 32px auto;
    opacity: 1;
    filter: alpha(opacity = 1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 99;
    visibility: visible;
}


.account-container{
    padding: 10px 0;
}

.form-group {
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
    position: relative;
    align-items: center;
}

.login-condition{
    flex-wrap: nowrap;
    align-items: flex-start;
}

.form-check-input[type=checkbox] {
    border-radius: 0.25em;
}

.form-check-input[type=checkbox] {
    border-radius: 4px;
}

.form-check-input:checked {
    border-color: #22C55E;
}

.form-check-input:checked[type=checkbox] {
    background-image: none;
    background-color: #22C55E;
}

.form-check-input {
    margin-top: 0;
    border: 1.5px solid #DDDDDD;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 24px;
    height: 24px;
}

.form-check-input::after {
    content: "";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffffff;
    font-size: 14px;
}

textarea.form-control {
    resize: none;
    height: 200px;
    padding-top: 14px;
}

.form-check-input:checked[type=checkbox]::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='18' viewBox='0 0 33 24'%3E%3Cpath fill='white' d='m0 10.909l4.364-4.364l8.727 8.727L28.364-.001l4.364 4.364l-19.636 19.636z'/%3E%3C/svg%3E");
    top: 3px;
    left: 3px;
}

.form-group-radio {
    display: flex;
    align-items: flex-start;
}

section .form-wrapper {
    background-color: #f4f4f4;
    margin: 0 -15px 20px;
    padding: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

section .form-wrapper textarea{
    background-color: inherit;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: none;
    height: 145px;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 15px;
}

section.bio-section .items-list{
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left:0;
}

section.bio-section .items-list li{
    margin-bottom: 10px;
    cursor: default;
}

section.bio-section .items-list li.skill-bubble{
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    display: inline-block;
    position: relative;
    min-width: 40px;
    text-align: center;
    padding: 5px 12px;
    margin: 0 10px 10px 0;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

section.bio-section .items-list .title{
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #555;
}

section.bio-section .items-list .sub-title{
    color: #b2b2b2;
    font-size: 15px;
    font-weight: 400;
}

section.bio-section .items-list li .animate{
    opacity: 0;
    display: inline-block;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    font-size: 14px;
    margin-left: 8px;
    position: relative;
    margin-right: -15px;
    right: 0;
}

section.bio-section .items-list li.skill-bubble .animate{
    background: #e6e6e6;
    border-radius: 15px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 0;
    padding: 7px 5px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.bio-section .items-list li.skill-bubble:hover .animate{
width: 40px;
}

section.bio-section .items-list li:hover .animate{
    opacity: 1;
}



#registerForm .form-group-radio {
    gap: 20px;
}

.cw-form-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.form-group-radio .cw-form-checkbox {
    display: flex;
    width: auto;
}

#registerForm .form-group-radio .cw-form-checkbox {
    padding: 0;
    flex: auto;
    position: relative;
}

.tk-form-check-input-sm {
    width: 20px;
    height: 20px;
}

.form-check-input:checked {
    border-color: #22C55E;
}

.form-group-radio .cw-form-checkbox .form-check-input[type=radio] {
    left: 20px;
    position: absolute;
}

.form-check-input:checked[type=radio] {
    background-image: none;
    background-color: #22C55E;
}

.form-check-input:focus {
    border-color: #22C55E;
    outline: 0;
    box-shadow: none;
}

.form-check-input::after {
    content: "";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffffff;
    font-size: 14px;
    top: 4px;
    left: 4px;
}

.tk-form-check-input-sm::after {
    font-size: 10px;
}

.form-check-input:checked[type=radio]::after {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
}

.tk-form-check-input-sm:checked[type=radio]::after {
    width: 10px;
    height: 10px;
}

.form-check-label {
    margin-bottom: 0;
    padding-left: 10px;
    cursor: pointer;
}

.dropdown-menu .wrapper{
    width: auto;
    height: 485px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dropdown-menu .wrapper .dropdown-header{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #404145;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 16px;
}

.dropdown-menu .wrapper .dropdown-header .header-icon{
    margin-right: 8px;
    fill: #74767e;
    background: none;
    border: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.form-group-radio .cw-form-checkbox label {
    flex: auto;
    font-weight: 500;
    background: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #eee;
    padding: 10px 20px 10px 52px;
}

.password-toggle{
    position: absolute;
    right: 19px;
    top: 9px;
}

.ph--eye-light {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M245.48 125.57c-.34-.78-8.66-19.23-27.24-37.81C201 70.54 171.38 50 128 50S55 70.54 37.76 87.76c-18.58 18.58-26.9 37-27.24 37.81a6 6 0 0 0 0 4.88c.34.77 8.66 19.22 27.24 37.8C55 185.47 84.62 206 128 206s73-20.53 90.24-37.75c18.58-18.58 26.9-37 27.24-37.8a6 6 0 0 0 0-4.88M128 194c-31.38 0-58.78-11.42-81.45-33.93A134.77 134.77 0 0 1 22.69 128a134.56 134.56 0 0 1 23.86-32.06C69.22 73.42 96.62 62 128 62s58.78 11.42 81.45 33.94A134.56 134.56 0 0 1 233.31 128C226.94 140.21 195 194 128 194m0-112a46 46 0 1 0 46 46a46.06 46.06 0 0 0-46-46m0 80a34 34 0 1 1 34-34a34 34 0 0 1-34 34'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.ph--eye-slash-light {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M52.44 36a6 6 0 0 0-8.88 8l20.88 23c-37.28 21.9-53.23 57-53.92 58.57a6 6 0 0 0 0 4.88c.34.77 8.66 19.22 27.24 37.8C55 185.47 84.62 206 128 206a124.91 124.91 0 0 0 52.57-11.25l23 25.29a6 6 0 0 0 8.88-8.08Zm48.62 71.32l45 49.52a34 34 0 0 1-45-49.52M128 194c-31.38 0-58.78-11.42-81.45-33.93A134.57 134.57 0 0 1 22.69 128c4.29-8.2 20.1-35.18 50-51.91l20.2 22.21a46 46 0 0 0 61.35 67.48l17.81 19.6A113.47 113.47 0 0 1 128 194m6.4-99.4a6 6 0 0 1 2.25-11.79a46.17 46.17 0 0 1 37.15 40.87a6 6 0 0 1-5.42 6.53h-.56a6 6 0 0 1-6-5.45A34.1 34.1 0 0 0 134.4 94.6m111.08 35.85c-.41.92-10.37 23-32.86 43.12a6 6 0 1 1-8-8.94A134.07 134.07 0 0 0 233.31 128a134.67 134.67 0 0 0-23.86-32.07C186.78 73.42 159.38 62 128 62a120.19 120.19 0 0 0-19.69 1.6a6 6 0 1 1-2-11.83A131.12 131.12 0 0 1 128 50c43.38 0 73 20.54 90.24 37.76c18.58 18.58 26.9 37 27.24 37.81a6 6 0 0 1 0 4.88'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

body.swal2-toast-shown .swal2-container {
    top: -35px !important;
}

.profile-form .form-row {
    padding: 0 0 20px;
}

.profile-form .form-row .label-wrap, .profile-form .form-row .input-wrap {
    display: inline-block;
}

.profile-form .form-row .label-wrap {
    width: 33%;
    padding: 0 5% 10px 0;
    vertical-align: top;
}

.deactivate-account-form .form-row .input-wrap .label-wrap {
    width: 100%;
    text-transform: none;
}

.profile-form .form-row .input-wrap {
    width: 62%;
}

.profile-form  label,
.profile-form .form-row .label-wrap label {
    display: block;
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    color: #777;
    padding-top: 5px;
}

.profile-form .form-row .label-wrap p {
    font-size: 13px;
    color: #999;
    width: 180px;
    padding: 15px 0;
    line-height: 18px;
}

.profile-form .form-row .input-wrap p {
    font-size: 14px;
    line-height: 17px;
    color: #777;
    position: relative;
    padding: 6px 0 15px;
}

.profile-form .form-row .label-wrap small.recommended {
    font-size: 9px;
    color: #1dbf73;
    font-weight: 700;
    display: inline-block;
}

.profile-form .form-row .input-wrap .notification-settings {
    padding-bottom: 10px;
}

.profile-form .form-row .input-wrap .notification-settings table {
    width: 100%;
}

.profile-form .form-row .input-wrap .notification-settings table td {
    font-size: 14px;
    line-height: 17px;
    color: #777;
}

.profile-form .form-row .input-wrap .notification-settings table thead td {
    font-size: 12px;
    font-weight: 700;
    padding-top: 7px;
}

.profile-form .form-row .input-wrap .notification-settings table td {
    font-size: 14px;
    line-height: 17px;
    color: #777;
}

.profile-form .form-row .input-wrap .notification-settings table tbody td {
    padding: 12px 25px 0 0;
}

.profile-form .form-divi {
    background-color: #ddd;
    height: 1px;
    overflow: hidden;
    margin: 15px 0 25px;
}

.realtime-wrapper .real-time-hint {
    padding-left: 5px;
}

.toggle-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}

.toggle-wrapper label {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #222325;
    text-transform: capitalize;
    cursor: pointer;
}

.toggle-wrapper label input[type=checkbox] {
    display: none;
}

.toggle-wrapper label .fake-toggle {
    background-color: #fff;
    width: 35px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    position: relative;
    box-shadow: inset 0 0 0 1px #ccc;
    border-radius: 15px;
}

.toggle-wrapper label .fake-toggle:before {
    background-color: #1dbf73;
    -webkit-transition: width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: width .2s ease-in-out, border-radius .2s ease-in-out;
}

.toggle-wrapper label .fake-toggle:before, .toggle-wrapper label .fake-toggle:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    border-radius: 15px;
}

.toggle-wrapper label input[type=checkbox]:checked+.fake-toggle:before {
    width: 25px;
    border-radius: 15px 0 0 15px;
}

.toggle-wrapper label .fake-toggle:after {
    background: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: inset 0 0 0 1px #ccc, 0 1px 3px rgba(0,0,0,.2);
}

.toggle-wrapper label input[type=checkbox]:checked+.fake-toggle:after {
    left: 15px;
    box-shadow: inset 0 0 0 1px #1dbf73, 0 2px 4px rgba(0,0,0,.2);
}

.toggle-wrapper:first-child {
    margin-left: 0;
}

.realtime-wrapper .form-row.real-time .input-wrap a {
    padding-left: 10px;
    font-weight: 700;
    color: #4a73e8;
}

.deactivate-account-form .form-row .input-wrap .label-wrap label ul {
    list-style-type: disc;
    margin-bottom: 20px;
}

.deactivate-account-form .form-row .input-wrap .label-wrap label ul li {
    margin-left: 15px;
    line-height: 21px;
    font-weight: 400;
}

.form-my-profile-link > label{
    font-size: 18px;
    padding: 0;
    margin-right: 10px;
    font-weight: normal;
}

.form-my-profile-link > a{
    font-size: 16px;
}

.tippy-tooltip {
    font-weight: 500;
}

.tippy-content {
    padding: 10px 10px;
}

.profile-pic-editable{
    cursor: pointer;
    position: relative;
    width: 150px;
    height: 150px;
    font-size: 3em;
    display: inline-block;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 100%;
}

.cam-icon-wrap{
    position: absolute;
    opacity: 0;
    z-index: 2;
}

.main-profile-image{
    position: relative;
    top: -34px;
}

.profile-pic-editable.loading::before{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: calc(100% + 2px);
    height: 100%;
    background: rgba(255, 255, 255, 0.918) url(../imgs/loading.gif) no-repeat center center / 32px auto;
    opacity: 1;
    filter: alpha(opacity = 1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 2;
    visibility: visible;
    border-radius: 100%;
}

.profile-pic-editable.loading .cam-icon-wrap{
    display: none !important;
}

.profile-pic-editable:hover .cam-icon-wrap{
    opacity: 1;
    background: rgba(0, 0, 0, .65);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.badge.new-user{
    font-size: 13px;
    z-index: 99;
    bottom: -8px;
}

.display-name-wrap.fs-5,  .add-bio-title{
    cursor: pointer;
}

.display-name-wrap.fs-5:hover, .add-bio-title:hover{
    text-decoration: underline;
}

.setting-nav li a{
    color: #6b6b6b;
    font-size: 13px;
}

.setting-nav li a.active{
    color: #000;
}

.text-body-tertiary{
    color: #333;
}

.cw-status-holder{
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
    padding: 30px;
    border: 1px solid #eeeeee;
}

@media (max-width: 1400px)
{.cw-status-holder {
    padding-left: 15px;
    padding-right: 15px;
}
}

.cw-status-tabs{
    padding-left: 0;
    margin-bottom: 0;
}

.cw-status-tab-content{
    position: relative;
    padding-bottom: 16px;
}

.cw-status-tab-content::before{
    content: '';
    position: absolute;
    left: 4px;
    bottom: 0;
    width: 2px;
    height: calc(100% - 28px);
    background: #eeeeee;
}

.cw-status-tab-content h6::before{
    content: '';
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-right: 12px;
    display: inline-block;
    background-color: #DDDDDD;
}

.cw-current-status h6::before{
    background-color: #22C55E;
}


.cw-status-tab-content > p{
    color: #64748B;
    margin-bottom: 0;
    padding: 6px 0 0 22px;
    display: inline-block;
}

.cw-project-wrapper{
    background: #fff;
    position: relative;
    border-radius: 4px;
    border: 1px solid #eeeeee;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}

.cw-project-box{
    padding: 29px;
}

.project-split-allow{
    width: 100%;
    display: flex;
    padding: 30px;
    align-items: center;
    border-radius: 4px;
    background: rgba(217, 161, 19, 0.1);
}

.select2-container{
    width: 100% !important;
}

.select2-container .select2-selection--single{
    height: auto;
    border: 1px solid #E9E9E9;
    border-radius: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
    padding: 0 20px;

}

.select2-container--open .select2-dropdown--below, .select2-dropdown {
    border: 0;
    background: #fff;
    border-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.08);
}

.select2-search--dropdown {
    padding: 0;
    margin: 0 0 10px;
    position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #eeeeee;
    outline: none;
    height: 42px;
    padding: 0 20px 0 53px;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #eeeeee;
    outline: none;
    min-height: initial;
    padding: 2.5px 0 5.5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    position: relative;
    align-items: center;
    padding: 0 10px;
    margin-bottom: 0;
    height: inherit;
}

.select2-container, .select2-container .select2-search--inline {
    flex: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search {
    margin: 0;
}

.tb-project-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    line-height: 22px;
    text-transform: uppercase;
}

[multiple] + .select2 .select2-search__field {
    height: 32px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
    right: 9px;
}

[aria-multiselectable=true] .select2-results__option {
    position: relative;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #F7F7F7;
    color:#000;
}

.select2-container--default .select2-results__option--selected {
    background-color: #fff;
}

[aria-multiselectable=true] .select2-results__option:before {
    content: "";
    width: 24px;
    height: 24px;
    border: 1.5px solid #DDDDDD;
    margin-right: 10px;
    border-radius: 3px;
}

.select2-search--dropdown::after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23DDDDDD' d='m29 27.586l-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9a9.01 9.01 0 0 1-9-9'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    left: 15px;
    top: 8px;
    font-size: 20px;
    color: #DDDDDD;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -21px;
    margin-top: -3px;
}

[aria-multiselectable=true] .select2-results__option--selected:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='m10.586 13.414l-2.829-2.828L6.343 12l4.243 4.243l7.07-7.071l-1.413-1.415z'/%3E%3C/svg%3E");
    display: inline-block; 
    align-items: center; 
    justify-content: center; 
    color: #ffffff; 
    background-color: #22C55E; 
    border-color: #22C55E; 
    width: 24px;
    height: 24px;
}

.select2-container--default .select2-search--dropdown:after {
    display: inline-block;
    line-height: 1;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 1px solid #F7F7F7;
    padding: 0 10px;
    background-color: #f7f7f7;
    padding: 3px 12px;
    border-radius: 4px;
}

.select2-selection__choice{
    color: #000;
    letter-spacing: 0.5px;
}

.tb-project-form .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    line-height: 22px;
    text-transform: uppercase;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    border: none;
    right: 5px;
    left: auto;
    height: 100%;
    font-size: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    padding-right: 15px;
}

.id-uploader{
    cursor: pointer;
    padding: 10px 20px !important;
    border: 1px dotted #222325;
    width: fit-content;
    z-index: 9;
    position: relative;
    color: #000;
    margin-top: 20px;
}

.id-uploader.p-0{
    padding: 0 !important;
}

.tk-upload-list li {
    background-color: #F7F7F7;
    padding: 7.5px 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    line-height: normal;
}

.tk-upload-list li span {
    z-index: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 15px;
    }

    .tk-uploadfile-doc .tk-upload-list li span {
        color: #1C1C1C;
        word-break: break-word;
        white-space: break-spaces;
    }

    .tb-remove {
        font-size: 0.8125rem;
        color: #ff7062;
        margin-left: auto;
        font-style: normal;
        position: relative;
        z-index: 1;
    }

    .tk-upload-list li .tb-remove {
        font-size: 1.25rem;
        color: #EF4444;
    }
    
    .tb-remove a {
        color: #ff7062;
    }

.tk-budgetlist {
    padding: 0;
    margin: 0;
    width: 100%;
    background: #F7F7F7;
    border-radius: 4px;
}

.tk-budgetlist li {
    width: 100%;
    align-items: center;
    padding: 13px 20px;
    justify-content: space-between;
    display: flex;
}

.tk-budgetlist h6 {
    margin-bottom: 0;
    font-weight: 600;
}

.tk-budgetlist li + li {
    border-top: 1px dashed #DDDDDD;
}

.file-document{
    font-size: 13px;
    margin: 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
}



.file-document-icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.file-document-name{
    margin: 0 10px;
    text-transform: capitalize;
    max-width: 150px;

    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.file-document-action{
    font-weight: 700;
    color: #3676c8;
    text-align: right;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 990px)
{.file-document{
    width: 100%;
}
}

small{
    line-height: 20px;
}

.project-attach h6{
    font-size: 15px !important;
    line-height: 30px !important;
}

.project-attach .icon::before{
    right: 1px;
    bottom: 1px;
    background-color: transparent;
    
}

.delete-pdf{
    z-index: 999 !important;
    position: relative;
    opacity: 0;
}

.project-attach:hover .delete-pdf{
    opacity: 1;
    }

.resume-upload{
    border: 1px dotted #000;
    width: 100%;
    text-align: center;
    padding: 3px 0;
    cursor: pointer;
}

.mdi--trash-outline::after {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16M96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0m48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
  }

  .mdi--trash-outline::after:hover{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%2322C55E' d='M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16M96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0m48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
  }

  .system-uicons--document::after {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23b4f9cd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 15.5v-7l-5-5h-5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2m-10-5h5m-5 2h7m-7 2h3'/%3E%3Cpath d='M11.5 3.5v3a2 2 0 0 0 2 2h3'/%3E%3C/g%3E%3C/svg%3E");
  }

  .ri--more-fill::after {
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m14 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m-7 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2'/%3E%3C/svg%3E");
  }

  .lucide--verified::after {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2300a83e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77a4 4 0 0 1 6.74 0a4 4 0 0 1 4.78 4.78a4 4 0 0 1 0 6.74a4 4 0 0 1-4.77 4.78a4 4 0 0 1-6.75 0a4 4 0 0 1-4.78-4.77a4 4 0 0 1 0-6.76'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
  }

  .uiw--more::after {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M2.5 7.5a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5m15 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5m-7.274 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5'/%3E%3C/svg%3E");
  }

  .tb-dhb-mainheading {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
}

.tb-sortby {
    flex: none;
    margin-left: auto;
}

.tb-actionselect {
    display: flex;
    align-items: center;
}

.tb-dhb-mainheading .tb-actionselect {
    margin-left: auto;
}

.tb-actionselect > span {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1C1C1C;
    flex: none;
    padding-right: 10px;
}

.tb-select, .tb-calendar {
    align-items: center;
    position: relative;
    width: 100%;
}

.tk-project-wrapper-two {
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #eeeeee;
}

.tk-project-wrapper {
    background: #fff;
    position: relative;
    border-radius: 4px;
    border: 1px solid #eeeeee;
}

.tk-project-box {
    padding: 29px;
}

.tk-price-holder {
    display: flex;
}


.tk-employerproject {
    display: flex;
}

.tk-template-view {
    padding: 0;
    gap: 10px 24px;
    margin: 10px 0 0 0;
    align-items: center;
}

.tk-employerproject-title {
    width: 100%;
}

.badge{
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 0.5px;

}

.tk-project-tag {
    display: inline-block;
    margin-bottom: 10px;
}


.tk-employerproject-title .tk-project-tag {
    margin: 0 0 10px;
}

.tk-verified-info h5 {
    width: 100%;
    display: flex;
    margin-bottom: 0;
    align-items: center;
}

.tk-price {
    padding-left: 30px;
    flex: none;
    margin-left: auto;
}

.tk-price span, .tk-price h4, .tk-price h6 {
    text-align: right;
}

.tk-template-view li {
    color: #676767;
    display: flex;
    align-items: center;
}

.tk-project-box + .tk-project-box {
    box-shadow: inset 0px 1px 0px #eeeeee;
}

.tk-proposal-list {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.tk-proposal-list li:last-child {
    margin-left: 0;
}

.tk-project-detail {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
}

.cursor-pointer{
    cursor: pointer;
}

.tk-project-detail {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
}

.tk-price .tk-project-detail {
    margin-top: 20px;
}

.tk-employerproject-title h3 {
    margin: 0;
    font-size: 1.375rem;
    line-height: 1.3636363636em;
}

.tk-blogviewdates {
    padding: 0;
    list-style: none;
    line-height: 26px;
    margin: 0 -10px !important;
}

.tk-blogviewdates {
    list-style: none;
    margin: 0 -15px !important;
    display: flex;
    line-height: 26px;
    flex-wrap: wrap;
}

.tk-project-wrapper .tk-blogviewdates {
    gap: 10px 24px;
    padding-top: 10px;
    margin: 0 !important;
}

.tk-blogviewdates li {
    display: flex;
    padding: 0 10px;
    align-items: center;
    list-style-type: none;
    line-height: inherit;
    color: #999;
}

.tk-project-wrapper .tk-blogviewdates li {
    padding: 0;
}

.tk-project-wrapper .tk-blogviewdates li i {
    color: #676767;
    margin-right: 10px;
}

.tk-employerproject .tk-price {
    margin-left: auto;
}

.tk-price span, .tk-price h4 {
    text-align: right;
}

.tk-project-detail {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
}

.tk-price .tk-project-detail {
    margin-top: 20px;
}

.tk-table-wrapper {
    padding: 1px 0 0 !important;
}

.tk-project-box + .tk-project-box {
    box-shadow: inset 0px 1px 0px #eeeeee;
}

.tb-table {
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #eeeeee;
}

.tk-project-table-status .tb-table {
    border: 0;
    margin-bottom: 0;
}

.tk-project-table-status thead, .tk-project-table-status tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tb-table > thead > tr {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.tb-main-bg .tb-byadons, .tb-main-bg .tb-buyercontainer .tb-tabfilteritem, .tb-main-bg .table > thead:first-child > tr:first-child > th, .tb-main-bg .tb-table > thead > tr, .tb-main-bg .tb-table > tbody > tr, .tb-main-bg .tb-payouthistory .tb-tabfilteritem, .tb-main-bg .tb-disputearea, .tb-main-bg .tb-bestservicehodler .tb-bestservice__content, .tb-main-bg .tb-tabsholder {
    border: 0;
}

.tk-project-table-status .tb-table thead > tr {
    background: #F7F7F7;
}

table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
    border-bottom: 0;
}

table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
    border-bottom: 0;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #eee;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #eee;
}

.tk-project-table-status table caption + thead tr:first-child th, .tk-project-table-status table colgroup + thead tr:first-child th, .tk-project-table-status table thead:first-child tr:first-child th, .tk-project-table-status table caption + thead tr:first-child td, .tk-project-table-status table colgroup + thead tr:first-child td, .tk-project-table-status table thead:first-child tr:first-child td {
    border-bottom: 0;
}

.tb-main-bg .tb-byadons, .tb-main-bg .tb-buyercontainer .tb-tabfilteritem, .tb-main-bg .table > thead:first-child > tr:first-child > th, .tb-main-bg .tb-table > thead > tr, .tb-main-bg .tb-table > tbody > tr, .tb-main-bg .tb-payouthistory .tb-tabfilteritem, .tb-main-bg .tb-disputearea, .tb-main-bg .tb-bestservicehodler .tb-bestservice__content, .tb-main-bg .tb-tabsholder {
    border: 0;
}

.tk-project-table-status .table caption + thead tr:first-child th, .tk-project-table-status .table colgroup + thead tr:first-child th, .tk-project-table-status .table thead:first-child tr:first-child th, .tk-project-table-status .table caption + thead tr:first-child td, .tk-project-table-status .table colgroup + thead tr:first-child td, .tk-project-table-status .table thead:first-child tr:first-child td {
    border-top: 0;
}

.table > :not(:first-child) {
    border-top: 0;
}

.tk-project-table-status .tb-table tbody {
    display: block;
    max-height: 760px;
    overflow: auto;
}

.tk-project-table-status .table > :not(:first-child) {
    border: 0;
}

.tb-table > tbody > tr {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.tk-project-table-status thead, .tk-project-table-status tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tb-main-bg .tb-byadons, .tb-main-bg .tb-buyercontainer .tb-tabfilteritem, .tb-main-bg .table > thead:first-child > tr:first-child > th, .tb-main-bg .tb-table > thead > tr, .tb-main-bg .tb-table > tbody > tr, .tb-main-bg .tb-payouthistory .tb-tabfilteritem, .tb-main-bg .tb-disputearea, .tb-main-bg .tb-bestservicehodler .tb-bestservice__content, .tb-main-bg .tb-tabsholder {
    border: 0;
}

.tk-project-table-status .tb-table tbody tr {
    box-shadow: inset 0px -1px 0px #eeeeee;

}

table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border-top: 1px solid #eee;
    border: 1px solid #eee;
    line-height: 2.5;
    padding-left: 3px;
    text-align: left;
    vertical-align: top;
}

table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border-top: 1px solid #eee;
    border: 1px solid #eee;
    line-height: 2.5;
    padding: 7px 28px;
    vertical-align: middle;
}

.tb-table > tbody > tr td {
    font-size: 14px;
    vertical-align: middle;
    padding: 6px 28px;
    border: 0;
    border-top: 1px solid #eee;
    text-align: left;
    background: #fff;
    color: #676767;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px 30px;
}

.tk-project-table-status .tb-table thead tr th, .tk-project-table-status .tb-table tbody tr th, .tk-project-table-status .tb-table tfoot tr th, .tk-project-table-status .tb-table thead tr td, .tk-project-table-status .tb-table tbody tr td, .tk-project-table-status .tb-table tfoot tr td {
    border-top: 0;
    border: 0;
    text-align: left;
    vertical-align: middle;
}

.tk-project-table-status .tb-table tbody tr > td {
    color: #1C1C1C;
    background-color: unset;
}

.tk-project-table-status .table tbody tr th, .tk-project-table-status .table tfoot tr th, .tk-project-table-status .table tbody tr td, .tk-project-table-status .table tfoot tr td {
    padding: 14px 20px;
}

.tk-project-table-content {
    display: flex;
    align-items: center;
}

.tk-project-table-content img {
    object-fit: cover;
}

.tk-project-table-info {
    padding-left: 10px;
}

.tk-profile-view {
    background-color: #F7F7F7;
}

.tk-project-table-content {
    display: flex;
    align-items: center;
}

.tk-project-table-info {
    padding-left: 10px;
}

.tk-profile-view a {
    margin-left: auto;
    border-radius: 4px;
}

.tk-project-price {
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    display: flex;
}

.tk-proposals-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.tk-working-rate .tk-project-price {
    padding-top: 0;
}


@media (max-width: 991px)
{
    .tb-table, .tk-timecard-table {
        display: block;
    }

    .tb-table thead tr, .tk-timecard-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .tb-table thead, .tb-table tbody, .tb-table th, .tb-table td, .tb-table tr, .tk-timecard-table thead, .tk-timecard-table tbody, .tk-timecard-table th, .tk-timecard-table td, .tk-timecard-table tr {
    display: block;
    }

    .tk-project-table-status .tb-table > tbody > tr td, .tk-proinvoices_table tbody > tr > td, .tk-proinvoices .tb-table tbody > tr > td {
        box-shadow: inset 0px -1px 0px #eee;
    }

    .tb-table td, .tk-timecard-table td {
        border: none;
        border-bottom: 1px solid rgba(151, 151, 151, 0.3);
        position: relative;
        padding-left: 200px;
        display: flex;
        align-items: center;
    }

    .tb-table td:before, .tk-timecard-table td:before {
        width: 40%;
        padding-right: 20px;
        color: #999;
        font-weight: 600;
        content: attr(data-label);
    }

}

@media (max-width: 767px)
{.tk-paid-option, .tk-employerproject {
    flex-direction: column;
}

.tk-price {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    padding-left: 0;
}

.tk-employerproject .tk-price {
    margin-left: 0;
}

.tk-price span, .tk-price h4, .tk-price h6 {
    text-align: left;
}

.tk-project-detail {
    justify-content: flex-start;
}
}



@media (max-width: 568px)
{.tk-project-detail {
    width: 100%;
}

.tk-project-detail {
    margin-left: 0;
}
}

.tab-messages .scroll-wrapper {
    -webkit-box-flex: 1;
    background-color: #efeff0;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
}

.scroll-wrapper .drawer-empty {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 20px;
    text-align: center;
}

.drawer-empty p {
    color: #b5b6ba;
    font-size: 12px;
    max-width: 240px;
}

.notification::before{
    position: absolute;
    content: attr(data-count);
    background-color: #dc3545;
    color: #fff;
    font-size: 11px;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -1px;
    top: -12px;
}

.scroll-wrapper .nots-items-list {
    height: 100%;
    width: 100%;
    padding: 0;
}

.drawer-item, .realtime-notifications .drawer-item {
    background: #ebf2f5;
    position: relative;
}

.popover-notifications-drawer .drawer-item .main-action, .realtime-notifications .drawer-item .main-action {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #62646a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 90px;
    padding: 15px;
    text-decoration: none;
    width: auto;
}

.popover-notifications-drawer .drawer-item .image-wrapper, .realtime-notifications .drawer-item .image-wrapper {
    padding-right: 10px;
    width: 55px;
}

.popover-notifications-drawer .notification-icon {
    background: transparent url(../imgs/sprite-notification-icons.410093e.svg) no-repeat 0 0;
    display: inline-block;
    height: 55px;
    width: 55px;
}

.popover-notifications-drawer .notification-icon.bell {
    background-position: -274px -55px;
}

.popover-notifications-drawer .drawer-item .item-content-wrapper, .realtime-notifications .drawer-item .item-content-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    max-width: 245px;
}

.popover-notifications-drawer .content, .realtime-notifications .content {
    font-size: 14px;
    line-height: 15px;
    max-height: 45px;
    overflow: hidden;
    position: relative;
}

.popover-notifications-drawer .drawer-item .content:after, .realtime-notifications .drawer-item .content:after {
    background: -webkit-gradient(linear, right top, left top, from(#ebf2f5), to(rgba(235, 242, 245, 0)));
    background: linear-gradient(270deg, #ebf2f5, rgba(235, 242, 245, 0));
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 100px;
}

.nots-footer{
    color: #b5b6ba;
    font-size: 12px;
    padding: 5px 0;
}

.tk-placeholderholder {
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
}

.tk-freelancer-holder {
    display: block;
    margin-top: 20px;
}

.tk-freelancer-holder .tk-tagtittle {
    padding-bottom: 10px;
}

.tk-freelancer-holder .tk-tagtittle span{
    /* font-size: 15px; */
    font-weight: 600;
    color: #000;
}

.tk-hire-freelancer {
    align-items: center;
    padding-left: 0;
    margin: -5px;
}

.tk-hire-freelancer li {
    width: 89%;
    padding: 5px;
    list-style-type: none;
}

@media (max-width: 1199px)
{.tk-hire-freelancer li {
    width: 50%;
}}

@media (max-width: 767px)
{.tk-hire-freelancer li {
    width: 100%;
}}

.tk-hire-freelancer_content {
    display: flex;
    align-items: center;
    padding: 16px;
    background-color: #F7F7F7;
    border-radius: 4px;
}

.tk-hire-freelancer-info {
    padding-left: 20px;
}

.tk-hire-freelancer-info h6, .tk-hire-freelancer-info .tk-verified-info strong, .tk-verified-info .tk-hire-freelancer-info strong {
    margin-bottom: 0;
    align-items: center;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tk-hire-freelancer_content > span {
    margin-left: auto;
    flex: none;
}

.tk-projectstatus {
    display: flex;
    box-shadow: inset 0px 1px 0px #eeeeee;
}

.tk-projectsstatus {
    flex: auto;
}

.tk-projectsstatus_head {
    padding: 30px;
    display: flex;
    position: relative;
}

.tk-projectsstatus_info {
    display: flex;
    align-items: center;
}

.tk-projectsstatus_img {
    flex: none;
    border-radius: 50%;
    margin: 0 16px 0 0;
}

.tk-projectsstatus_name .tk-project-tag {
    margin: 0 0 4px;
}

.tk-projectsstatus_name h5 {
    margin: 0;
    width: 100%;
}

.tk-projectsstatus_budget {
    flex: none;
    display: flex;
    margin-left: auto;
    align-items: center;
}

.tk-projectsstatus_budget strong {
    color: #999;
    text-align: right;
    font: 600 0.9375rem / 1.6em 'Open Sans', sans-serif;
}

.tk-projectsstatus_budget strong span {
    display: block;
    color: #1C1C1C;
    font: 700 1.375rem / 1.3636363636em 'Open Sans', sans-serif;
}
.tk-projectsstatus_option {
    margin-left: 30px;
    position: relative;
}

.tk-projectsstatus_option {
    margin-left: 30px;
    position: relative;
}

.tk-projectsactivity {
    box-shadow: inset 0px 1px 0px #eeeeee;
}

.tk-nav-tabs {
    border: 0;
    width: 100%;
}

.tk-projectsactivity .tk-nav-tabs {
    display: flex;
    padding: 30px;
}

.tk-nav-tabs li {
    flex: max(443px, 100% / 3);
}

.tk-projectsactivity .tk-nav-tabs li {
    margin: 0;
    width: 50%;
    flex: auto;
    line-height: inherit;
}

.tk-projectsactivity .tk-nav-tabs li button {
    color: #999;
    width: 100%;
    display: flex;
    padding: 14px 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: transparent;
    box-shadow: inset 0px -1px 0px #eeeeee;
    font: 600 1rem / 1.625em 'Open Sans', sans-serif;
    border:none;
}

.tk-projectsactivity .tk-nav-tabs li button.active {
    color: #1C1C1C;
    box-shadow: inset 0px -3px 0px #22C55E;
}

.tk-projectsactivity .tk-nav-tabs li button i {
    font-size: 20px;
    margin-right: 10px;
}

.tk-project-type-content {
    width: 100%;
}

.tk-proactivity {
    padding: 0 30px 30px;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.tk-proactivity_list {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 568px;
    overflow: hidden;
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.tk-proactivity_list li {
    display: flex;
    list-style-type: none;
}

.tk-proactivity_img {
    border-radius: 50%;
    margin: 0 16px 0 0;
}

.tk-proactivity_info {
    flex: auto;
    padding: 6px 0 0;
}

.tk-proactivity_info h6, .tk-proactivity_info .tk-verified-info strong, .tk-verified-info .tk-proactivity_info strong {
    margin: 0 0 10px;
}

.tk-proactivity_info h6 span, .tk-proactivity_info .tk-verified-info strong span, .tk-verified-info .tk-proactivity_info strong span {
    color: #999;
    margin-left: 10px;
    font: 400 0.9375rem / 1.6em 'Open Sans', sans-serif;
}

.tk-proactivity_info p {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6em;
}

.tk-proactivity_file {
    display: flex;
    margin: 10px 0 0;
    align-items: center;
    background: #F7F7F7;
    border-radius: 4px;
    padding: 10px 20px 10px 10px;
    font-size: 0.875rem;
    line-height: 1.7142857143em;
}
.tk-proactivity_file img {
    margin-right: 10px;
    width: 22px;
    height: 26px;
}

.tb-download-attachment {
    font-size: 0.875rem;
    line-height: 1.4285714286em;
}

.tk-proactivity_file .tb-download-attachment {
    cursor: pointer;
    margin-left: auto;
    color: #1DA1F2;
}

.tk-uploadfile-doc {
    box-shadow: inset 0px 1px 0px #eeeeee;
    padding: 30px;
}

.tb-themeform fieldset, .tk-themeform fieldset {
    margin: -10px;

    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tk-label {
    align-items: center;
    width: 100%;
    color: #1C1C1C;
    font-weight: 600;
}

.tk-freelanerinfo h6, .tk-freelanerinfo .tk-verified-info strong, .tk-verified-info .tk-freelanerinfo strong {
    margin-bottom: 10px;
}

.tk-upload-resume {
    padding: 20px 18px;
    border-radius: 4px;
    border: 1px solid #eeeeee;
    width: 100%;
}

.tk-uploadfile-doc .tk-upload-resume {
    padding: 19px;
}

.tk-upload-list {
    padding-left: 0;
    margin-bottom: 0;
}

.tk-upload-list:empty {
    display: none;
}

.tk-uploading {
    position: relative;
}

.tk-upload-list li {
    background-color: #F7F7F7;
    padding: 7.5px 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    line-height: normal;
}

.tk-uploadfile-doc .tk-upload-list li span {
    color: #1C1C1C;
    word-break: break-word;
    white-space: break-spaces;
}

.tb-remove {
    font-size: 0.8125rem;
    color: #ff7062;
    margin-left: auto;
    font-style: normal;
    position: relative;
    z-index: 1;
}

.tk-uploading .tb-remove {
    display: none;
}

.tk-upload-list li .tb-remove {
    font-size: 1.25rem;
    color: #EF4444;
}

.tk-uploading.taskbot-file-uploaded .tb-remove {
    display: block;
}

.tb-remove a {
    color: #ff7062;
}

.tk-upload-list li .tb-remove i {
    color: inherit;
}

.tk-uploadphoto {
    align-items: center;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tk-uploadphoto p {
    margin-bottom: 0;
}

.tk-attechment-content .tb-uploadbox > em, .tk-attechment-content .taskbot-list span a, .tk-upload-list li span, .tk-uploadphoto p, .tk-uploadphoto span, .tk-uploadphoto label, .tk-complete-title h5 span {
    font: 400 0.8125rem / 1.6923076923em 'Open Sans', sans-serif;
}

.tk-uploadphoto span, .tk-uploadphoto label {
    color: #1DA1F2;
    margin: 0;
    display: inline-block;
    cursor: copy;
    font-weight: inherit;
    margin-left: 4px;
}

.form-control::placeholder, input, select::placeholder, .uneditable-input::placeholder {
    color: #999;
    opacity: 1;
}

.tk-uploadphoto input {
    display: none;
}

.tk-uploadfile-doc .tk-form-btn {
    display: flex;
    justify-content: flex-end;
}

.tk-uploadfile-doc .tk-form-btn span {
    font-size: 0.875rem;
    line-height: 1.7142857143em;
}

.tk-uploadfile-doc .tk-form-btn span {
    font-size: 0.875rem;
    line-height: 1.7142857143em;
}

.tk-uploadfile-doc .tk-form-btn span + span {
    margin-left: 10px;
}

.tk-proinvoices {
    padding: 0 30px 30px;
}

.tk-proinvoices_title {
    display: flex;
    margin: 0 0 20px;
    align-items: center;
}

.tk-proinvoices_title h5 {
    margin: 0;
}

.tk-proinvoices_table, .tk-proinvoices .tb-table {
    margin: 0;
    border: 0;
}

.tk-proinvoices_table thead > tr, .tk-proinvoices .tb-table thead > tr {
    background: #F7F7F7;
}

.tk-proinvoices_table thead > tr > th, .tk-proinvoices .tb-table thead > tr > th {
    background: unset;
    text-align: left;
    padding: 10px 5px;
    border: 0 !important;
    font: 700 1rem / 1.625em 'Open Sans', sans-serif;
}

.tk-proinvoices_table thead > tr > th:first-child, .tk-proinvoices .tb-table thead > tr > th:first-child {
    padding-left: 20px;
}

.tk-proinvoices_table tbody > tr, .tk-proinvoices .tb-table tbody > tr {
    box-shadow: inset 0px -1px 0px #eeeeee;
}

.tk-proinvoices_table tbody > tr > td, .tk-proinvoices .tb-table tbody > tr > td {
    background-color: unset;
    border: 0;
    text-align: left;
    padding: 13px 5px;
    vertical-align: middle;
}

.tk-proinvoices_table tbody > tr:first-child > td, .tk-proinvoices .tb-table tbody > tr:first-child > td {
    border: 0;
}

.tk-proinvoices_table tbody > tr > td:first-child, .tk-proinvoices .tb-table tbody > tr > td:first-child {
    padding-left: 20px;
}

.tk-proinvoices_table tbody > tr > td p, .tk-proinvoices .tb-table tbody > tr > td p {
    margin: 0;
    max-width: 280px;
}

.tb-invoicehead {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px;
}

.tb-invoicehead span {
    margin-left: auto;
}

.tb-main-section {
    padding: 80px 0;
}

.page-template-dashboard main.tb-main .tb-main-section {
    padding: 80px 0;
}

.page-template-dashboard main.tb-main .tb-main-section .tb-main-section, .tb-main-section .tb-main-section {
    padding: 0;
}

.tb-printable {
    padding: 30px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #eee;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}

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

.tb-invoicebill figure {
    margin: 0;
    width: 160px;
    height: 100%;
}

.tb-billno h3 {
    font-size: 2.25rem;
    margin: 0;
    line-height: 1.0277777778em;
}

.tb-billno span {
    font: 700 1.125rem / 1.2222222222em 'Urbanist', sans-serif;
}

.tb-printable .tb-tasksinfos {
    margin: 30px 0 0;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tb-tasksinfos .tb-invoicetasks {
    flex: 1;
}

.tb-invoicetasks h5 {
    margin: 0;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.tb-invoicetasks h3 {
    font: 700 1.25rem / 1.4em 'Urbanist', sans-serif;
    margin: 0;
}

.tb-tasksdates {
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
    align-items: flex-end;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tb-tags {
    padding-bottom: 0.5625rem;
    width: auto;
}

.tb-tags span, .tb-tags a {
    padding: 0 10px;
    font: 400 0.75rem / 2.1666666667em 'Open Sans', sans-serif;
    color: #fff;
    background: #FF9E2B;
    display: inline-block;
    letter-spacing: 0.5px;
    border-radius: 4px;
}

.tb-tasksdates > span {
    display: inline-block;
    font: 400 0.875rem / 1.5714285714em 'Open Sans', sans-serif;
    color: #1C1C1C;
}

.tb-tasksdates > span em {
    font-style: normal;
}

.tb-invoicefromto {
    border-top: 1px solid #eee;
    padding: 30px 0;
    margin-top: 30px;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tb-invoicefromto .tb-fromreceiver {
    flex: 50%;
}

.tb-fromreceiver h5 {
    margin: 0 0 10px;
    line-height: 1.4615384615em;
}

.tb-invoicefromto .tb-fromreceiver {
    flex: 50%;
}

.tb-invoice-table.tb-table {
    margin: 0;
    border: 0;
}

.tb-invoice-table.tb-table > thead {
    border-top: 1px solid #eee;
}

.tb-invoice-table.tb-table > thead > tr {
    border: 0;
    border-bottom: 1px solid #eee;
}

.tb-invoice-table.tb-table > thead > tr > th {
    padding: 17px 28px;
    line-height: 21px;
    color: #1C1C1C;
    font: 700 0.875rem / 2.5em 'Open Sans', sans-serif;
}

.tb-invoice-table.tb-table > tbody > tr {
    border: 0;
}

.tb-invoice-table.tb-table > tbody > tr td {
    padding: 24px 28px 23px 28px;
    line-height: 21px;
    border: 0;
    vertical-align: bottom;
}

.tb-invoice-table.tb-table > tbody > tr:first-child td {
    vertical-align: top;
    padding-bottom: 10px;
}

.tb-invoice-table.tb-table > tbody > tr td + td:nth-child(2) {
    width: 70%;
}

.tb-invoice-table.tb-table > tbody > tr td:last-child {
    width: 20%;
}

.tb-subtotal {
    flex-direction: column;
    align-items: flex-end;
    margin: 20px 0 30px;
    border-top: 1px solid #eee;
    padding: 30px 0 0;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tb-subtotalbill {
    width: 100%;
    max-width: 350px;
    padding: 0 20px 0 30px;
    margin: 0;
}

.tb-subtotalbill > li:not(.tb-sumtotal) {
    font: 400 0.875rem / 1.5714285714em 'Open Sans', sans-serif;
    list-style: none;
    margin: 0 0 10px;
    color: #1C1C1C;
}

.tb-subtotalbill > li:not(.tb-sumtotal) h6, .tb-subtotalbill > li:not(.tb-sumtotal) .tk-verified-info strong, .tk-verified-info .tb-subtotalbill > li:not(.tb-sumtotal) strong {
    margin: 0;
    float: right;
}

.tb-sumtotal {
    min-width: 350px;
    margin-top: 14px;
    border-radius: 4px;
    list-style-type: none;
    color: #1C1C1C;
    background: #FCCF14;
    padding: 14px 20px 14px 30px;
    font: 700 0.875rem / 1.5714285714em 'Urbanist', sans-serif;
}

.tb-sumtotal h6, .tb-sumtotal .tk-verified-info strong, .tk-verified-info .tb-sumtotal strong {
    margin: 0;
    float: right;
    color: #1C1C1C;
    font: 700 1.125rem / 1.2222222222em 'Urbanist', sans-serif;
}

@media print {

    @import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap"); 


  }

  .ic--baseline-verified::after {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23397e62' d='m23 12l-2.44-2.79l.34-3.69l-3.61-.82l-1.89-3.2L12 2.96L8.6 1.5L6.71 4.69L3.1 5.5l.34 3.7L1 12l2.44 2.79l-.34 3.7l3.61.82L8.6 22.5l3.4-1.47l3.4 1.46l1.89-3.19l3.61-.82l-.34-3.69zm-12.91 4.72l-3.8-3.81l1.48-1.48l2.32 2.33l5.85-5.87l1.48 1.48z'/%3E%3C/svg%3E");
  }


  @media (max-width: 576px) {
    .tb-invoicebill{
        flex-direction: column;
        gap: 15px;
        align-items: center;
        justify-content: center;
    }

    .tb-billno{
        display: flex;
        gap: 4px;
        align-items: center;
        justify-content: center;
    }

    .tb-billno h3{
        font-size: 1.125rem;
        line-height: 1.22222em
    }

    .tb-tasksinfos{
        flex-direction: column;
    }

    .tb-subtotal{
        justify-content: center;
        align-items: center;
    }

    .tb-sumtotal {
        min-width: 294px;
    }
}