@import url('../css/icon-font.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300,400;0,500;1,600;1,700&display=swap');
:root {
  --ts-font: 'Poppins';
  --ts-dark-blue: #1D1D4F;
  --ts-blue:#3A6FD3;
  --ts-light-blue:#44b1de;
  --ts-yellow: #F8B124;
  --ts-white: #ffffff;
  --ts-black: #000000;  
  --ts-white-smoke-gray:#f5f5f5;
  --ts-white-gray: #F8F8FC;   
  
  
  --ts-text: #70708E; 

  --ts-teal:#37AFA1;
  --ts-teal-rgba-20: rgba(55, 175, 161, 0.2);
  --ts-teal-rgba-50: rgba(55, 175, 161, 0.5);
  --ts-light-teal: #D8EBF5;
  --ts-red:#FF4B55;
  --ts-candy-red:#DE5A57;
  --ts-light-red: #f9e0e5;
  --ts-jet-gray:#1e1e1e;
  --ts-blue-gray:#70708E;
  --ts-light-gray:#D9D9D9;
  --ts-lighter-gray:#ededed;
  --ts-dusty-gray:#757575;
}

body .ts-bg-yellow{background-color: var(--ts-yellow);}
body .ts-bg-dark-blue{background-color: var(--ts-dark-blue);}
body .ts-bg-blue{background-color: var(--ts-blue);}
body .ts-bg-light-blue{background-color: var(--ts-light-blue);}
body .ts-bg-blue-gray{background-color: var(--ts-blue-gray);}
body .ts-bg-teal{background-color: var(--ts-teal);}
body .ts-bg-teal-rgba-20{background-color: var(--ts-teal-rgba-20);}
body .ts-bg-teal-rgba-50{background-color: var(--ts-teal-rgba-50);}
body .ts-bg-light-teal{background-color: var(--ts-light-teal);}
body .ts-bg-red{background-color: var(--ts-red);}
body .ts-bg-light-red{background-color: var(--ts-light-red);}
body .ts-bg-light-gray{background-color: var(--ts-light-gray);}
body .ts-bg-lighter-gray{background-color: var(--ts-lighter-gray);}
body .ts-bg-dusty-gray{background-color: var(--ts-dusty-gray);}

body .ts-bg-white{background-color: var(--ts-white);}
body .ts-bg-white-gray{background-color: var(--ts-white-gray);}
body .ts-bg-white-smoke-gray{background-color: var(--ts-white-smoke-gray);}

.ts-text-yellow{color: var(--ts-yellow);}
.ts-text-teal{color: var(--ts-teal);}
.ts-text-white{color: var(--ts-white) !important;}
.ts-text-dark-blue{color:var(--ts-dark-blue);}
.ts-text-black{color: var(--ts-black);}


.ts-font-weight-400{font-weight: 400!important;}
.ts-font-weight-500{font-weight: 500!important;}
.ts-font-weight-600{font-weight: 600!important;}
.ts-font-weight-700{font-weight: 700!important;}

.ts-font-size-14{font-size: 14px;}
.ts-font-size-16{font-size: 16px;}
.ts-font-size-18{font-size: 18px;}
.ts-font-size-20{font-size: 20px;}


.ts-link{color: var(--ts-blue); text-decoration: underline;}
.ts-link:hover,
.ts-link:focus{color: var(--ts-blue); text-decoration: none;}



.ts-btn-yellow { font-family: var(--ts-font);  background-color: var(--ts-yellow);  border-radius: 8px;  padding: 5px 20px;  color: var(--ts-white);  font-size: 16px; line-height: 16px;  font-weight: 500;
  height: 40px;  display: inline-flex;  align-items: center;  justify-content: center;  text-align: center;min-width: 140px;cursor: pointer;}
.ts-btn-yellow [class*="icon"]{ font-size: 22px; margin-right: 10px;}
.ts-btn-yellow:hover{color: var(--ts-white); opacity: 0.9;}
.ts-freelancer  a.ts-btn-yellow{color: var(--ts-white); }
.ts-freelancer  a.ts-btn-yellow:hover,
.ts-freelancer  a.ts-btn-yellow:focus{color: var(--ts-white); opacity: 0.9; }



.ts-btn-red {font-family: var(--ts-font);  background-color: var(--ts-red);  border-radius: 8px;  padding: 5px 20px;  color: var(--ts-white); font-size: 16px; line-height: 16px; font-weight: 500;
  height: 40px;  display: inline-flex;  align-items: center;  justify-content: center;  text-align: center;min-width: 140px;cursor: pointer;}
.ts-btn-red [class*="icon"]{ font-size: 22px; margin-right: 10px;}
.ts-btn-red:hover{color: var(--ts-white);opacity: 0.9; }
.ts-freelancer  a.ts-btn-red{color: var(--ts-white); }
.ts-freelancer  a.ts-btn-red:hover,
.ts-freelancer  a.ts-btn-red:focus{color: var(--ts-white);opacity: 0.9; }


.ts-btn-dusty-gray {font-family: var(--ts-font);  background-color: var(--ts-dusty-gray);  border-radius: 8px;  padding: 5px 20px;  color: var(--ts-white);  font-size: 16px; line-height: 16px; font-weight: 500;
  height: 40px;  display: inline-flex;  align-items: center;  justify-content: center;  text-align: center;min-width: 140px;cursor: pointer;}
.ts-btn-dusty-gray [class*="icon"]{ font-size: 22px; margin-right: 10px;}
.ts-btn-dusty-gray:hover{color: var(--ts-white);opacity: 0.9; }
.ts-freelancer  a.ts-btn-dusty-gray{color: var(--ts-white); }
.ts-freelancer  a.ts-btn-dusty-gray:hover,
.ts-freelancer  a.ts-btn-dusty-gray:focus{color: var(--ts-white);opacity: 0.9; }


.ts-btn-dark-blue { font-family: var(--ts-font); background-color: var(--ts-dark-blue);  border-radius: 8px;  padding: 5px 20px;  color: var(--ts-white);   font-size: 16px; line-height: 16px;  font-weight: 500;
  height: 40px;  display: inline-flex;  align-items: center;  justify-content: center;  text-align: center;min-width: 140px;cursor: pointer;}
.ts-btn-dark-blue [class*="icon"]{ font-size: 22px; margin-right: 10px;}
.ts-btn-dark-blue:hover{color: var(--ts-white);opacity: 0.9; }
.ts-freelancer  a.ts-btn-dark-blue{color: var(--ts-white); }
.ts-freelancer  a.ts-btn-dark-blue:hover,
.ts-freelancer  a.ts-btn-dark-blue:focus{color: var(--ts-white);opacity: 0.9; }

.ts-btn-dark-blue-outline {font-family: var(--ts-font);  background-color: var(--ts-white); border:solid 1px var(--ts-dark-blue);  border-radius: 8px;  padding: 5px 20px;  color: var(--ts-dark-blue);   font-size: 16px; line-height: 16px; font-weight: 500;
  height: 40px;  display: inline-flex;  align-items: center;  justify-content: center;  text-align: center; min-width: 140px; cursor: pointer;}
.ts-btn-dark-blue-outline [class*="icon"]{ font-size: 22px; margin-right: 10px;}
.ts-btn-dark-blue-outline:hover{color: var(--ts-dark-blue); opacity: 0.9;}
.ts-freelancer  a.ts-btn-dark-blue-outline{color: var(--ts-dark-blue); }
.ts-freelancer  a.ts-btn-dark-blue-outline:hover,
.ts-freelancer  a.ts-btn-dark-blue-outline:focus{color: var(--ts-dark-blue); opacity: 0.9;}


.ts-btn-teal {font-family: var(--ts-font);  background-color: var(--ts-teal);  border-radius: 8px;  padding: 5px 20px;  color: var(--ts-white);  font-size: 16px; line-height: 16px;  font-weight: 500;
  height: 40px;  display: inline-flex;  align-items: center;  justify-content: center;  text-align: center;min-width: 140px;cursor: pointer;}
.ts-btn-teal [class*="icon"]{ font-size: 22px; margin-right: 10px;}
.ts-btn-teal:hover{color: var(--ts-white);opacity: 0.9; }
.ts-freelancer  a.ts-btn-teal{color: var(--ts-white); }
.ts-freelancer  a.ts-btn-teal:hover,
.ts-freelancer  a.ts-btn-teal:focus{color: var(--ts-white);opacity: 0.9; }



.ts-freelancer {
  --primary-color: #1d1d4f;
  --secondary-color: #f8b124;
  --link-color: #3a6fd3;
  --white: #ffffff;
  --black: #000;
  --primary-font: 'Poppins';
  --bgLight: #f8f8fc;

  --lightColorText: #70708e;
}

.ts-freelancer {
  font-family: var(--primary-font);
  font-weight: 500;
  color: var(--lightColorText);
  background: #f8f8fc;
}

.ts-freelancer h1,
.ts-freelancer h2,
.ts-freelancer h3,
.ts-freelancer h4,
.ts-freelancer h5,
.ts-freelancer h6 {
  font-family: var(--primary-font);
  color: var(--primary-color);
}

.ts-freelancer a {
  color: var(--primary-color);
}

.ts-freelancer a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

.ts-freelancer .primary-color {
  color: var(--primary-color) !important;
}

.ts-freelancer .btn-primary {
  background: var(--primary-color);
  border-color: var(--primary-color);
  padding: 0.65rem 1.2rem;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  border-radius: 7px;
  color: #fff;
}
.ts-freelancer a:not([hfef]).btn-primary .btn-primary {
  color: #fff;
}
.ts-freelancer .btn-primary:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
  opacity: 0.9;
  color: #fff;
}

.ts-freelancer .btn-primary:focus-visible {
  color: var(--secondary-color);
  background-color: #e0ce00;
  border-color: #e0ce00;
  outline: 0;
  box-shadow: var(--secondary-color);
}

.ts-freelancer .btn-secondary {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  padding: 0.65rem 1.2rem;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.ts-freelancer .btn-secondary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  opacity: 0.9;
  color: #fff;
}

.ts-freelancer .btn-secondary:focus-visible {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  outline: 0;
  box-shadow: var(--secondary-color);
  color: #fff;
}

.ts-freelancer .btn-outline-primary {
  border-color: var(--primary-color);
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.ts-freelancer .btn-outline-primary:hover {
  background-color: var(--primary-color);
  color: #fff;
}

.ts-freelancer a.header-notifications-button{
color: var(--white);
}
/* css start here */

.navbar-fix-top {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 999;
}

.ts-freelancer .ts-site-header .btn-link {
  text-decoration: none;
  color: var(--black);
}
.ts-freelancer .ts-site-header .btn-link:hover {
  color: var(--primary-color);
}
.ts-freelancer .ts-header-navbar{
  display: flex;
    align-items: center;
}

.ts-freelancer .ts-header-navbar .nav-item .nav-link.active,
.ts-freelancer .ts-header-navbar .nav-item .nav-link:hover {
  color: var(--secondary-color);
}

.ts-freelancer .ts-header-navbar .nav-item {
  padding: 0 1rem;
}

.ts-freelancer .ts-header-profile > a > img {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  overflow: hidden;
}
.ts-freelancer #header.ts-header-outer {
  font-family: var(--primary-font);
  box-shadow: 0px 3px 6px #0000000d!important;
  position: relative!important;
  background-color: #070731!important;
  height: auto!important;
}

.ts-freelancer .ts-site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}
.ts-freelancer .ts-header-right-side ul.nav-pills .dropdown-toggle::after {
  display: none;
}
.ts-freelancer .ts-header-navbar .navbar-nav .nav-link {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
}
.ts-freelancer .ts-header-right-side ul.nav-pills li.nav-item {
  padding: 0 0.7rem;
}
.ts-freelancer .ts-header-right-side ul.nav-pills li.nav-item a.nav-link {
  padding: 0;
  text-decoration: none;
  font-size: 1.5rem;
  cursor: pointer;
  display: block;
}

.ts-freelancer .ts-header-profile {
  margin-left: 7px;
}
.ts-freelancer .ts-header-right-side ul.nav-pills { 
  align-items: center;
  margin-bottom: 5px;
}
.ts-freelancer .ts-header-right-side ul.nav-pills li.nav-item a.nav-link span:before {
  color: #fff;
}
.ts-freelancer .ts-header-right-side ul.nav-pills li.nav-item a.nav-link:hover span:before {
  color: var(--secondary-color);
}
.ts-freelancer .number-of-notification {
  background: var(--secondary-color);
  font-size: 10px;
  height: 15px;
  min-width: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50px;
  color: #000;
  font-weight: 600;
  position: absolute;
  bottom: 9px;
  right: -7px;
  padding: 2px !important;
}
.ts-freelancer .ts-header-right-side .nav-pills .show > .nav-link {
  background-color: transparent;
}
.ts-freelancer .short-list-dd {
  padding: 2rem;
  width: 100%;
}
.ts-freelancer .short-list-dd h3 {
  font-size: 17px;
  font-weight: 500;
  display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.ts-freelancer .short-list-dd h3 [class*="icon-ts-"]{
  font-size: 24px;
  margin-right: 10px;  
  color: var(--secondary-color);
}
.ts-freelancer .short-list-dd ul {
  list-style: none;
  padding: 0;
  margin-bottom: 10px;
}
.ts-freelancer .short-list-dd ul li:first-child {
  border-top: 0px;
}
.ts-freelancer .short-list-dd ul li a {
  display: flex;
  align-items: center;
}
.ts-freelancer .short-list-dd ul li a:hover {
  color: var(--secondary-color);
}
.ts-freelancer .short-list-dd ul li a img {
  height: 30px;
  width: 30px;
  margin-right: 15px;
}
.ts-freelancer .short-list-dd ul li {
  border-top: solid 1px #eee;
  padding: 15px 0;
  display: flex;
    justify-content: space-between;
    align-items: center;
}
.ts-freelancer .short-list-dd ul li [class*="icon-ts-"] {
  font-size: 12px;
}
.ts-freelancer .short-list-dd ul li:first-child {
  border-top: 0px;
}
.ts-freelancer .short-list-dd .btn-secondary {
  font-size: 14px;
}
.ts-freelancer .short-list-dd .btn-secondary span {
  font-size: 20px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}

/* Profile sectin css here */
.ts-freelancer .ts-freelancer-profile-top .icon-ts-edit:before{font-size:18px;}
.ts-freelancer .ts-freelancer-profile-top {
  padding: 2rem 0 0 0;
  background-color: #fff;
}
.ts-freelancer .ts-profile-detail-outer {
  display: flex;
}
.ts-freelancer .ts-profile-details {
  padding-top: 10px;
  width: calc(100% - 200px);
}
.ts-freelancer .ts-name-with-country {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.ts-freelancer .ts-name-with-country h2 {
  margin-right: 0.7rem;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--primary-color);
}
.ts-freelancer .ts-name-with-country img{
  border-radius: 3px;
}
.ts-freelancer .ts-country-name {
  padding-left: 0.5rem;
  font-size: 12px;
}
.ts-freelancer .ts-profile-image {
  margin-right: 30px;
  padding-bottom: 25px;
  width:170px;
}
.ts-freelancer .ts-profile-image img{
  width: 170px;
    height: 170px;
    border-radius: 170px;
    object-fit: cover;
}

.ts-freelancer .ts-rating-blcok {
  display: flex;
  margin-bottom: 25px;
}

.ts-freelancer .ts-rating-blcok h6 {
  margin-right: 20px;
  font-size: 12px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.ts-freelancer .ts-rating-blcok h6:last-child {
  color: var(--secondary-color);
}
.ts-freelancer .ts-rating-blcok h6 .ts-badge {
  font-weight: 700;
  padding: 5px 11px 4px 11px;
  margin-right: 8px;
  font-size: 12px;
  border-radius: 0.25rem;
}
.ts-freelancer .badge-primary {
  color: #fff;
  background-color: var(--link-color);
}
.ts-freelancer .badge-warning {
  color: #fff;
  background-color: #ffc107;
}
.ts-freelancer ul.ts-labels-block {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin:0;
  
}
.ts-freelancer ul.ts-labels-block li {
  border-radius: 15px;
  padding: 0.3rem 1rem;
  margin-right: 10px;
  font-size: 12px;
  line-height: normal;
  margin-bottom: 0.5rem;
}
.ts-freelancer .verified {
  color: var(--link-color);
  background: #d8ebf5;
}
.ts-freelancer .experience {
  color: #44b1de;
  background: #e0f6ff;
}
.ts-freelancer .academic {
  color: #f1671b;
  background: #ffe5d7;
}
.ts-freelancer .rated {
  color: var(--secondary-color);
  background: #ffeecc;
}
.ts-freelancer .cardiology {
  color: #ab0b44;
  background: #ffd9e7;
}
.ts-freelancer .business {
  color: #e5009c;
  background: #ffcdef;
}
.ts-freelancer .expert {
  color: #73ab62;
  background: #e0efd1;
}

.ts-freelancer .ts-freelancer-tabs-head {
  background: #fff;
  border-bottom: solid 1px #d8ebf5;
}

.ts-freelancer .ts-freelancer-tabs-head .nav-tabs {
  border-bottom: none;
}

.ts-freelancer .ts-freelancer-tabs-head .nav-tabs .nav-item.show .nav-link,
.ts-freelancer .ts-freelancer-tabs-head .nav-tabs .nav-link.active {
  color: var(--primary-color);
  border-bottom: solid 3px var(--secondary-color);
}
.ts-freelancer .ts-freelancer-tabs-head .nav-tabs .nav-link {
  border: none;
  color: var(--lightColorText);
  padding-inline: 0;
}
.ts-freelancer .ts-freelancer-tabs-head {
  font-size: 17px;
}
.ts-freelancer .ts-freelancer-tabs-head .nav-tabs .nav-item {
  margin-right: 30px;
}

.ts-freelancer .ts-content-block h3 {
  font-size: 1.1rem;
  color: var(--primary-color);
  position: relative;
  margin-bottom: 1.1rem;
}
.ts-freelancer .ts-content-block h3 span {
  font-size: 1.5rem;
  color: var(--secondary-color);
  vertical-align: middle;
  position: absolute;
  left: -35px;
}
.ts-freelancer ul.ts-social-media {
  list-style: none;
  padding: 0;
  display: flex;
}

.ts-freelancer .ts-content-block .card-body {
  padding: 2rem 2rem 2rem 4rem;
}

.ts-freelancer ul.ts-social-media li {
  margin-right: 10px;
}
.ts-freelancer ul.ts-social-media li .btn.btn-light {
  color: var(--lightColorText);
}
.ts-freelancer .ts-freelancer-tabs-body {
  padding: 2rem 0;
}
.ts-freelancer .ts-freelancer-tabs-body p {
  font-weight: 400;
}
.ts-freelancer .ts-freelancer-tabs-body hr {
  border-color: #d8ebf5;
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}

.ts-freelancer ul.ts-day-time {
  padding: 0;
  list-style: none;
}

.ts-freelancer ul.ts-day-time li {
  margin-bottom: 10px;
  color: var(--primary-color);
}

.ts-freelancer ul.ts-day-time li span {
  float: right;
  color: var(--lightColorText);
}
.ts-freelancer ul.ts-about-additional-info {
  padding: 0;
  margin: 0;
}
.ts-freelancer ul.ts-about-additional-info li {
  list-style: none;
  color: var(--primary-color);
  font-size: 14px;
  line-height: normal;
  display: flex; 
  justify-content: space-between; 
  position: relative;
  /* padding-left: 20px; */
  margin-bottom: 8px;  
}
.ts-freelancer ul.ts-about-additional-info li:last-child{
  margin-bottom: 0;
}
/* .ts-freelancer ul.ts-about-additional-info li:before {
  content: "";
  display: block;
  height: 11px;
  width: 11px;
  background: var(--secondary-color);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 5px;
} */

.ts-freelancer .ts-content-block {
  border-radius: 1rem;
}
.ts-freelancer .ts-freelancer-tabs-body .btn-link {
  text-transform: uppercase;
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.ts-freelancer .ts-freelancer-tabs-body .btn-link:hover {
  color: var(--primary-color);
}
.ts-freelancer .ts-freelancer-tabs-body .btn-link span {
  font-size: 21px;
  vertical-align: middle;
  margin-right: 5px;
}

.ts-freelancer ul.ts-label-block {
  padding: 0;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}
.ts-freelancer .ts-label-block li {
  background: #f8f8fc;
  margin-right: 5px;
  border-radius: 7px;
  padding: 7px 13px;
  color: var(--link-color);
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

.ts-freelancer ul.ts-label-block2 {
  padding: 0;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.ts-freelancer .ts-label-block2 li .ts-badge-new {
  background: #f8f8fc;
  margin-right: 5px;
  border-radius: 7px;
  padding: 1px 8px;
  color: var(--link-color);
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}
.ts-freelancer .ts-label-block2 li label {
  text-transform: uppercase;
  font-size: 12px;
  color: var(--primary-color);
  margin-right: 7px;
  display: inline-block;
}

.ts-freelancer .ts-label-block li small {
  color: var(--lightColorText);
  display: block;
  font-size: 12px;
}
.ts-freelancer .ts-btn-group small {
  font-size: 10px;
  display: block;
}
.ts-freelancer .ts-btn-group .btn-primary {
  padding: 0.25rem 1.2rem;
}
.ts-freelancer .footer-bottom address a:hover {
  color: var(--secondary-color);
}

.ts-freelancer .ts-btn-group {
  margin-bottom: 20px;
}
.ts-freelancer .ts-footer-social-media {
  font-size: 20px;
  color: var(--lightColorText);
}
.ts-freelancer .footer-bottom address {
  font-weight: 400;
}
.ts-freelancer .footer {
  background: #ffff;
  border-top: solid 1px #d8ebf5;
  padding: 3rem 0;
}

.ts-freelancer .footer-bottom {
  background: #fff;
  padding-bottom: 2rem;
}

.ts-freelancer .quick-link h3 {
  font-size: 17px;
  color: var(--primary-color);
  margin-bottom: 1.5rem;
}
.ts-freelancer .quick-link ul {
  list-style: none;
  padding: 0;
  font-weight: 400;
}
.ts-freelancer .quick-link ul li {
  margin-bottom: 7px;
}
.ts-freelancer .quick-link ul li a {
  color: var(--lightColorText);
}
.ts-freelancer .quick-link ul li a:hover {
  color: var(--primary-color);
}
.ts-freelancer .footer-bottom address a {
  text-decoration: underline;
}

.ts-freelancer ul.ts-experience-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ts-freelancer .ts-experience-list > li {
  border-bottom: solid 1px #d8ebf5;
  padding: 1rem 0;
}
.ts-freelancer .ts-experience-list > li:last-child {
  border-bottom: none;
}
.ts-freelancer .ts-experience-list > li p {
  font-size: 14px;
}
.ts-freelancer .ts-experience-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.ts-freelancer .ts-experience-heading span {
  font-size: 14px;
  color: var(--primary-color);
}
.ts-freelancer ul.ts-experience-type {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  margin-bottom: 10px;
}
.ts-freelancer ul.ts-experience-type span {
  font-size: 13px;
}

.ts-freelancer ul.ts-experience-type li {
  margin-right: 20px;
  list-style: none;
}
.ts-freelancer ul.ts-timeline {
  list-style: none;
  padding: 0;
  margin-top: 30px;
  margin-bottom: 0;
}
.ts-freelancer ul.ts-timeline li p {
  font-size: 14px;
}
.ts-freelancer .ts-timeline > li {
  padding-left: 20px;
  /*border-left: solid 1px #ffeecc;*/
  position: relative;
  padding-bottom: 25px;
}
.ts-freelancer .ts-timeline > li:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ffeecc;
  left: -1px;
  top: 6px;
}
.ts-freelancer .ts-timeline > li:last-child:before {
  background: transparent;
}

.ts-freelancer .ts-timeline > li:after {
  content: '';
  display: block;
  height: 11px;
  width: 11px;
  background: var(--secondary-color);
  border-radius: 50%;
  position: absolute;
  left: -6px;
  top: 5px;
}
.ts-freelancer .ts-timeline > li:last-child {
  border-left: 0px;
}
.ts-endorsement-heading {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ts-custom-editor ul li,
.ts-custom-editor ul ul li{list-style: disc;}


.ts-freelancer-review-block {
}
.ts-freelancer-review-block p {
  font-weight: 400;
  font-style: italic;
}
.ts-review-image {
  margin-right: 15px;
}
.ts-review-user-outer {
  display: flex;
}
.ts-review-details-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ts-review-user-outer {
  display: flex;
  margin-bottom: 20px;
}

.ts-review-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.ts-freelancer .ts-badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}




.ts-custom-modal{overflow-y: hidden; z-index: 9999;}
.ts-custom-modal .modal-header{background: #fff; color: var(--primary-color); border:none; padding:1rem 1rem 0rem 1rem;border-radius: 10px 10px 0 0;}
.ts-custom-modal .modal-header h4{ text-align: left;   display: flex;  align-items: center;    width: 100%;  font-weight: 600;    font-size: 18px;}
.ts-custom-modal .modal-header .modal-title [class*="icon-ts-"] {  color: var(--secondary-color);  font-size: 24px;margin-right: 10px;}
.ts-custom-modal .modal-header .close{color: var(--primary-color);   opacity: 1;   position: absolute;   top: 10px;
  right: 10px;   font-size: 30px;}
.ts-custom-modal .modal-dialog{height: 100%; max-width: 450px; display: flex;  flex-direction: column; justify-content: center;}
.ts-custom-modal .modal-content{padding: 0; border-radius: 10px;}
.ts-custom-modal .modal-body{padding: 1rem;   border-radius: 0 0 10px 10px; max-height: 450px;  overflow-y: auto;  overflow-x: hidden;margin-bottom: 10px;}
.ts-custom-modal .modal-body p{margin-bottom: 0.3rem;}
.ts-custom-modal ul.ts-modal-skills { padding: 0;  margin: 0;}
.ts-custom-modal ul.ts-modal-skills li {  list-style: none;  color: var(--primary-color);  font-size: 14px; line-height: normal;  margin-bottom: 11px;display: flex;  justify-content: space-between;    text-transform: capitalize;}
.ts-custom-modal ul.ts-modal-skills li .ts-years{font-size: 14px; font-weight: 400; color: var(--lightColorText); white-space: nowrap; padding-left:10px}


.ts-custom-modal.ts-custom-modal-review .modal-header{text-align: center;}
.ts-custom-modal.ts-custom-modal-review .modal-header .feedback-yes-no{width: 100%; margin: 0;}
.ts-custom-modal.ts-custom-modal-review .modal-header .feedback-yes-no strong { font-size: 17px; font-weight: 400; color: var(--lightColorText); display: block;}
.ts-custom-modal.ts-custom-modal-review .modal-header .rating-star > p{font-size: 24px; font-weight: 500; color: var(--primary-color); padding:0; margin:0;}
.ts-custom-modal.ts-custom-modal-review .modal-header .star {font-size: 30px!important;}
.ts-custom-modal.ts-custom-modal-review .modal-body{padding:1rem 1rem 0 1rem; margin-bottom: 0;}
.ts-custom-modal.ts-custom-modal-review .modal-body .popup-tabs-container{border-top: solid 1px #D8EBF5;}
.ts-custom-modal.ts-custom-modal-review .modal-body .popup-tab-content{padding: 15px 0;}
.ts-custom-modal.ts-custom-modal-review .modal-body .feedback-yes-no {  display: flex;  justify-content: space-between;  align-items: center;margin-bottom: 8px;}
.ts-custom-modal.ts-custom-modal-review .modal-body .feedback-yes-no strong {  font-size: 14px;  font-weight: 400;  color: var(--lightColorText);  display: block;}
.ts-custom-modal.ts-custom-modal-review .modal-body .rating-star{flex-grow: 1; text-align: right;}
.ts-custom-modal.ts-custom-modal-review .modal-body .ts-feedback-yes-no { font-size: 14px;  font-weight: 400;  color: var(--primary-color);}
.ts-custom-modal.ts-custom-modal-review .modal-body .ts-feedback-yes-no [class*="icon-ts"]{color: #3A6FD3;}


.ts-custom-modal.ts-pop-up{position: absolute; right: 0; z-index: 999; top: 100%;box-shadow: 0px 4px 12px rgba(0,0,0,0.1);  border-radius: 10px;}
.ts-custom-modal.ts-pop-up .modal-dialog{min-width: 295px; max-width: 295px; margin: 0;}
.ts-custom-modal.ts-pop-up .modal-content{border:none;}
.ts-custom-modal.ts-pop-up .modal-body{ max-height: 295px;}

.ts-custom-modal.ts-custom-modal-lg .modal-dialog{max-width:700px;}
.ts-custom-modal.ts-custom-modal-lg .modal-body{min-height: 250px;}

.ts-expertise-form .form-control {
  border: 1px solid #e0e0e0;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);
}
.ts-expertise-form .form-control:focus {
  border: 1px solid #e0e0e0;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.08);
}
.ts-keyword-experience {
  font-size: 12px;
  color: #70708e;
  padding-right: 12px;
}
button.ts-btn-small {
  font-size: 14px;
  height: 38px;
  line-height: normal;
  padding: 5px 10px;
}
.keyword-input-container .ts-keyword-input-button{
  right:15px;
}
hr.ts-hr {
  width: 100%;
  background-color: #0B4F6C;
  height: 1px;
  border: none;
}

/********** Header **********/
.ts-header-left-side{
  
}
.ts-header-right-side {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ts-freelancer #logo{
  padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    padding-right: 1rem;
    margin-right:0;
}
.ts-freelancer #logo img {
  width: 109px;
  height: auto;
}
.ts-freelancer #navigation {
  margin-top: 0;
}
.ts-freelancer #navigation ul li{
  padding: 0 1rem;
}
.ts-freelancer #navigation ul li a, 
.ts-freelancer #navigation ul ul li a {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.ts-freelancer #navigation ul li a:hover, 
.ts-freelancer #navigation ul ul li a:hover {
  color: var(--secondary-color);
}

.ts-freelancer #navigation ul a:only-child, 
.ts-freelancer #navigation ul li:hover ul a:only-child {
  padding: 0.5rem!important;
}

.ts-freelancer .header-notifications-trigger, 
.ts-freelancer .header-notifications-trigger a{
  transform: none;
    top: auto;
    position: relative;
    top: auto;
}
.ts-freelancer .header-notifications .header-notifications-trigger.active{
  border: none;
  padding:0;
  margin: 0;
}
.ts-freelancer .header-notifications .nav-link > [class*="icon-ts-"]{
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  color:#fff;
}
.ts-freelancer .header-notifications-trigger p {
  padding: 0;
  margin: 0;
}
.ts-freelancer .header-notifications.user-menu{
  margin: 0;
}
.ts-freelancer .header-notifications-dropdown{
  right: 0;
    top: calc(100% + 10px);
}
.header-notifications.active .header-notifications-dropdown{
  transform: none;
}
/********** Header **********/

/********** Admin **********/
.ts-dashboard-content-inner .form-check-inline .form-check-input{
  margin-bottom: 0;
}
.ts-dashboard-content-inner .form-check .form-check-input {
  margin-bottom: 0;
  margin-top: 2px;
}
.ts-star-custom{
  color: #f8b124;
  cursor: pointer;
}

.ts-custom-dropdown{
  width: 100%;
  position: relative;
}
.ts-custom-dropdown .ts-custom-dropdown-button {
  border: 1px solid #e0e0e0;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);
  display: block;
  width: 100%;
  max-width: 100%;
  text-transform: none;
  height: 38px;
  font-size: 16px;
  text-align: left;
  padding: 0 10px;
  color: grey;
  margin: 0 0 10px 0;
  font-weight: 500;
  border-radius: 4px;
  display: flex;
    align-items: center;
    justify-content: space-between;
}
.ts-custom-dropdown .ts-custom-dropdown-button:after {
  content: "";
  border: solid #c3c3c3;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  position: relative;
  top: -2px;
}
.ts-custom-dropdown ul.ts-custom-dropdown-list {
  padding: 0 10px;
  margin: 0;
  position: absolute;
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.3);
    border-radius: 4px;
    z-index: 999;
    top: 100%;
    left: 0;
    width: 100%;
    
}
.ts-custom-dropdown ul.ts-custom-dropdown-list li {
  list-style: none;
  display: block;
  border-bottom: solid 1px #e0e0e0;
  padding: 6px 0 10px 0;
  cursor: pointer;
}
.ts-custom-dropdown ul.ts-custom-dropdown-list li:last-child {
  border-bottom: none;
}
.ts-custom-dropdown .ts-expertise-name {
  display: block; 
}
.ts-custom-dropdown .ts-expertise-definition {
  display: block; 
  font-size: 11px;
  line-height: normal;
  color: #9b9b9b;
    font-weight: 400;
    letter-spacing: 0.2px;   
    padding-left: 5px;
}

/********** Admin **********/

.ts-freelancer .ts-tab-content-outer{
  padding-top: 5rem; 
  padding-bottom: 0;
}
.ts-freelancer .ts-tab-heading { 
  font-size: 24px;  
  color: var(--primary-color)!important;   
  position: relative;  
  margin-bottom: 1.5rem;  
  font-weight: 600;
}
.ts-freelancer .ts-position-fixed{
  position: fixed;
  /* top: 0; */
  width: 100%;
  z-index: 999;
  background: #fff;
  left: 0;
  padding-top: 2rem;
}

.ts-freelancer .ts-freelancer-tabs-body #ts-about-me-section{
  padding-top: 0;
}
/*
.ts-freelancer .ts-position-tabs-body-fixed #ts-about-me-section {
  padding-top: 18rem!important;
}*/
.ts-freelancer .ts-position-tabs-body-fixed .ts-tab-content-outer {
  padding-top: 4rem!important;
  
}



/* div#wrapper.ts-custom-header{
  padding-top:0;
}
div#wrapper.ts-custom-header #header-container{
position: static;
} */





/********** Search Freelancer **********/
@media(min-width:1200px){
  .ts-container{max-width: 1450px;}
  }
  .ts-freelancer .ts-shortlist{overflow: hidden;    padding-bottom: 3px; position: sticky; top: 78px; z-index: 9;}
  .ts-freelancer .ts-shortlist .ts-shortlist-inner{background-color: #E9ECEF; border: solid 1px #EEEEEE; border-radius: 10px; padding: 10px 30px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
        color: var(--primary-color); transition: all 0.5s ease 0s; max-height:250px;}

   .ts-shortlist.ts-close .ts-shortlist-inner{ max-height: 72px; overflow: hidden;box-shadow: none;border: none;}
   .ts-freelancer a.btn-ts-shortlist {    background-color: transparent; border-radius: 3px; color: var(--primary-color); text-decoration: none; font-size: 22px; line-height: 14px; padding: 0;  position: relative; top: 7px;right: -13px;  }
    .ts-freelancer   a.btn-ts-shortlist:hover{color:  var(--primary-color);; text-decoration: none;}    
      .ts-freelancer .ts-shortlist-title h3{ padding:0;  margin: 0; font-size: 16px; line-height: 24px; font-weight: 500;}
  .ts-freelancer .ts-shortlist-title p{ padding:0; margin: 0;font-size: 12px; line-height: 12px; font-weight: 400;letter-spacing: 0.5px;}
  .ts-freelancer .ts-btn-send-request,
  .ts-freelancer a.ts-btn-send-request{ background-color: var(--secondary-color);  display: inline-flex;  align-items: center; justify-content: center;
      padding:10px 20px; color: #ffffff; font-size: 14px;font-weight: 500;  border-radius: 5px;  box-shadow: 0px 5px 0px #D68F06;  outline: none; }
  
      .ts-freelancer ul.ts-shortlist-profiles{  padding: 0; margin: 20px 0 0 0; display: flex;  justify-content: space-between;}
  .ts-freelancer ul.ts-shortlist-profiles li{  list-style: none; background-color: #fff;  padding: 10px;  border-radius: 10px; display: flex;  flex-direction: column;
      align-items: center; justify-content: center; text-align: center; position: relative;  width: calc((100% / 5) - 25px); min-height: 110px;}
  .ts-freelancer ul.ts-shortlist-profiles li figure{ padding: 0; margin: 0; }
  .ts-freelancer ul.ts-shortlist-profiles li figure img{ width:70px; height: 70px;  border-radius: 70px;  object-fit: cover;}
  .ts-freelancer ul.ts-shortlist-profiles li h3{   padding: 0;     margin: 5px 0 0 0;  font-size: 12px; font-weight: 500;}
  .ts-freelancer ul.ts-shortlist-profiles li .btn-close{ background-color: #FFD9E7;  color: #AB0B44;  font-size: 8px;  display: inline-flex;  align-items: center;
      justify-content: center;  width: 22px; height: 22px;  border-radius: 22px;  cursor: pointer;  position: absolute; right: 5px; top: 5px;}



      .ts-freelancer .ts-filters{padding: 20px 0; display: flex; align-items: center; margin: 0 -15px; }
      .ts-freelancer .ts-filters .ts-total{color: var(--primary-color); position: relative; padding-left: 15px; padding-right: 25px; }
      .ts-freelancer .ts-filters .ts-total [class*="icon-"]{font-size: 32px;}
      .ts-freelancer .ts-filters .ts-total .ts-number{background-color: var(--primary-color); font-size: 11px; line-height: 11px; color: #fff; font-weight: 400;padding:4px 7px 2px 7px; border-radius:20px; display: inline-block; position: absolute;  left: 35px;    top: 0;}
      .ts-freelancer .ts-filters .ts-search{ padding-left: 15px; padding-right: 15px; flex-grow: 1;  }
      .ts-freelancer .ts-filters .ts-search .ts-seach-form{position: relative;}
      .ts-freelancer .ts-filters .ts-search .ts-seach-form .form-control{border: solid 1px var( --secondary-color); border-radius: 5px; height: 40px; box-shadow: 0px 3px 9px rgba(0,0,0,0.2);}
      .ts-freelancer .ts-filters .ts-search .ts-seach-form .ts-search-btn{background-color: var( --secondary-color); color: #fff; font-size: 15px; border: 0; outline: none;
      width: 50px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0 5px 5px 0; position: absolute; top: 0; right: 0;}
      .ts-freelancer .ts-filters .ts-sortby{ padding-left: 15px; padding-right: 15px; }
      .ts-freelancer .ts-filters .ts-sortby .form-control{height: 40px;  border-radius: 5px; border: solid 1px #EEEEEE; box-shadow: 0px 1px 1px rgba(0,0,0,0.25); padding:0 10px;}
      .ts-freelancer .ts-filters .ts-view{ padding-left: 15px; padding-right: 15px;width: 90px;     display: flex;    justify-content: space-between; }
      .ts-freelancer .ts-filters .ts-view a{color: var(--lightColorText); text-decoration: none; font-size: 22px;}        
      .ts-freelancer .ts-filters .ts-view a:hover{color: var(--secondary-color);} 
      .ts-freelancer .ts-filters .ts-view a.ts-active {color:var(--secondary-color);} 

      .ts-freelancer .ts-freelancer-card{border-radius: 15px;background-color: #FFFFFF; border: solid 1px #DFDFDF; margin: 15px 0;height: calc(100% - 30px);}
      .ts-freelancer .ts-freelancer-card:hover{box-shadow: 0px 8px 16px rgba(0,0,0,0.4);}
      .ts-freelancer .ts-freelancer-card.ts-active{box-shadow: 0px 8px 16px rgba(0,0,0,0.4);}
      .ts-freelancer .ts-freelancer-card .card-header{border-radius: 15px 15px 0 0; background-color: #F8F8FC; text-align: center; border: none;display: flex;
       flex-direction: column;    align-items: center; position: relative; }
       .ts-freelancer .ts-grid-view .ts-freelancer-card .card-header{min-height: 215px;}
       .ts-freelancer .ts-freelancer-card .ts-freelancer-select{position: absolute; right: 10px; top: 10px; background-color: var(--bgLight); border: solid 1px var( --secondary-color); width:32px; height: 32px; border-radius: 32px;  display:inline-flex; align-items: center; justify-content: center; cursor: pointer;}
       .ts-freelancer .ts-freelancer-card .ts-freelancer-select  .ts-icon{ color: #fff; line-height: 0;}
       .ts-freelancer .ts-freelancer-card .ts-freelancer-select.ts-active{background-color: var( --secondary-color);}  
       /* .ts-freelancer .ts-freelancer-card .ts-freelancer-select.ts-active .ts-icon{visibility: visible;}    */
       .ts-freelancer .ts-freelancer-card .card-image{padding: 0; margin: 0; display: inline-block;}
       .ts-freelancer .ts-freelancer-card .card-image img{width: 120px; height: 120px; border-radius: 120px; object-fit: cover; border: solid 1px #A4A4B9;}
       .ts-freelancer .ts-freelancer-card .card-title{padding:11px 0; margin: 0; color: var(--primary-color);font-size: 16px; font-weight: 500; display: inline-flex; flex-wrap:wrap; align-items: center;}
       .ts-freelancer .ts-freelancer-card .card-title .card-flag{margin-right: 5px;}
       .ts-freelancer .ts-freelancer-card .card-title .card-flag img{display: block; width: 21px; height: 14px;}
       .ts-freelancer .ts-freelancer-card .card-badges{width:100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly;}
       .ts-freelancer .ts-freelancer-card .card-endors{display: flex; align-items: center;}
       .ts-freelancer .ts-freelancer-card .card-endors .endors-badge{background-color: var(--link-color); display: inline-block; border-radius: 4px; font-size: 14px; font-weight: 500; padding:5px; color: #fff; line-height: 8px; margin-right: 5px;}
       .ts-freelancer .ts-freelancer-card .card-endors .endors-text{font-size: 12px; font-weight: 400;}                        
       .ts-freelancer .ts-freelancer-card .card-rating{display: flex; align-items: center;}
       .ts-freelancer .ts-freelancer-card .card-rating .rating-badge{background-color: var(--secondary-color); display: inline-block; border-radius: 4px; font-size: 12px; font-weight: 500; padding:5px; color: #fff; line-height: 8px; margin-right: 5px;}
       .ts-freelancer .ts-freelancer-card .card-body{background-color: #fff; padding:20px 20px 10px 20px;}
       .ts-freelancer .ts-freelancer-card .card-labels { display: flex;  flex-wrap: wrap;  align-items: flex-start; margin-bottom: 5px; }
       .ts-freelancer .ts-freelancer-card .card-labels-icon{color: var(--secondary-color); font-size:22px;width: 30px;}                        
       .ts-freelancer .ts-freelancer-card ul.card-labels-list{padding: 0; margin:0; width: calc(100% - 30px);}
       .ts-freelancer .ts-freelancer-card ul.card-labels-list li{list-style: none; display: inline-block;  border-radius: 15px;  padding: 4px 11px;  margin:0 3px 5px 0;  font-size: 12px; font-weight: 400; line-height: normal; }
       .ts-freelancer .ts-freelancer-card ul.card-labels-list li span{font-weight: 300;}
       .ts-freelancer .ts-freelancer-card ul.card-labels-list.expertise li.default{background-color:var(--bgLight); color: var(--lightColorText);}
       .ts-freelancer .ts-freelancer-card ul.card-labels-list.proficiencies li.default{background-color:var(--bgLight); color: var(--lightColorText);}
       .ts-freelancer .ts-freelancer-card ul.card-labels-list.therapy li.default{background-color:var(--bgLight); color: var(--lightColorText);}
       .ts-freelancer .ts-freelancer-card ul.card-labels-list.expertise li{background-color:#E0F6FF; color: #44B1DE;}
       .ts-freelancer .ts-freelancer-card ul.card-labels-list.proficiencies li{background-color:#FFE5D7; color: #F1671B;}
       .ts-freelancer .ts-freelancer-card ul.card-labels-list.therapy li{background-color:#FFD9E7; color: #AB0B44;}  
       .ts-freelancer .ts-freelancer-card .card-footer{background-color: #fff; padding:20px 20px 20px 20px; border: none; border-radius: 0 0 15px 15px;}         


       .ts-freelancer .ts-list-view .ts-freelancer-card{display: flex;  flex-direction: row;flex-wrap: wrap;    height: auto;  }
       .ts-freelancer .ts-list-view .ts-freelancer-card .card-header{width:43%; display: flex;  justify-content: space-between;   flex-direction: row;     align-items: center;border-radius: 15px 0 0 15px;}
       .ts-freelancer .ts-list-view .ts-freelancer-card .card-image{width: 140px;  text-align: left;}
       .ts-freelancer .ts-list-view .ts-freelancer-card .card-content {width: calc(100% - 140px);    text-align: left;}
       .ts-freelancer .ts-list-view .ts-freelancer-card .card-badges{justify-content: space-between;}
       .ts-freelancer .ts-list-view .ts-freelancer-card .card-action{margin-top: 10px;}
       .ts-freelancer .ts-list-view .ts-freelancer-card .card-body{width:57%;padding: 20px 40px 10px 20px;border-radius: 0 15px 15px 0;}



           .ts-freelancer .ts-sidebar{font-weight: 400;}         
           .ts-freelancer .ts-sidebar .ts-sidebar-inner{height: auto;}
           .ts-freelancer .ts-sidebar .ts-back-to-dashboard .btn-primary{height: 50px; display: inline-flex; align-items: center; justify-content: center;
      text-transform: capitalize; font-weight: 400; font-size: 16px;}
           .ts-freelancer .ts-sidebar .ts-sidebar-header {  background-color: #fff;  border-radius: 5px;   padding: 25px 20px;   display: flex;
          align-items: center;  justify-content: space-between;  margin: 10px 0; }
          .ts-freelancer .ts-sidebar .ts-sidebar-header h3{padding:0; margin: 0; color:var( --primary-color); font-weight: 600; font-size: 18px;}
          .ts-freelancer .btn-clearall{background-color: #FFD9E7; color: #AB0B44; font-size: 14px; font-weight: 400; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; outline: none;    padding: 5px 10px;}   
          .ts-freelancer .btn-clearall:hover,
          .ts-freelancer .btn-clearall:focus{background-color: #FFD9E7; color: #AB0B44;text-decoration: none;}
          .ts-freelancer .ts-sidebar .ts-sidebar-card{background-color: #fff; padding:20px; border-bottom: solid 1px #CCCCCC;}    
          .ts-freelancer .ts-sidebar .ts-sidebar-card h3.card-title{padding: 0; margin:0 ; font-size: 16px; font-weight: 500;color:var( --primary-color);}

          .ts-freelancer .ts-sidebar .ts-tooltip a{color: var(--secondary-color); font-size: 16px; line-height: normal;}

          .ts-freelancer .ts-sidebar .ts-area-of-expertise-form .custom-control{display: flex;align-items: center;}
          .ts-freelancer .ts-sidebar .ts-area-of-expertise-form .custom-control .custom-control-label{margin-right:10px;}
          .ts-freelancer .ts-sidebar .ts-area-of-expertise-form .custom-control-input:checked~.custom-control-label::before{background-color: var(--primary-color); border-color:  var(--primary-color);}
          .ts-freelancer .ts-sidebar .ts-area-of-expertise-form .custom-control-label{    font-size: 14px; line-height: normal; font-weight: 400;}
          .ts-freelancer .ts-sidebar .ts-area-of-expertise-form .custom-control-label::before{top: 0.15rem;}
          .ts-freelancer .ts-sidebar .ts-area-of-expertise-form .custom-control-label::after{top: 0.15rem;}
          .ts-freelancer .ts-sidebar .ts-area-of-expertise-form .custom-control-input:checked~.custom-control-label{ color: var(--primary-color);}
          
          .ts-freelancer .ts-sidebar .ts-no-selection{color: #8b8b8b; font-weight: normal; white-space: nowrap;}
          .ts-freelancer .ts-sidebar .ts-switch-field { padding: 2px; overflow: hidden;   border: solid 1px var(--link-color);  border-radius: 3px; display: flex;}             
          .ts-freelancer .ts-sidebar .ts-switch-field input { display: none;}
          .ts-freelancer .ts-sidebar .ts-switch-field label {float: left;}              
          .ts-freelancer .ts-sidebar .ts-switch-field label {display: inline-block; background-color: #fff; color: var(--lightColorText); font-size: 12px; line-height: normal; font-weight: 500;
              text-align: center; text-shadow: none; padding: 3px 8px; margin: 0; border-radius: 3px; transition:  all 0.1s ease-in-out; text-transform: uppercase;}              
          .ts-freelancer .ts-sidebar .ts-switch-field label:hover { cursor: pointer; }              
          .ts-freelancer .ts-sidebar .ts-switch-field input:checked + label {background-color: var(--link-color); color: white;}
          .ts-freelancer .ts-sidebar .ts-switch-field.ts-switch-field-large label{width: 50%; padding: 8px 8px; font-size: 16px;}


          .ts-freelancer .ts-sidebar .ts-switch-toggle { position: relative; display: inline-block; width: 50px; height: 30px;}              
          .ts-freelancer .ts-sidebar .ts-switch-toggle input { opacity: 0; width: 0; height: 0;}              
          .ts-freelancer .ts-sidebar .ts-switch-toggle .ts-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 30px;
                background-color: #ccc; transition: all 0.5s ease 0s;}              
          .ts-freelancer .ts-sidebar .ts-switch-toggle .ts-slider:before {position: absolute; content: ""; height: 20px; width: 20px;border-radius: 20px; left: 5px; bottom: 5px;               
                background-color: #ffffff; transition: all 0.5s ease 0s;}              
          .ts-freelancer .ts-sidebar .ts-switch-toggle input:checked + .ts-slider {background-color: var(--link-color);}              
          .ts-freelancer .ts-sidebar .ts-switch-toggle input:focus + .ts-slider { box-shadow: 0 0 1px var(--link-color);}              
          .ts-freelancer .ts-sidebar .ts-switch-toggle input:checked + .ts-slider:before { transform: translateX(100%); right: 25px; left: auto;}




          .ts-freelancer .ts-sidebar .ts-filter-tag { background-color: var(--bgLight); border-radius: 3px; padding: 3px 20px 3px 8px; font-size: 12px; font-weight: 400;  display: inline-flex;flex-direction: column; align-items: center; position: relative; margin:0 5px 5px 0 ; }
          .ts-freelancer .ts-sidebar .ts-filter-tag [class*="icon"] { cursor: pointer; position: absolute; right: 6px;  top: 50%; transform: translateY(-50%);    font-size: 8px;}
          .ts-freelancer .ts-sidebar .ts-filter-tag .ts-sub-tag{color: #A6A6C4;}
          .ts-freelancer .ts-sidebar .btn-show-more{color: var(--link-color); text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 500;}

          .ts-freelancer .ts-sidebar .ts-review-star{font-size: 14px;}
          .ts-freelancer .ts-sidebar .ts-review-star .ts-fill{color: var( --secondary-color);}
          .ts-freelancer .ts-sidebar .ts-review-star .custom-radio .custom-control-label::before {border-radius: .25rem;}
          .ts-freelancer .ts-sidebar .ts-review-star .custom-control-label::before{top: .40rem;}
          .ts-freelancer .ts-sidebar .ts-review-star .custom-control-label::after{top: .40rem;}
          .ts-freelancer .ts-sidebar .ts-review-star .icon-ts-star { margin-right: 3px;}
          .ts-freelancer .ts-sidebar .ts-review-star .custom-control-input:checked~.custom-control-label::before {
              background-color: var(--primary-color);
              border-color: var(--primary-color);
          }
          .ts-freelancer .ts-sidebar .ts-review-star .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
              background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");              
            }
            

            .ts-freelancer .ts-sidebar .btn-more-filter{background-color: var( --secondary-color); color: #fff; text-decoration: none; border-radius: 3px; font-size: 14px; display: inline-flex; justify-content: center; align-items: center;  padding: 2px 11px;}
            .ts-freelancer .ts-sidebar .btn-more-filter [class*="icon"]{font-size: 10px; margin-left: 5px;   }
            .ts-freelancer.ts-sidebar .btn-more-filter:hover{background-color: var( --secondary-color); color: #fff; text-decoration: none;}

            .ts-freelancer .ts-sidebar .ts-more-filter-card{ border:solid 1px  var( --secondary-color); border-radius: 3px;}
            .ts-freelancer .ts-sidebar .ts-more-filter-card .card-body{padding: 15px;}
            .ts-freelancer .ts-sidebar .ts-more-filter-card h4.card-title{padding: 0; margin: 0 0 5px 0; font-size: 14px; font-weight: 400;color:var( --primary-color);}
            .ts-freelancer .ts-sidebar .ts-more-filter-card .form-control{font-size: 12px;}
            .ts-freelancer .ts-sidebar .ts-more-filter-card .btn-primary{padding: 4px 15px; font-size: 14px;font-weight: 400;}
            .ts-freelancer .ts-sidebar .ts-more-filter-card .ts-custom-dropdown .ts-custom-dropdown-button{font-size: 12px; height: 30px;border-color: #A4A4B9;}
            .ts-freelancer .ts-sidebar .ts-more-filter-card .ts-range-slider-label { font-size: 12px; text-align: center;}
            .ts-freelancer .ts-sidebar .ts-more-filter-card .ts-custom-range-slider .ng5-slider .ng5-slider-bubble{bottom: -33px;         font-size: 12px;}

            .ts-freelancer .ts-sidebar .ts-custom-bottom-arrow{position:relative;}
            .ts-freelancer .ts-sidebar .ts-custom-bottom-arrow:after{position: absolute; content: "\e932"; font-family: "talus-font";  z-index: 999;  color: var(--primary-color); right: 7px;top: 50%;
              transform: translateY(-50%); font-size: 10px;}

              .ts-freelancer .ts-sidebar .mat-autocomplete-trigger { font-family: var(--primary-font); font-weight: 400;border-color:#A4A4B9; font-size: 14px;}
              .ts-freelancer .ts-sidebar  .mat-option{ font-family: var(--primary-font);font-weight: 400; white-space: normal; overflow: visible;  text-overflow: unset; line-height: normal;}

              .ts-freelancer .ts-sidebar .ts-custom-range-slider{text-align: center;}
              .ts-freelancer .ts-sidebar .ts-custom-range-slider .ng5-slider{margin: 10px 0 15px 0;}
              .ts-freelancer .ts-sidebar .ts-custom-range-slider .ng5-slider .ng5-slider-pointer{width: 22px;  height: 22px;     border-radius: 22px; top: -11px;background-color: var(--link-color);}
              .ts-freelancer .ts-sidebar .ts-custom-range-slider .ng5-slider .ng5-slider-pointer:after{top: 7px;left: 7px; visibility: hidden;}
              .ts-freelancer .ts-sidebar .ts-custom-range-slider .ng5-slider .ng5-slider-bar{height: 3px;}
              .ts-freelancer .ts-sidebar .ts-custom-range-slider .ng5-slider .ng5-slider-selection{background: #e8e8ec;}
              .ts-freelancer .ts-sidebar .ts-custom-range-slider .ng5-slider .ng5-slider-bubble{bottom: -40px;}
              .ts-freelancer .ts-sidebar .ts-custom-range-slider .ts-range-slider-label { font-size: 14px;}

              .ts-freelancer .ts-sidebar .ts-custom-dropdown ul.ts-custom-dropdown-list li{position:relative}
              .ts-freelancer .ts-sidebar .ts-custom-dropdown ul.ts-custom-dropdown-list li .ts-custom-tick{position: absolute;  right: 0; top: 3px;}
              .ts-freelancer .ts-sidebar .ts-custom-dropdown ul.ts-custom-dropdown-list li .ts-custom-tick:before{font-family: "Feather-Icons"; content: "\e92b"; color: #086788;}

              
              .ts-freelancer .ts-sidebar .mat-autocomplete-trigger{background-image: url("../images/arrow-down.png"); background-repeat: no-repeat;
              background-size: 11px auto; background-position: center right 10px;}



              .ts-freelancer .ts-pagination-container{display:flex; flex-wrap: wrap; justify-content: space-between;}
              .ts-freelancer .ts-show-custom-list  .form-control { height: 40px;  border-radius: 5px;  border: solid 1px #EEEEEE; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); padding: 0 10px;}




              /********** MFA **********/
              .mfa-card .mfa-card-title{padding: 0; margin: 0 0 15px 0; font-size: 26px;}
              .mfa-card .mfa-card-text{padding:0; margin: 0 0 15px 0; font-size: 18px;}
              .mfa-card .mfa-otp-counter { padding-bottom: 30px; font-size: 26px; text-align: center;}
              .mfa-card .mfa-otp-input .wrapper { display: flex; justify-content: center; align-items: center; }
              .mfa-card .mfa-action a.button{color: #ffffff;}
              .mfa-card .mfa-action .mfa-link-button,
              .mfa-card .mfa-action a.mfa-link-button:not([href]):not([tabindex]) {  color: #086788; font-weight: 600; text-decoration: underline;cursor: pointer;
              position: relative; }
              .mfa-card .mfa-action .mfa-link-button .lds-ring,
              .mfa-card .mfa-action a.mfa-link-button:not([href]):not([tabindex]) .lds-ring{right: -44px; position: absolute; top: -7px;z-index: 999;
                width: 40px; height: 40px;}
              .mfa-card .mfa-action button[type="submit"]:disabled{opacity: 0.5; pointer-events: none;}
              .mfa-card .mfa-remember-device { display: flex; align-items: center;justify-content: center;}
              .mfa-card .mfa-remember-device input[type=checkbox] {display: inline; width: 24px; height: 24px;    margin: 0 5px 0 0; }
              @media(max-width:767px){
                .mfa-card  .form-control {width:40px; height:40px;  padding: 1px;}
                }
                
              /********** MFA **********/ 

                /********** experties rate table  **********/ 
                .ts-table-rates-outer {  overflow-x: auto; }
                .ts-table-rates-outer .sticky-first-column,
                .ts-table-rates-outer .sticky-heading {
                  position: sticky;  
                  z-index: 2; /* ensure that the sticky headings are above the regular rows */
                }                
                .ts-table-rates-outer .sticky-first-column { left: 0;}                
                .ts-table-rates-outer .sticky-heading {top: 0; }



                .ts-table-rates-outer .ts-table-rates{width: 100%; }
                .ts-table-rates-outer .ts-table-rates th{padding:9px 10px;border: solid 3px #ffffff; font-size: 16px; line-height: normal; vertical-align: middle;}
                .ts-table-rates-outer .ts-table-rates td{padding:8px 10px;border: solid 3px #ffffff; font-size: 16px; line-height: normal;vertical-align: middle; min-width: 150px;}
        
                .ts-table-rates-outer .ts-table-rates td{border-bottom: solid 7px #ffffff ; position: relative; text-align: center;font-weight: 700;}
                .ts-table-rates-outer .ts-table-rates th{background-color: #070731; color: #ffffff;}
              
                .ts-table-rates-outer .ts-table-rates thead tr:nth-child(1) th,
                .ts-table-rates-outer .ts-table-rates thead tr:nth-child(2) th{padding:15px 10px;}

                .ts-table-rates-outer .ts-table-rates .ts-expertise-title{min-width:250px; text-align: left; vertical-align: middle;}
                .ts-table-rates-outer .ts-table-rates .ts-expertise-title [class*="icon"]{color: #F8B124; font-size: 26px; line-height: normal; margin-right: 5px; position: relative; top:5px;}
                .ts-table-rates-outer .ts-table-rates .ts-expertise-name{min-width:250px; text-align: left;}
                .ts-table-rates-outer .ts-table-rates .ts-expertise-name .icon-ts-info{position: relative; top: 2px;}
                .ts-table-rates-outer .ts-table-rates td:before{position: absolute; content: ""; width: 100%; height: 1px; background-color: transparent; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
                left: 0; bottom: 0px;}
                .ts-table-rates-outer .ts-table-rates  .ts-country-flag{display: block; text-align: center; margin-bottom: 5px;}   
                .ts-table-rates-outer .ts-table-rates  .ts-country-flag img{width:auto; height:20px;}
                ::ng-deep .custom-tooltip-rate .tooltip-inner {background-color: #ffcc00;color: #000;padding: 10px;border-radius: 4px; 
                  font-size: 14px;max-width: 200px; text-align: center;  }
                ::ng-deep .custom-tooltip-rate .arrow::before {border-top-color: #ffcc00;}
                ::ng-deep .frate-tooltip-rate .tooltip-inner {background-color: #ffcc00;color: #000;padding: 10px;border-radius: 4px; 
                  font-size: 14px;max-width: 200px; text-align: center;  }
                ::ng-deep .frate-tooltip-rate .arrow::before {border-top-color: #ffcc00;}
                .ts-table-rates-outer::-webkit-scrollbar {height: 12px;}
                .ts-table-rates-outer::-webkit-scrollbar-thumb {background-color: #888;border-radius: 10px;}

                .ts-table-rates-outer::-webkit-scrollbar-thumb:hover {background-color: #555; }
                .ts-table-rates-outer::-webkit-scrollbar-track {background-color: #f1f1f1; border-radius: 10px;}
                .ts-table-rates-outer {scrollbar-width: auto;scrollbar-color: #44b1de#f1f1f1;}
                .ts-table-rates {overflow-x: auto;}
                input.ts-select-arrow{background-image: url("../images/arrow-down.png"); background-repeat: no-repeat;
                  background-size: 11px auto; background-position: center right 10px;}
                  .ts-table-rates .tooltip{left:100px!important;}
                  .ts-table-rates .tooltip.bs-tooltip-top .arrow{left:45px!important;}
                  .ts-table-rates .tooltip-inner{min-width:300px;}





                  @media(max-width:600px)  {
                    table.ts-table-rates tr{display: table-row!important;}
                    table.ts-table-rates th{ display: table-cell!important;}
                    table.ts-table-rates td{ display: table-cell!important; width: auto!important;}
                  }

                /********** experties rate table  **********/

                 
                /********** Job Contract  **********/ 
                .ts-custom-checkbox label span.checkbox-icon{top: 5px;}
                .ts-custom-checkbox .ts-contract-label{margin-left:30px;}
                /********** Job Contract  **********/ 


              .ts-freelancer .page-item {margin-right: 10px;}
              .ts-freelancer .pagination .page-link {border: solid 1px var(--primary-color); border-radius:5px; margin: 0; padding: 5px; width: 40px; height: 40px; display: inline-flex;
                align-items: center;  justify-content: center; line-height: normal; position:relative;}
                .ts-freelancer .pagination .page-link:hover{background-color: var(--primary-color);color: #fff;}
                .ts-freelancer .pagination .page-item.active .page-link {background-color: var(--primary-color);color: #fff;}
                .ts-freelancer .pagination .page-link span { font-size: 20px; }

                .ts-bootstrap-tooltip-custom .tooltip-inner { background-color: var(--primary-color); }


                .ts-custom-loader { 
                  position: fixed;
                  width: 75%;
                  height: 100%;
                  top: 0;
                  left: 25%;
                  bottom: 0;
                  right: 0;
                  height: 100vh;
                  z-index: 999999999;
                }

                .ts-custom-loader .loader{
                  width: 70px;
                  height: 70px;
                  border-radius: 50%;
                  display: table;
                  position: absolute !important;
                  border: 3px solid;
                  border-color: #44b1de #44b1de transparent transparent;
                  box-sizing: border-box;
                  animation: rotation 1s linear infinite;
                  z-index: 9999999999999 !important;
                  margin: 50px auto 50px auto;
                  left: 0 !important;
                  right: 0 !important;
                  bottom: 0 !important;
                  top: 200px !important;
                  margin: auto !important;
              }
              .loader100vh {
                min-height: 100vh !important;
              }


              .ts-nodata-found{width: 100%;  text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 15px 50px 15px;}
              .ts-nodata-found .icon-ts-nodata-found{    font-size: 40px; color: #AB0B44;}
              .ts-btn-sidebar-toggle{display: none;}

              /********** Message **********/
              .ts-messages-container .message-reply {display: flex; justify-content: space-between; align-items: flex-end; position: relative;}
              .ts-messages-container .message-reply .ts-angular-editor { width:calc(100% - 60px);}              
              .ts-messages-container .message-reply .button{font-size: 0; width: 40px; height: 40px; border-radius: 40px; padding: 0; display: inline-flex; align-items: center;
                justify-content: center; position: relative; align-self: flex-end;}
              .ts-messages-container .message-reply .button:after{    font-family: 'talus-font' !important; content: "\e938"; font-size: 14px; }
              .ts-messages-container .ts-message-action{display:flex; justify-content: space-between;}
              .ts-messages-container .ts-message-action small{position: absolute; right: -15px; top: 2px; color: #8a8d91; font-size: 12px; cursor: pointer;}
              .ts-messages-container .ts-message-setting { position: absolute; padding: 0; margin: 0; background-color: transparent; bottom: -16px; right: 0; line-height: 0; }
              .ts-messages-container .ts-message-setting span{ background-color: transparent; font-size: 12px; padding: 0;}
              .ts-messages-container .ts-message-setting .ts-message-send{color: #ccc;}
              .ts-messages-container .ts-message-setting .ts-message-delivered{color: #ccc;}
              .ts-messages-container .ts-message-setting .ts-message-read{color:#3a6fd3;}

              .ts-messages-container .message-bubble .message-text p a{color:#3a6fd3;}
              .ts-messages-container .message-bubble.me .message-text p a{color:#00f1ff;}
              .messages-container-inner .messages-inbox .message-by p.ts-message-list-data a{padding:0;}
              .header-notifications-content ul li .notification-msg-text a{padding:0;display: inline-block; color: #3a6fd3;}
              .header-notifications-content ul li .notification-msg-text { padding: 0; width: 230px; display: block; max-height: 46px; overflow: hidden;}
              .header-notifications-content ul li .notification-msg-text.ts-message-not-read{font-weight: bold;}

              .ts-messages-container .ts-message-action .dropdown-item{line-height: normal;    padding: 5px 10px;display: flex;
                align-items: center;font-size: 14px;}
                .ts-messages-container .ts-message-action .dropdown-item [class*="icon"] {  display: inline-block;  width: 25px;  }
             .ts-messages-container .ts-message-action .dropdown-menu.show{left:auto!important; right: 0!important; top: 22px!important; transform: none!important;min-width: auto;}

             .ts-messages-container .ts-switch-toggle-outer { position: absolute; right: 80px;  top: 21px; z-index: 999;display: inline-flex; align-items: center; }
             .ts-messages-container .ts-switch-toggle-outer .icon-ts-info{color: #f8b124;}
             .ts-messages-container .ts-switch-toggle { position: relative; display: inline-block; width: 40px; height: 20px; margin: 0 5px 0 0;}              
               .ts-messages-container .ts-switch-toggle input { opacity: 0; width: 0; height: 0;}              
              .ts-messages-container .ts-switch-toggle .ts-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 30px;
                background-color: #ccc; transition: all 0.5s ease 0s;}              
                .ts-messages-container .ts-switch-toggle .ts-slider:before {position: absolute; content: ""; height: 14px; width: 14px;border-radius: 14px; left: 3px; bottom: 3px;               
                background-color: #ffffff; transition: all 0.5s ease 0s;}              
                .ts-messages-container .ts-switch-toggle input:checked + .ts-slider {background-color: #3a6fd3;}              
                .ts-messages-container .ts-switch-toggle input:focus + .ts-slider { box-shadow: 0 0 1px #3a6fd3;}              
                .ts-messages-container .ts-switch-toggle input:checked + .ts-slider:before { transform: translateX(100%); right: 17px; left: auto;}
                .ts-messages-container .ts-custom-tooltip-message{min-width:150px;}

                .ts-messages-container .ts-no-message-found{width: 100%;text-align: center; height: 50vh; display: flex; align-items: center; justify-content: center; color: #ab0b44;}
                .ts-messages-container .messages-headline input{padding: 5px 35px 5px 10px;}
                .ts-message-text-body span{ background-color: transparent; font-size: inherit; color: inherit;  z-index: auto; position: static; padding: 0;}    
                
                .ts-messages-container .nav.message-nav a{display: inline-flex;  align-items: center; justify-content: center;  line-height: normal;}
                .ts-messages-container .messages-inbox ul { max-height: calc(100vh - 300px); }
                .ts-messages-container .message-time-name{position: absolute;  left: 70px; top: -20px; display: block; color: #000; font-size: 12px;
                  color: #8a8d91;}
                /********** Message **********/

                  /********** Availability **********/
                .ts-switch-card .ts-switch-field { padding: 2px; overflow: hidden;   border: solid 1px #3a6fd3;  border-radius: 3px; display: flex;}             
                .ts-switch-card .ts-switch-field input { display: none;}
                .ts-switch-card .ts-switch-field label {float: left;}              
                .ts-switch-card .ts-switch-field label {display: inline-block; background-color: #fff; color: #70708e; font-size: 12px; line-height: normal; font-weight: 500;
              text-align: center; text-shadow: none; padding: 3px 8px; margin: 0; border-radius: 3px; transition:  all 0.1s ease-in-out; text-transform: uppercase;}              
              .ts-switch-card .ts-switch-field label:hover { cursor: pointer; }              
              .ts-switch-card .ts-switch-field input:checked + label {background-color: #3a6fd3; color: white;}
              .ts-switch-card .ts-switch-field.ts-switch-field-large label{width: 50%; padding: 8px 8px; font-size: 16px;}
            /********** Availability **********/

              @media(max-width:991px){
              .ts-btn-sidebar-toggle{display: flex;   justify-content: space-between;  align-items: center; background-color: var(--link-color); color: #fff;    padding: 10px 10px;
                border-radius: 5px;  cursor: pointer;   margin-top: 10px; margin-bottom: 10px;}
                .ts-btn-sidebar-toggle  .ts-sidebar-toggle-text{display: inline-block; font-size: 16px; font-weight: 600;}
                .ts-btn-sidebar-toggle .ts-sidebar-toggle-icon{display: inline-block; position: relative;   font-size: 16px;  line-height: normal;}
                .ts-btn-sidebar-toggle .ts-sidebar-toggle-icon:before{font-family: 'talus-font' !important; content: "\e936";}
                .ts-btn-sidebar-toggle.active .ts-sidebar-toggle-icon:before{content: "\e922";}
                .ts-freelancer .ts-sidebar .ts-sidebar-inner{height: 0;overflow: hidden; transition: all 0.5s ease 0s;}
                .ts-freelancer .ts-sidebar .ts-sidebar-inner.active{height: 60vh;   overflow: auto;  margin-bottom: 20px;}
               
              }
              @media(max-width:767px){
                .ts-freelancer a.btn-ts-shortlist{top: 10px; right: -3px;}
                .ts-freelancer .ts-shortlist .ts-shortlist-inner{padding:10px 10px;}
                .ts-freelancer .ts-btn-send-request, .ts-freelancer a.ts-btn-send-request{padding: 5px 10px; font-size: 12px; line-height: normal;}
                .ts-freelancer .ts-shortlist-profiles-outer { width: 100%;overflow: auto;}
                .ts-freelancer ul.ts-shortlist-profiles{min-width: 500px;}
                .ts-freelancer ul.ts-shortlist-profiles li{width: calc((100% / 5) - 10px); padding: 5px; min-height: 68px;}
                .ts-freelancer ul.ts-shortlist-profiles li figure img{width: 40px; height: 40px; border-radius: 40px !important;}
                .ts-freelancer ul.ts-shortlist-profiles li h3{font-size: 10px;}
                .ts-freelancer ul.ts-shortlist-profiles li .btn-close{right: 10px; top: 5px;}
                .ts-freelancer .ts-grid-view .ts-freelancer-card .card-header {min-height: auto;}


                .ts-freelancer .ts-filters{flex-wrap: wrap;}
                .ts-freelancer .ts-filters .ts-total{width:20%;}
                .ts-freelancer .ts-filters .ts-search{width:80%;}
                .ts-freelancer .ts-filters .ts-sortby{width:100%;}
                .ts-freelancer .ts-filters .ts-view{display:none;}
              }
              
              
              .cke_notifications_area {
                  display: none;
              }
              
          /********** Personalised-Directory  **********/
          .dashboard-sidebar{z-index: 99;}
        .ts-pd-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
        .ts-pd-top .ts-pd-info { border-right: solid 3px var(--secondary-color); font-size: 14px; font-weight: 500; text-align: right; padding-left: 10px; padding-right: 10px;
        color: var(--primary-color);}
        .ts-pd-shortlist{    margin-bottom: 10px;}
        .ts-pd-shortlist .ts-pd-shortlist-inner{background-color: #E9ECEF; border: solid 1px #EEEEEE;  border-radius: 10px; padding:10px 10px;
        box-shadow: 0px 1px 1px rgba(0,0,0,0.3);  color: var(--primary-color); display: flex;  align-items: center;  justify-content: space-between;}        
        .ts-pd-shortlist ul.ts-pd-shortlist-profiles{  padding: 0; margin: 0; display: flex;  justify-content: flex-start;}
        .ts-pd-shortlist ul.ts-pd-shortlist-profiles li{  list-style: none; background-color: #fff;  padding: 10px;  border-radius: 10px; display: flex;  flex-direction: column;
            align-items: center; justify-content: center; text-align: center; position: relative;  min-width: 120px; max-width: 120px; margin-right: 10px;}
        .ts-pd-shortlist ul.ts-pd-shortlist-profiles li figure{ padding: 0; margin: 0; }
        .ts-pd-shortlist ul.ts-pd-shortlist-profiles li figure img{ width:50px; height: 50px;  border-radius: 50px;  object-fit: cover; border: solid 1px #A4A4B9;}
        .ts-pd-shortlist ul.ts-pd-shortlist-profiles li h3{   padding: 0;     margin: 5px 0 0 0;  font-size: 12px; font-weight: 500;}
        .ts-pd-shortlist ul.ts-pd-shortlist-profiles li .btn-close{ background-color: #FFD9E7;  color: #AB0B44;  font-size: 8px;  display: inline-flex;  align-items: center;
            justify-content: center;  width: 22px; height: 22px;  border-radius: 22px;  cursor: pointer;  position: absolute; right: 5px; top: 5px;}


        .ts-pd-filters{padding:0; display: flex; align-items: center; margin: 0 -15px; }        
        .ts-pd-filters .ts-search{ padding-left: 15px; padding-right: 15px; flex-grow: 1;  }
        .ts-pd-filters .ts-search .ts-seach-form{position: relative;}
        .ts-pd-filters .ts-search .ts-seach-form .form-control{border: solid 1px var( --secondary-color); border-radius: 5px; height: 40px; box-shadow: 0px 3px 9px rgba(0,0,0,0.2);}
        .ts-pd-filters .ts-search .ts-seach-form .ts-search-btn{background-color: var( --secondary-color); color: #fff; font-size: 15px; border: 0; outline: none;
        width: 50px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0 5px 5px 0; position: absolute; top: 0; right: 0;}
        .ts-pd-filters .ts-sortby{ padding-left: 15px; padding-right: 15px;width: 350px; }
        .ts-pd-filters .ts-sortby .form-control{height: 40px;  border-radius: 5px; border: solid 1px #EEEEEE; box-shadow: 0px 1px 1px rgba(0,0,0,0.25);}
        .ts-pd-filters .ts-sortby .mat-autocomplete-trigger{border: solid 1px var( --secondary-color); border-radius: 5px; height: 40px; box-shadow: 0px 3px 9px rgba(0,0,0,0.2);}
        .ts-pd-filters .ts-sortby .mat-autocomplete-trigger:focus{border: solid 1px var( --secondary-color); border-radius: 5px; height: 40px; box-shadow: 0px 3px 9px rgba(0,0,0,0.2);}
        .ts-pd-filter-selected { margin-bottom: 10px;}
        .ts-pd-filter-selected ul.ts-pd-filter-list{padding:0; margin: 0;}
        .ts-pd-filter-selected ul.ts-pd-filter-list li{list-style-type: none; display: inline-flex; align-items: center; justify-content: space-between; background-color: #fff; border-radius: 3px; padding: 3px 7px; margin: 3px 5px 3px 0; color: var(--lightColorText); font-size: 12px; line-height: normal; font-weight: 400;    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);}
        .ts-pd-filter-selected ul.ts-pd-filter-list li [class*="icon"]{font-size: 8px; margin-left: 5px; cursor: pointer;}     

            .ts-pd-table-wrapper{display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;min-height: 250px;}
            .ts-pd-table{width: 100%; min-width: 1100px;}
            .ts-pd-table tr th:nth-child(1){width: 22%;}
            .ts-pd-table tr th:nth-child(2){width: 21%;}
            .ts-pd-table tr th:nth-child(3){width: 10%;}
            .ts-pd-table tr th:nth-child(4){width: 12%;}
            .ts-pd-table tr th:nth-child(5){width: 20%;}
            .ts-pd-table tr th:nth-child(6){width: 15%;}
            .ts-pd-table thead tr th{background-color: var(--primary-color); color: #ffffff; font-size: 14px;   line-height: 20px;  font-weight: 500; padding:5px 10px;  border-right: solid 1px #e3e3e3; vertical-align: middle;}
            .ts-pd-table thead tr th:last-child{border-right:none;}
            .ts-pd-table tbody tr td{color: var(--primary-color);font-size: 14px;   line-height: 20px;  font-weight: 400; padding:5px 10px;  border-right: solid 1px #e3e3e3;vertical-align: middle;}
            .ts-pd-table tbody tr td:last-child{border-right: none;}

            .ts-pd-table tbody tr:nth-child(odd) {background-color: #F8F8FC;}
            .ts-pd-table tbody tr:nth-child(even) {background-color: #ffffff;}

            .ts-pd-table .ts-pd-user{display: flex; flex-wrap: wrap; align-items: center;}
            .ts-pd-table .ts-freelancer-select{background-color: var(--bgLight); border: solid 1px var( --secondary-color); width:24px; height: 24px; border-radius: 24px;  display:inline-flex; align-items: center; justify-content: center; cursor: pointer;}
            .ts-pd-table .ts-freelancer-select  .ts-icon{ visibility: hidden; color: #fff; line-height: 0;}
            .ts-pd-table .ts-freelancer-select.ts-active{background-color: var( --secondary-color);}  
            .ts-pd-table .ts-freelancer-select.ts-active .ts-icon{visibility: visible;}   
            .ts-pd-table .ts-freelancer-image img{width: 40px; height: 40px; border-radius: 40px; object-fit: cover; border: solid 1px #A4A4B9;}
            .ts-pd-table ul.ts-pd-expertise{padding:0; margin: 0; display: flex; flex-wrap: wrap;}
            .ts-pd-table ul.ts-pd-expertise li{background-color: #ECECEE; color: var(--primary-color); font-size: 14px; line-height: 14px; font-weight: 400; display: inline-block;
            border-radius: 30px; padding: 5px 8px; margin:2px 5px 2px 0;} 
            .ts-pd-table ul.ts-pd-expertise li.ts-expertise-hightlist{ background-color: #E0F6FF;color: #44B1DE;}

            .ts-pd-table .ts-pd-name{font-weight: 500;}
            .ts-pd-table .ts-pd-name .ts-freelancer-select{margin-right: 10px;}
            .ts-pd-table .ts-pd-name .ts-freelancer-image{margin-right: 10px;}
            .ts-pd-table .ts-pd-name .ts-freelancer-name{width: calc(100% - 84px);}            
            .ts-pd-table .ts-pd-date{white-space: nowrap;}
            .ts-pd-table .ts-pd-notes span{display: inline-block;} 
            .ts-pd-table .ts-pd-notes ol, 
            .ts-pd-table .ts-pd-notes ul {padding: 0;  margin: 0; }
            .ts-pd-table .ts-pd-notes ol li, 
            .ts-pd-table .ts-pd-notes ul li {list-style-position: inside; }

            .ts-pd-table .ts-pd-notes .ts-more{text-decoration: underline; font-weight: 500;}
            .ts-pd-table .ts-pd-actions [class*="icon"] { font-size: 24px;}
            .ts-pd-table .ts-pd-actions .btn-primary{padding:7px 12px; margin: 0 3px 0 10px; white-space: nowrap; font-weight: 500;}            
            .ts-pd-table .ts-pd-actions .btn-primary.disabled{background-color: #E9ECEF; color: #919191;pointer-events: none;}
            .ts-pd-table .ts-pd-actions .dropdown-toggle:after{display: none;}
            .ts-pd-table .ts-pd-actions .dropdown-menu {border: none; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); }
            .ts-pd-table .ts-pd-actions .dropdown-menu a{font-size: 14px; font-weight: 500;text-align: right; display: block;    text-shadow: none; padding: 8px 20px;}
            .ts-pd-table .ts-pd-actions .dropdown-menu a.btn-remove{color: #AB0B44;}
            .ts-pd-table .ts-pd-nodata { display: inline-block;  margin: 50px auto; padding: 30px 20px; border-radius: 5px; background-color: #CFF4FC;
              color: #055160; max-width: 800px; }
            .ts-freelancer .mat-autocomplete-trigger {
              background-image: url("../images/arrow-down.png");
              background-repeat: no-repeat;
              background-size: 11px auto;
              background-position: center right 10px;
            }
            .pd-table-loader{text-align: center;}
            .pd-table-loader .loader{display: inline-flex!important;}
            .ts-tooltip-icon-sidebar{line-height: 0; color: #f8b124; margin-left: 5px;}

            .ts-freelancer .pagination{flex-wrap: wrap;}
            .ts-freelancer .pagination .page-item { margin: 3px 5px;}

            @media(max-width:767px){
              .ts-pd-top{flex-wrap: wrap;}
              .ts-pd-top .ts-pd-action { width: 100%; text-align: center; }
              .ts-pd-top .ts-pd-info br{display: none;}
              .ts-pd-top .ts-pd-info{width: 100%;  font-size: 12px;  line-height: 16px;  margin-top: 10px; text-align: center;
                border-left: solid 3px var(--secondary-color);}
              .ts-pd-shortlist .ts-pd-shortlist-inner{ flex-wrap: wrap; justify-content: flex-start; overflow: auto;}
              .ts-pd-shortlist ul.ts-pd-shortlist-profiles{margin: 0 0 10px 0;}
              .ts-pd-shortlist ul.ts-pd-shortlist-profiles li{min-width: 100px; max-width: 100px; margin-right: 5px;}
              .ts-pd-shortlist ul.ts-pd-shortlist-profiles li figure img{    width: 40px; height: 40px; border-radius: 40px;}
              .ts-pd-filters{flex-wrap: wrap;}
              .ts-pd-filters .ts-sortby{width: 100%;}
              .ts-pd-filters .ts-search{width: 100%;}
            }
            @media(max-width:600px)  {
              table.ts-pd-table tr{display: table-row!important;}
              table.ts-pd-table th{ display: table-cell!important;}
              table.ts-pd-table td{ display: table-cell!important; width: auto!important;}
            }
            /********** Personalised-Directory  **********/    


            /********** Job Listing  **********/
            .job-listing h4.job-listing-company{padding-right: 50px;}
            .job-listing .job-listing-top-action { position: absolute; top: 10px; right: 10px; display: inline-flex; align-items: center; }
            .job-listing .job-listing-top-action a {  font-size: 21px; margin-left: 5px; }
            .job-listing .job-listing-top-action .button {font-size: 14px; padding: 5px 8px; height: auto; line-height: normal;}
            .job-listing h3.job-listing-title{padding-right: 50px;}

            .job-listing .job-listing-top-action .dropdown-toggle:after { display: none;}            
            .job-listing .job-listing-top-action .dropdown-menu {border: none; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); left: auto!important; right: 0!important;top: 100% !important;transform: none !important; min-width:auto;}
            .job-listing .job-listing-top-action .dropdown-menu a{font-size: 14px; font-weight: 500;text-align: left; display: block;    text-shadow: none; padding: 5px 10px; color:#000; margin:0;}

            .ts-custom-modal .modal-header h4{text-align: center; padding-right:15px;}
            .ts-confirmation-modal .modal-footer{border:none; justify-content: center;}
            .ts-confirmation-modal .modal-footer .btn-primary{background-color: #0183cf;
              border: 0;
              border-radius: .25em;
              color: #fff;
              font-size: 1.0625em;
              margin: .3125em;
              padding: .625em 2em;
              box-shadow: none;
              font-weight: 500;}
              .ts-confirmation-modal .modal-footer .btn-primary:hover{background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));}
              .ts-confirmation-modal .modal-footer .btn-secondary {
                background-color: #35404e;
                border: 0;
                border-radius: .25em;
                color: #fff;
                font-size: 1.0625em;
                margin: .3125em;
                padding: .625em 2em;
                box-shadow: none;
                font-weight: 500;
            }
            .ts-confirmation-modal .modal-footer .btn-secondary:hover{background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));}
            /********** Job Listing  **********/

            /********** RFA Tracker  **********/
            .ts-fc-table{line-height: normal;}
            .ts-fc-table tr th,
            .ts-fc-table tr td{padding:0.45rem; width: auto;}
            .ts-fc-table tr th{font-size: 16px;}
            .ts-fc-table .rfa-profile-image{height: 60px; width: 60px;}
            .ts-fc-table .name{display: inline-block; }
            .ts-fc-table .add-freelance-plus-icon{height: 60px !important;  width: 60px !important;line-height: 60px !important;margin-left: 0 !important;
            }
            /********** RFA Tracker  **********/

            /********** Share Job Popup **********/
            ul.ts-share-job{padding:0; margin:0;}
            ul.ts-share-job li{list-style: none; display: block; border: solid 1px #ECECEE;   margin-bottom: 15px;   padding: 10px;   background: #f5f5f5;
              border-radius: 5px;}
            .custom-control.ts-custom-control{display: inline-flex;    min-height: 2rem;}
            .custom-control.ts-custom-control .custom-control-label{  display: flex;  align-items: center; flex-grow: 1;    padding-left: 10px;}
            .custom-control.ts-custom-control .custom-control-label:before{width: 1.5rem; height: 1.5rem;}
            .custom-control.ts-custom-control .custom-control-input:checked~.custom-control-label:before{width: 1.5rem; height: 1.5rem;}
            .custom-control.ts-custom-control .custom-control-label:after{width: 1.5rem; height: 1.5rem;} 

            
           .ts-table-share-job td {vertical-align: middle; padding: 0.45rem; }            
            .ts-table-share-job .client-image{width: 80px; text-align: left;}
            .ts-table-share-job .client-image img {width: 50px; height: 50px; border-radius: 50px; object-fit: cover; }
            .ts-table-share-job .client-name{font-weight: normal;text-align: left;}
            .ts-table-share-job .client-action{text-align: right;}
            .ts-table-share-job .client-action input[type="checkbox"] { box-shadow: none; margin: 0;}

            .ts-custom-switch-toggle { position: relative; display: inline-block; width: 50px; height: 30px; margin:0;}              
            .ts-custom-switch-toggle input { opacity: 0; width: 0; height: 0;}              
            .ts-custom-switch-toggle .ts-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 30px;
                background-color: #ccc; transition: all 0.5s ease 0s;}              
            .ts-custom-switch-toggle .ts-slider:before {position: absolute; content: ""; height: 20px; width: 20px;border-radius: 20px; left: 5px; bottom: 5px;               
                background-color: #ffffff; transition: all 0.5s ease 0s;}              
            .ts-custom-switch-toggle input:checked + .ts-slider {background-color: #3a6fd3;}              
            .ts-custom-switch-toggle input:focus + .ts-slider { box-shadow: 0 0 1px #3a6fd3;}              
            .ts-custom-switch-toggle input:checked + .ts-slider:before { transform: translateX(100%); right: 25px; left: auto;}
            /********** Share Job Popup **********/
             
            /********** Custom Modal With Button **********/
            .ts-custom-modal.with-header-button .button.button-sliding-icon{padding: 5px 10px; white-space:nowrap;}
            .ts-custom-modal.with-header-button .modal-header{padding: 1rem 3rem 0rem 1rem; align-items: center;}
            .ts-custom-modal.with-header-button .modal-header h4{width:auto;}   
            .ts-custom-modal.with-header-button .modal-header .close{top: 17px;}
            /********** Custom Modal With Button **********/

            .small-loader-wrapper {
              display: inline-flex;
              align-items: center;
              line-height: normal;
            }
            .small-loader-wrapper .small_loader{
              position: relative;
              width: 24px;
              height: 24px;
              background: transparent url(../images/loader_small.gif) no-repeat center center;
              z-index: 99;
              background-size: 24px 24px;
              display: inline-flex;
              margin: 0 5px;
            }
            .messages-container-inner .message-content-inner .ts-message-warning {
                position: absolute;
                bottom: 10px;
                left: 0;
                margin: 10px;
                width: auto;
                background-color: transparent;
                padding: 18px;
                text-align: center;
                font-weight: normal;
                color: #000;
            }
            


             /********** Tabs Pages *********/
.request-availability-container { padding-bottom: 80px;}        
.briefs-container { padding-bottom: 80px;}     
.active-jobs-container { padding-bottom: 122px;}  
.history-container { padding-bottom: 80px;}
.ts-jobs-card .dashboard-content-inner{padding: 0;}
.ts-jobs-card .dashboard-box{box-shadow: none;  background-color: var(--ts-white-gray);border-radius: 0; margin-top: 5px;}
.ts-jobs-card .ts-job-tab-content{padding-left:15px; padding-right:15px;}
.ts-job-outer{min-width:1110px; overflow: auto;}
.ts-jobs-card {font-family: "Poppins"; background-color: var(--ts-white-gray);}            
.ts-jobs-card * {font-family: "Poppins";}   

.ts-tag-response{border-radius: 8px; font-size: 12px; line-height: 12px; font-weight: 500; color: var(--ts-white); padding: 5px 10px; margin: 6px; min-width: 113px; min-height: 26px; display:inline-flex; align-items: center; justify-content: center; text-align: center; position: relative;}
.ts-tag-response .ts-badge { position: absolute; background-color: var(--ts-yellow);  display: inline-flex;  align-items: center;  justify-content: center;
  width: 15px;  height: 15px;  border-radius: 15px;  color: var(--ts-white);  font-size: 10px;  font-weight: 500;top: -5px; right: -5px;}

.ts-btn-action{border-radius: 8px; font-size: 12px; line-height: 12px; font-weight: 500; color: var(--ts-white); padding: 5px 10px; margin: 6px; min-width: 77px; min-height: 26px; cursor: pointer;display:inline-flex; align-items: center; justify-content: center; text-align: center; position: relative;}
.ts-btn-action [class*="icon"]{font-size: 20px; margin-right: 10px;}
.ts-btn-action .ts-badge { position: absolute; background-color: var(--ts-yellow);  display: inline-flex;  align-items: center;  justify-content: center;
  width: 15px;  height: 15px;  border-radius: 15px;  color: var(--ts-white);  font-size: 10px;  font-weight: 500;top: -5px; right: -5px;}
.ts-btn-action:hover{color: var(--ts-white); opacity: 0.9;}

.ts-filter-action{border-radius: 30px; font-size: 12px; line-height: 18px; font-weight: 500; color: var(--ts-blue-gray); border:solid 1px var(--ts-blue-gray); padding: 3px 10px; margin: 6px; min-width: 77px; min-height: 22px; cursor: pointer;display:inline-flex; align-items: center; justify-content: center; text-align: center;}
.ts-filter-action [class*="icon"]{margin-right:5px}
.ts-filter-action:hover,
.ts-filter-action.active{background-color:  var(--ts-blue-gray); color: var(--white);}





.ts-tag-title{border-radius: 30px; font-size: 12px; line-height: 12px; font-weight: 400; color: var(--ts-white); padding:3px 10px; margin: 6px; min-width: 100px; min-height: 22px; display:inline-flex; align-items: center; justify-content: center; text-align: center;}

.ts-tabs-outer{padding:15px 0 0 0;}
.ts-tabs {padding: 0 15px; margin: 0; font-family: "Poppins";border-bottom: solid 1px #D8EBF5;} 
.ts-tabs .nav-item {margin: 20px 30px 20px 0; padding:0;}
.ts-tabs .nav-link { padding: 0; margin: 0; border: none; color: var(--ts-blue-gray); font-size: 17px; font-weight: 500;background-color: transparent;border-bottom: solid 3px transparent; position: relative;}
.ts-tabs .nav-link:hover,
.ts-tabs .nav-link.active{color: var(--ts-dark-blue);background-color: transparent;border-bottom: solid 3px var(--ts-yellow);}
.ts-tabs .ts-tab-badge { position: absolute; background-color: var(--ts-yellow);  display: inline-flex;  align-items: center;  justify-content: center;
  min-width: 15px;  height: 15px;  border-radius: 15px;  color: var(--ts-white);  font-size: 10px;  font-weight: 500;top: -10px; right: -10px; padding:2px 3px; }

.ts-job-action-bar{font-family: "Poppins"; display: flex; flex-wrap: wrap;  align-items: center;   justify-content: space-between; padding-top: 20px; }
.ts-job-action-bar .ts-action-left { display: inline-flex;}
.ts-job-action-bar .ts-action-right { display: inline-flex; align-items: center;}

.ts-job-search{position: relative; margin-left:10px;}
.ts-job-search .form-control{margin: 0;  padding: 5px 15px;  border: solid 1px var(--ts-yellow); color: var(--ts-blue-gray); box-shadow: none;  cursor: text; max-width: 250px;} 
.ts-job-search .form-control::-webkit-input-placeholder { color: var(--ts-blue-gray);}
.ts-job-search .form-control::-moz-placeholder {  color: var(--ts-blue-gray);}
.ts-job-search .form-control:-ms-input-placeholder {   color: var(--ts-blue-gray);}
.ts-job-search .form-control:-moz-placeholder {  color: var(--ts-blue-gray);}
.ts-job-search .clear-btn{position: absolute;  right: 15px;  font-size: 8px;  line-height: 8px;  top: 50%;  transform: translateY(-50%); color: var(--ts-jet-gray); cursor: pointer;}


.ts-jobs-bar-wrapper{position: relative; z-index: 0;}
.ts-jobs-bar-wrapper.active-class{z-index: 10;}
.ts-jobs-bar { display: flex;  align-items: center; justify-content: space-between;  background-color: var(--ts-white);  border-radius: 10px;  padding:7px 15px; position: relative; z-index: 2; margin-top: 20px;}
.ts-jobs-bar:hover{ box-shadow: 0 4px 4px rgba(0,0,0,0.15); }
.ts-jobs-bar .ts-tag-title{position: absolute; top: -17px; left: 10px; z-index: 1;}
.ts-jobs-bar .ts-title{font-size: 17px; font-weight: 500; line-height: normal;  color:  var(--ts-dark-blue);}
.ts-jobs-bar .ts-left{display: inline-flex;}
.ts-jobs-bar .ts-mid{display: inline-flex;   flex-grow: 1;   justify-content: flex-end;}
.ts-jobs-bar .ts-right{ display: inline-flex;  align-items: center;    justify-content: flex-end;}
.ts-jobs-bar .ts-dates { display: inline-flex;  align-items: center;  font-size: 12px;  font-weight: 500; color: var(--ts-blue-gray); min-width:165px;}
.ts-jobs-bar .ts-dates p { padding: 0; margin:0 10px; font-size: 12px; font-weight: 500;color: var(--ts-blue-gray); white-space: nowrap;}
.ts-jobs-bar .ts-buttons{display: inline-flex; align-items: center; margin-left: 10px;}
.ts-jobs-bar .ts-toggle-arrow { display: inline-flex;  align-items: center;  justify-content: center;color: var(--ts-dusty-gray); margin: 0 10px; cursor: pointer;}
.ts-jobs-bar .ts-toggle-arrow p{padding: 0; margin: 0; font-size:20px;color: var(--ts-dusty-gray);}
.ts-jobs-bar .ts-menu{ display: inline-flex;  align-items: center;  justify-content: center;color: var(--ts-black); cursor: pointer;}
.ts-jobs-bar .ts-menu p{padding: 0; margin: 0; font-size:20px;color: var(--ts-black);}

.ts-job-content { background-color: var(--ts-lighter-gray);  padding: 15px 10px 9px 10px;  border-radius: 0 0 8px 8px;  box-shadow: 0 4px 4px rgba(0,0,0,0.25); position: relative; z-index: 1;top: -10px;}
.ts-job-content .ts-title{padding: 0; margin: 10px 0 10px 0; font-size: 16px; font-weight: 500; color:  var(--ts-dark-blue);} 
.ts-job-content .ts-show-job-number{padding: 0; margin: 10px 0 10px 0; font-size: 12px; font-weight: 500; color: var(--ts-blue-gray);}
.ts-jobs-bar.ts-expand-bar{background-color: var(--ts-dark-blue);box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.ts-jobs-bar.ts-expand-bar .ts-title{color: var(--ts-white);}
.ts-jobs-bar.ts-expand-bar .ts-dates{color: var(--ts-white);}
.ts-jobs-bar.ts-expand-bar .ts-dates p {color: var(--ts-white);}
.ts-jobs-bar.ts-expand-bar .ts-toggle-arrow{color: var(--ts-white);}
.ts-jobs-bar.ts-expand-bar .ts-toggle-arrow p{color: var(--ts-white);}
.ts-jobs-bar.ts-expand-bar .ts-menu{color: var(--ts-white);}
.ts-jobs-bar.ts-expand-bar .ts-menu p{color: var(--ts-white);}
.ts-jobs-bar.ts-expand-bar .ts-btn-action.ts-bg-dark-blue{background-color: var(--ts-light-blue);}
.ts-jobs-bar.ts-expand-bar .ts-dropdown > [class*="icon"]{color:var(--white);}

.ts-job-table {font-size: 12px; line-height: normal;margin-bottom: 4px;}
.ts-job-table thead{background-color: var(--ts-dark-blue); color: var(--ts-white);}
.ts-job-table thead tr th:first-child{border-radius: 4px 0 0 4px;}
.ts-job-table thead tr th:last-child{border-radius: 0 4px 4px 0;}
.ts-job-table thead tr th,
.ts-job-table tbody tr td { padding: 3px 10px;}

.ts-job-table thead tr th {font-weight: 500; border-right: solid 1px var(--ts-white);vertical-align: middle;}
.ts-job-table thead tr th:last-child{border-right: none;}

.ts-job-table tbody tr td {border:none; border-right: solid 1px var(--ts-light-gray);  background-color: var(--ts-white); color:var(--ts-blue-gray); font-weight: 500;vertical-align: middle; padding: 0 10px;}
.ts-job-table tbody tr td:last-child{border-right: none;}
.ts-job-table tbody tr:first-child td{background-color: var(--ts-lighter-gray); height: 10px; border: none;}
.ts-job-table.ts-job-table-history tbody tr:first-child td{background-color: var(--ts-white-gray); height: 10px; border: none;}

.ts-job-table.ts-job-table-history .ts-table-profile .ts-name{color:var(--ts-blue-gray);}
.ts-job-table.ts-job-table-history tbody tr td{border-bottom: solid 1px var(--ts-light-gray);}
.ts-job-table.ts-job-table-history tbody tr:last-child td{border-bottom: none;}



.ts-job-table tbody tr.ts-single-record:nth-child(2) td:first-child{border-radius: 8px 0 0 8px;}
.ts-job-table tbody tr.ts-single-record:nth-child(2) td:last-child{border-radius: 0 8px 8px 0;}

.ts-job-table tbody tr.ts-multiple-record:nth-child(2) td:first-child{border-radius: 8px 0 0 0;}
.ts-job-table tbody tr.ts-multiple-record:nth-child(2) td:last-child{border-radius: 0 8px 0 0;}

.ts-job-table tbody tr.ts-multiple-record:last-child td:first-child{border-radius: 0 0 0 8px;}
.ts-job-table tbody tr.ts-multiple-record:last-child td:last-child{border-radius: 0 0 8px 0;}


.ts-table-profile { display: flex;  align-items: center;}
.ts-table-profile .ts-avatar {  padding: 0;  margin: 0; width: 26px;}
.ts-table-profile .ts-avatar img { width: 21px;  height: 21px;  border-radius: 21px;  object-fit: cover;}
.ts-table-profile .ts-flag {  padding: 0;  margin: 0; width: 20px;}
.ts-table-profile .ts-flag img { width: 15px;  height: auto;  border-radius: 2px;}
.ts-table-profile .ts-name{padding: 0; margin: 0; font-weight: 500; font-size: 15px; color: var(--ts-dark-blue); flex-grow: 1;}

.ts-bar-profile { display: inline-flex;  align-items: center; margin: 0 10px;}
.ts-bar-profile .ts-avatar {  padding: 0;  margin: 0; width: 40px;}
.ts-bar-profile .ts-avatar img { width: 35px;  height: 35px;  border-radius: 35px;  object-fit: cover;}
.ts-bar-profile .ts-flag {  padding: 0;  margin: 0; width: 20px;}
.ts-bar-profile .ts-flag img { width: 15px;  height: auto;  border-radius: 2px;}
.ts-bar-profile .ts-name{padding: 0; margin: 0; font-weight: 500; font-size: 14px; color: var(--ts-blue-gray); flex-grow: 1;width: 180px;
  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;}

.ts-jobs-bar.ts-expand-bar .ts-bar-profile .ts-name{color: var(--ts-white);}


.ts-dropdown{line-height: normal; position: relative;display: inline-flex;    align-items: center;  justify-content: center; cursor: pointer; vertical-align: middle;}
.ts-dropdown > [class*="icon"]{font-size: 20px; color: var(--ts-black);}
.ts-dropdown .dropdown-menu{text-align: right;border-radius: 10px; box-shadow:0px 0px 30px rgba(0,0,0,0.2);transform: none !important;  right: 0px !important;  left: auto !important;
  top: 100% !important;    padding: 10px 0;}
.ts-dropdown .dropdown-menu a { font-size: 10px;  color: var(--ts-black); font-weight: 500; padding: 4px 10px; text-align: right; cursor: pointer;}
.ts-dropdown .dropdown-menu a [class*="icon"]{margin-right: 5px;}
.ts-dropdown .dropdown-menu a:hover,
.ts-dropdown .dropdown-menu a:focus{background-color: var(--ts-lighter-gray); border-radius:10px}
.ts-dropdown .dropdown-menu a.header-notifications-button{background-color: transparent;}
.ts-dropdown .dropdown-menu a.header-notifications-button:hover{/*pointer-events: none;*/}
.ts-dropdown .dropdown-menu a.ts-not-clickable{pointer-events: none;opacity: 0.5;}

.ts-tag-area-expertise{background-color: var(--ts-white-smoke-gray); color: var(--ts-dusty-gray); font-size: 12px; line-height: 12px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: 2px 15px; border-radius: 20px; margin: 6px;}
.ts-job-title{padding:0; margin:0; font-size: 15px;  font-weight: 500;  line-height: normal;  color: var(--ts-dark-blue);}

.ts-job-title .ts-badge { border-radius: 3px;  font-size: 12px; display: inline-block;  padding: 3px 5px;  line-height: 12px;}
.ts-no-available { display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  text-align: center;padding: 100px 20px 100px 20px;}
.ts-no-available .ts-no-icon {color: var(--ts-yellow);  font-size: 70px;  margin-bottom: 40px;}
.ts-no-available .ts-no-title { padding: 0;  margin: 0 0 20px 0;  font-size: 20px;  font-weight: 600;  color: var(--ts-dark-blue); text-transform: uppercase;}
.ts-no-available .ts-no-desc { padding: 0;  margin: 0 0 25px 0;   font-size: 14px;   line-height: 20px;    font-style: italic;    font-weight: 400;
   color: var(--ts-dark-blue);  text-transform: uppercase;}
.ts-no-available  .ts-no-row { display: inline-flex; flex-wrap: wrap;  justify-content: space-between;   max-width: 630px; width: 100%;}
.ts-no-available  .ts-no-row .ts-no-col { display: flex;  flex-direction: column;  padding: 0 15px;}


.ts-paging-container{display:flex; flex-wrap: wrap; justify-content: space-between;}
.ts-paging-list  .form-control { height: 40px;  border-radius: 5px;  border:solid 1px var(--ts-dark-blue); color: var(--ts-dark-blue); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25); padding: 0 10px;}
.ts-paging .pagination .page-item { margin: 3px 5px;}
.ts-paging .pagination .page-link {border: solid 1px var(--ts-dark-blue); border-radius:5px; margin: 0; padding: 5px; width: 40px; height: 40px; display: inline-flex;
  align-items: center;  justify-content: center; line-height: normal; position:relative; color:var(--ts-dark-blue);}
.ts-paging .pagination .page-link:hover{background-color: var(--ts-dark-blue);color: #fff;}
.ts-paging .pagination .page-item.active .page-link {background-color: var(--ts-dark-blue);color: #fff;}
.ts-paging .pagination .page-link span { font-size: 20px; }
.ts-paging .pagination{flex-wrap: wrap;}
  

@media(max-width:767px){
  .ts-no-available{padding: 50px 0;}
  .ts-no-available .ts-no-row{flex-direction: column;}
  .ts-no-available .ts-no-row .ts-no-col{padding: 15px 15px;}
}



/********** RFA **********/
.ts-rfa-shortlist .ts-shortlist-profiles-outer { padding-top: 10px;}
.ts-rfa-top-action{display:flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.ts-rfa-top-action .ts-job-number {display: inline-flex;  align-items: center;  justify-content: center;  text-align: center;
  min-height: 50px;  border-radius: 5px;  border: solid 1px #CCCCCC;  font-size: 16px;  font-weight: 400;
  padding: 3px 15px;  color: var(--ts-blue-gray);}
.ts-rfa-separator{width:100%; height: 1px; background-color: var(--ts-light-gray); margin: 20px 0;}
.ts-box-block{display:flex; flex-wrap: wrap; width: 100%; font-family: var(--ts-font);}
.ts-box-block .ts-box-heading{width:100%; background-color: var(--ts-dark-blue); color: var(--ts-white); border-radius: 10px; padding: 10px 15px; font-size: 16px; font-weight: 500; display: flex; align-items: center; margin-bottom:40px;}
.ts-box-block .ts-box-heading h3{display: flex;flex-wrap: wrap; align-items: center; padding:0; margin:0; font-size: 16px; font-weight: 500; color: var(--ts-white);}
.ts-box-block .ts-box-heading h3 small{font-size:14px; font-style: italic; margin-left:5px;}
.ts-box-block .ts-box-heading [class*="icon"]{color: var(--ts-white); margin-right:7px;}
.ts-box-block .ts-box-content{width:100%; background-color: var(--ts-white); border:solid 1px var(--ts-light-gray); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.2); margin-bottom:40px; padding:30px 20px; position: relative; }
.ts-box-block .ts-box-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}

.ts-box-block .ts-box-left { width: calc((100% - 430px) - 30px); display: flex; flex-direction: column;}
.ts-box-block .ts-box-right { width: 430px;}
.ts-box-block .ts-box-full { width: 100%; display: flex; flex-direction: column;}


.ts-freelancer .ts-rfa-short-profile .ts-freelancer-card:hover{box-shadow:none;}

.ts-box-block .ts-box-tag-heading{background-color: var(--ts-teal); border-radius: 30px; padding:3px 20px; min-height: 30px; display:inline-flex; align-items: center; justify-content: center; text-align: center; 
  font-size:14px; line-height: 14px; color:var(--ts-white); font-weight: 600; position: absolute; left: 20px; top: -15px;}
.ts-box-block .ts-box-sub-title{font-size: 14px; font-weight: 400; font-style: italic; color: var(--ts-dark-blue); margin-bottom: 15px;}
.ts-box-block .ts-box-content .submit-field h5{margin-bottom: 8px; color: var(--ts-dark-blue);}
.ts-box-block .ts-box-content .submit-field small{color:var(--ts-dark-blue);}

.ts-box-block .ts-expect-date-time{display:flex; justify-content: space-between; }
.ts-box-block .ts-expect-date-time .ts-expect-field{flex-grow: 1;}
.ts-box-block .ts-expect-date-time .ts-expect-timer{margin-left: 20px; margin-top: 3px;}

.ts-box-block input.with-border, 
.ts-box-block input[type=email].with-border, 
.ts-box-block input[type=number].with-border, 
.ts-box-block input[type=password].with-border, 
.ts-box-block input[type=text].with-border, 
.ts-box-block select.with-border, 
.ts-box-block textarea.with-border{border: 1px solid #A4A4B9; box-shadow: none; font-family: var(--ts-font); margin:0;}
.ts-box-block .form-control { border: 1px solid #A4A4B9; box-shadow: none; font-family: var(--ts-font);}
.ts-box-block .input-group-text{ border: 1px solid #A4A4B9;box-shadow: none; font-family: var(--ts-font);}
.ts-box-block .with-border.bootstrap-select.btn-group button{ border: 1px solid #A4A4B9;box-shadow: none; padding: 0 10px;    font-family: var(--ts-font); font-family: var(--ts-font);}

.ts-box-block input, 
.ts-box-block input[type=email], 
.ts-box-block input[type=number], 
.ts-box-block input[type=password], 
.ts-box-block input[type=text], 
.ts-box-block select, 
.ts-box-block textarea{ border: 1px solid #A4A4B9;box-shadow: none; padding: 0 10px;    font-family: var(--ts-font);}  

.ts-box-block .bootstrap-select.btn-group .dropdown-toggle .filter-option{max-width:95%; font-family: var(--ts-font);}


.ts-box-block .ts-box-content.ts-box-select-job{background-color: transparent; border: none;  box-shadow: none;}
.ts-box-block .ts-select-job-row{width:100%; display: flex; align-items: center; justify-content: center;}
.ts-box-block .ts-select-job-row .ts-or { font-size: 20px;  font-weight: 600;  color: var(--ts-dark-blue); display: inline-flex; align-items: center; padding: 15px; text-transform: uppercase; position: relative;
    top: -23px;}
.ts-box-block .ts-select-job-row .ts-btn-select-job{font-family: var(--ts-font); display: inline-flex; align-items: center; justify-content: center; text-align: center;
  background-color: var(--ts-blue); border-radius: 8px; padding: 15px 30px; min-height: 70px; box-shadow: 0px 4px 4px rgba(0,0,0,0.25); text-transform: uppercase;
font-size: 20px; font-weight: 600;color: var(--ts-white);border: solid 1px #D9D9D9;  width: 100%;}
.ts-box-block .ts-select-job-row .ts-btn-select-job:hover{opacity: 0.9;}

.ts-box-block .ts-select-job-row .ts-btn-select-job-outer  {display: inline-flex; flex-direction: column; justify-content: center; text-align: center;    max-width: 390px;  width: 100%;}
.ts-box-block .ts-select-job-row .ts-btn-select-job-outer .ts-help{font-size: 12px;line-height: 18px;  font-weight: 400;  font-style: italic;  text-transform: uppercase;
  color: var(--ts-dark-blue);margin-top: 15px;}






.ts-box-block .ts-hours-row {  display: flex;  align-items: center;  justify-content: space-between; width:100%; padding: 7px 0; }
.ts-box-block .ts-hours-row:last-child { border-bottom: none;}
.ts-box-block .ts-hours-row .ts-hours-title{flex-grow:1;}
.ts-box-block .ts-hours-row .ts-hours-title label{border-radius: 5px; margin:0; padding-left: 7px; padding-right: 7px; font-weight: 400;}

.ts-box-block .ts-hours-row .custom-control{width: 26px;height: 26px; min-height: auto; padding: 0;}
.ts-box-block .ts-hours-row .custom-control .custom-control-label::before {border-radius: .25rem;}
.ts-box-block .ts-hours-row .custom-control .custom-control-label::before{top: 0; left:0; width:26px; height:26px;border: 1px solid #A4A4B9;}
.ts-box-block .ts-hours-row .custom-control .custom-control-label::after{top: 0;left:0; width:26px; height:26px;}
.ts-box-block .ts-hours-row .custom-control .custom-control-input{display:none;}
.ts-box-block .ts-hours-row .custom-control .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--ts-dark-blue);  border-color: var(--ts-dark-blue);}
.ts-box-block .ts-hours-row .custom-control .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");              
  }

  .ts-box-block .ts-hours-row .ts-hours-input{position: relative;}
  .ts-box-block .ts-hours-row .ts-hours-input .errorMsg {position: absolute;  font-size: 11px;left: 18px;}
  .ts-box-block .ts-hours-row .ts-hours-input input[type="text"] {  width: 80px;  height: 26px;  margin: 0;  border: 1px solid #A4A4B9; margin-left: 15px;
  color: var(--ts-dark-blue);  font-size: 14px;}  
  .ts-box-block .ts-contract-label a{color: #086788;}  
  .ts-box-block .ts-box-content-contracts .ts-custom-checkbox{margin-bottom: 10px;}
  .ts-box-block .ts-box-action { display: flex;  justify-content: flex-end;  width: 100%;  padding-top: 30px;}
  .ts-box-block .ts-box-action [class*="ts-btn"] {margin-left: 20px;}
  .ts-box-block .ts-estimated-hours {  display: flex;    align-items: center;    justify-content: center;    background-color: #E0F6FF;
    color: #44B1DE;    font-size: 16px; border-radius: 5px;   min-height: 50px;   margin-top: 10px;}
    .ts-box-block .ts-estimated-hours h3{padding:0; margin: 0; font-size: 16px; font-weight: 400; color: #44B1DE; display: inline-flex;
          align-items: center;    } 
    .ts-box-block .ts-estimated-hours h4{padding:0; margin: 0 0 0 5px; font-size: 16px; font-weight: 400;color: #44B1DE; }
    .ts-box-block .ts-estimated-hours strong{font-weight: 600;}
    .ts-box-block .ts-estimated-hours .material-icons { font-family: 'Material Icons';    margin-right: 10px;}

    .ts-box-block .ts-box-content.ts-box-content-uploads .row{margin-left:-10px; margin-right:-10px;}
    .ts-box-block .ts-box-content.ts-box-content-uploads .row [class*="col-"]{padding-left:10px; padding-right:10px;}
    .ts-box-block .ts-box-content.ts-box-content-uploads .ts-btn-dark-blue-outline{ padding: 5px 5px;  font-size: 14px;line-height: 14px;  font-weight: 600; margin:5px 0;}
    .ts-box-block .ts-box-content.ts-box-content-uploads .uploadButton{margin-bottom: 0;}
    .ts-box-block .errorMsg {  color: var(--ts-red);    font-weight: 400;    font-size: 14px;    line-height: 14px; }

    @media(max-width:1199px){

    }

    @media(max-width:992px){
      .ts-box-block .ts-box-row{flex-direction: column;}
      .ts-box-block .ts-box-left { width: 100%;display: contents;}
      .ts-box-block .ts-box-right {  width: 100%;display: contents;}
      .ts-box-block .ts-box-content.ts-box-content-details {  order: 1;}
      .ts-box-block .ts-box-content.ts-box-content-expertise { order: 2;}
      .ts-box-block .ts-box-content.ts-box-content-uploads{ order: 3;}      
      .ts-box-block .ts-box-content.ts-box-content-contracts { order: 4;}
      .ts-box-block .ts-box-content.ts-box-content-notification { order: 5;}

      .ts-box-block .ts-box-action{flex-wrap: wrap; justify-content: center;}
      .ts-box-block .ts-box-action [class*="ts-btn"] { margin: 5px 10px;}

      .ts-freelancer .ts-rfa-short-profile .ts-list-view .ts-freelancer-card{flex-direction: column;}
      .ts-freelancer .ts-rfa-short-profile .ts-list-view .ts-freelancer-card .card-header{ width: 100%;   justify-content: center;   flex-direction: column;    border-radius: 15px 15px 0 0;}
      .ts-freelancer .ts-rfa-short-profile .ts-list-view .ts-freelancer-card .card-content {  width: 100%;   text-align: center;    }
      .ts-freelancer .ts-rfa-short-profile .ts-list-view .ts-freelancer-card .card-badges {   justify-content: space-evenly;  }
      .ts-freelancer .ts-rfa-short-profile .ts-list-view .ts-freelancer-card .card-body {     width: 100%; padding: 20px;  border-radius: 0 0 15px 15px; }
      

    }
    @media(max-width:767px){
  .ts-rfa-top-action{flex-wrap: wrap;justify-content: center;}
  .ts-rfa-top-action .ts-left { width: 100%;}
  .ts-rfa-top-action .ts-right {  width: 100%;}
  .ts-rfa-top-action [class*="ts-btn"]{width:100%; margin:5px 0;}
  .ts-rfa-top-action .ts-job-number{width: 100%; flex-wrap: wrap; line-height: normal; margin: 5px 0;}
    
  .ts-box-block .ts-select-job-row{flex-wrap: wrap;}
    .ts-box-block .ts-select-job-row .ts-or{width:100%; justify-content: center; top: auto;}
    

    }
/********** New Popup **********/
.ts-modal-new{ font-family: var(--ts-font); color: var(--ts-dark-blue);}
.ts-modal-dialog-large{max-width:950px;}
.ts-modal-new h1,
.ts-modal-new h2,
.ts-modal-new h3,
.ts-modal-new h4,
.ts-modal-new h5,
.ts-modal-new p{ font-family: var(--ts-font);color: var(--ts-dark-blue);}
.ts-modal-new .modal-content {
  border-radius: 10px;  background-color: var(--ts-white); border: solid 1px #D9D9D9; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);padding: 20px 50px;}
.ts-modal-new .ts-modal-text {display: flex;  flex-direction: column;  justify-content: center; align-items: center; text-align: center;}
.ts-modal-new h1{line-height: normal;}
.ts-modal-new h2{line-height: normal;}
.ts-modal-new p{line-height: normal;}
@media(max-width:767px){
  .ts-modal-new .modal-content {padding:20px 20px;}
}


.ts-table-td-job-expertise{padding:0!important;}
.ts-table-td-job-expertise p{ margin: 0; padding: 10px; font-size: 16px;}
.ts-table-td-job-expertise p:nth-child(even) { background: #fff;}
.ts-table-td-job-expertise p:nth-child(odd) { background: #f4f4f4;}


/********** Broadcast **********/
.ts-how-to-find-box{padding:40px; font-family: var(--ts-font); max-width: 966px; margin: 100px auto;  border: 1px solid var(--ts-light-gray);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 10px;display: block;  text-align: center; position: relative; }
.ts-how-to-find-box h2{ font-family: var(--ts-font); padding: 0; margin: 0 0 55px 0; font-size: 20px; font-weight: 600; color: var(--ts-dark-blue); text-align: center; text-transform: uppercase;}
.ts-how-to-find-box .ts-find-icon {color: var(--ts-yellow); margin: 0 auto 30px auto; font-size: 70px; width: 110px;  height: 110px;
    display: inline-flex;    flex-direction: column;    justify-content: center;    align-items: center;}
.ts-how-to-find-box .ts-find-title { font-family: var(--ts-font);  padding: 0;  margin: 0 0 20px 0;  font-size: 20px;  font-weight: 600;  color: var(--ts-dark-blue); text-transform: uppercase;}
.ts-how-to-find-box .ts-find-desc { font-family: var(--ts-font);  padding: 0;  margin: 0 0 25px 0;   font-size: 14px;   line-height: 20px;    font-style: italic;    font-weight: 400;
   color: var(--ts-dark-blue);  text-transform: uppercase;}
.ts-how-to-find-box  .ts-find-row { display: inline-flex;  justify-content: space-evenly;  width: 100%;}
.ts-how-to-find-box  .ts-find-row .ts-find-col { display: flex;  flex-direction: column;align-items: center;  padding: 0 15px;}
.ts-how-to-find-box [class*="ts-btn"]:focus{color: #ffffff;}
.ts-how-to-find-box .ts-find-close { display: inline-flex;  align-items: center;  justify-content: center;   width: 22px;height: 22px;  
  border-radius: 22px;   cursor: pointer;  border: solid 1px var(--ts-blue-gray);    font-size: 8px;    position: absolute; right: 20px; top: 20px;}


.ts-broadcast-heading{width:100%; background-color: var(--ts-dark-blue); color: var(--ts-white); border-radius: 10px; padding: 10px 15px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom:40px;}
.ts-broadcast-heading h3{display: flex;flex-wrap: wrap; align-items: center; padding:0; margin:0; font-size: 18px; font-weight: 700; color: var(--ts-white); width: 100%;}
.ts-broadcast-heading h6{padding: 0; margin: 0; font-size:12px; line-height: 18px; font-style: italic; font-weight: 400;color: var(--ts-white);}
.ts-broadcast-heading h3 [class*="icon"]{color: var(--ts-white); margin-right:7px;}
.ts-broadcast-heading h3 img{ margin-right:7px;}

.ts-broadcast-filter-card {  margin: 0 0 30px 0;}
.ts-broadcast-filter-card .card-title{padding: 0;  margin: 0 0 4px 0; font-size: 15px; font-weight: 600;   color: var(--ts-dark-blue); }
.ts-broadcast-filter-card .card-title-info{display: block; padding: 0; margin: 0; font-size:11px; line-height: 11px; font-weight: 500;  color: var(--ts-dark-blue); font-style: italic;}
.ts-chip-tag { background-color: var(--ts-lighter-gray); color: var(--ts-blue-gray); border-radius: 3px; padding: 10px 10px 10px 10px; font-size: 13px; line-height: 10px; font-weight: 500;  display: inline-flex; align-items: center; position: relative; margin:0 5px 3px 0 ; }
.ts-chip-tag [class*="icon"] { cursor: pointer;   font-size: 14px;}
.ts-chip-tag [class*="icon-ts-cross"]{font-size: 10px;}
.btn-show-more{color: var(--link-color); text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 500; color: var(--ts-dark-blue);}

 .ts-btn-extra-filter{background-color: var( --secondary-color); color: #fff; text-decoration: none; border-radius: 3px; font-size: 12px; line-height: normal; display: inline-flex; justify-content: center; align-items: center;  padding: 2px 11px;}
 a.ts-btn-extra-filter{color:#fff;}
 .ts-btn-extra-filter:hover,
 a.ts-btn-extra-filter:hover{color:#fff; opacity: 0.9;}
 .ts-btn-extra-filter [class*="icon"]{font-size: 10px; margin-left: 5px;   }
 .ts-btn-extra-filter:hover{background-color: var( --secondary-color); color: #fff; text-decoration: none;}

.ts-extra-filter-card{ border:solid 1px  var( --secondary-color); border-radius: 10px; max-width: 333px;  margin: 0 auto;}
.ts-extra-filter-card .card-body{padding: 15px;}
.ts-extra-filter-card h4.card-title{padding: 0; margin: 0 0 5px 0; font-size: 12px;   font-weight: 500;
    color: var(--ts-dark-blue);}
.ts-extra-filter-card .form-control{font-size: 12px;}
.ts-extra-filter-card .btn-primary{padding: 4px 15px; font-size: 14px;font-weight: 400;}
.ts-extra-filter-card .ts-custom-dropdown .ts-custom-dropdown-button{font-size: 12px; height: 30px;border-color: #A4A4B9;}
.ts-extra-filter-card .ts-range-slider-label { font-size: 12px; text-align: center;font-weight: 500; color: var(--ts-blue-gray);}
.ts-extra-filter-card .ts-custom-range-slider .ng5-slider .ng5-slider-bubble{bottom: -33px;font-size: 12px;}
.ts-extra-filter-card .ts-custom-range-slider{text-align: center;}

.ts-extra-filter-card .ts-custom-range-slider .ng5-slider{margin: 10px 0 15px 0;}
.ts-extra-filter-card .ts-custom-range-slider .ng5-slider .ng5-slider-pointer{width: 22px;  height: 22px; border-radius: 22px; top: -11px; background-color: var(--link-color);}
.ts-extra-filter-card .ts-custom-range-slider .ng5-slider .ng5-slider-pointer:after{top: 7px;left: 7px; visibility: hidden;}
.ts-extra-filter-card .ts-custom-range-slider .ng5-slider .ng5-slider-bar{height: 2px; background: var(--ts-light-gray);}
.ts-extra-filter-card .ts-custom-range-slider .ng5-slider .ng5-slider-bubble{bottom: -40px;}
.ts-extra-filter-card .ts-custom-range-slider .ts-range-slider-label { font-size: 14px;}

.ts-matching-criteria { background-color: var(--ts-teal-rgba-50);padding:9px 10px;  border-radius: 10px;  display: inline-flex;  align-items: center; justify-content: center;   text-align: center;}
.ts-matching-criteria figure{padding: 0; margin: 0 5px 0 0; line-height: 0;}
.ts-matching-criteria h3 {  padding: 0;    margin: 0;    font-size: 14px;    font-weight: 500;color: var(--ts-dark-blue);}
.ts-matching-criteria h4 {  padding: 0;    margin: 0 0 0 5px;    font-size: 14px;    font-weight: 700;color: var(--ts-dark-blue);}

.ts-hours-options{ width: 100%; border: solid 1px var(--ts-light-gray); border-radius: 10px; display:flex;  justify-content: center;
    text-align: center;padding: 10px;}
.ts-hours-options .ts-hours-fields { display: inline-flex;  flex-direction: column;  justify-content: center;  align-items: center;}
.ts-hours-options .ts-hours-fields h5{ padding: 0!important; margin: 0 0 5px 0!important;}
.ts-hours-options .ts-hours-fields .form-control{margin: 10px 0 0 0; max-width: 86px; text-align: center;}
.ts-hours-options .ts-hours-fields small{font-size: 12px;  line-height: 14px;  font-weight: 500; font-style: italic;}
.ts-hours-options .ts-hours-separator { display: inline-flex;    align-items: center;   justify-content: center;   width: 24px;    position: relative;margin: 0 25px;}
.ts-hours-options .ts-hours-separator:before { position: absolute;  content: "";  width: 1px;  height: 100%; background-color: var(--ts-light-gray); left: 50%;}
.ts-hours-options .ts-hours-separator span { display: inline-block;    background-color: var(--ts-teal);    border-radius: 4px;    font-size: 12px;
    line-height: 12px;    color: var(--ts-white);    width: 100%;    padding: 2px;    position: relative;    z-index: 1; font-weight: 400; text-transform: uppercase;}

.ts-btn-upload { display: flex;  flex-wrap: wrap;    justify-content: flex-start; font-style: normal;font-size: 14px;}
.ts-btn-upload .btn-upload-input {  opacity: 0;    position: absolute;    overflow: hidden;    z-index: -1;  pointer-events: none; width: 0;}
.ts-btn-upload .btn-upload-label{font-family: var(--ts-font);  background-color: var(--ts-dark-blue);
    border-radius: 8px;   padding: 5px 20px;    color: var(--ts-white);    font-size: 16px;    line-height: 16px;
    font-weight: 500;    height: 40px;    display: inline-flex;    align-items: center;    justify-content: center;
    text-align: center;   min-width: 140px;    cursor: pointer; margin: 0;}
.ts-btn-upload .btn-upload-label img{width: 16px; height: auto; margin-right: 8px;}
.ts-btn-upload .uploadButton-file-name { width: 100%; font-size: 12px;}
.ts-help-text{font-style: italic;   display: block; font-size: 11px; font-weight: 500;  line-height: 12px;   color: var(--ts-dark-blue);
    margin-bottom: 7px;}
 .ts-broadcast-block .ts-box-block .ts-box-content .angular-editor-textarea { border-radius: 0.25rem; min-height: 125px!important; /*max-height:125px!important;*/}
 .ts-broadcast-block .ts-box-block .ts-box-content .angular-editor-toolbar { border-radius: 0.25rem;}

 .ts-broadcast-block .ts-switch-card .ts-switch-field label{ font-size: 10px; padding: 3px 5px;}
.ts-broadcast-block select{color:rgba(128,128,128,.4);opacity:1}
.ts-broadcast-block select option{color:var(--ts-black); font-size: 14px;}

.ts-custom-tooltip{position:relative;}
.ts-custom-tooltip-popup{ position: absolute; background-color: rgba(29, 29, 79, 0.9);   color: #fff;
    font-size: 12px;   line-height: 18px;  border-radius: 4px;   padding: 10px; min-width: 250px;  max-width: 250px;  text-align: left;
      bottom: calc(100% + 6px);right: -100%; display: none;}
.ts-custom-tooltip-popup:after { position: absolute;    content: "";    border-left: solid 6px transparent;
    border-right: solid 6px transparent;   border-top: solid 6px #1D1D4F;  bottom: -6px; right:17px; }
.ts-custom-tooltip:hover .ts-custom-tooltip-popup{display: block;}

 @media(max-width:992px){
  .ts-broadcast-block .ts-box-block .ts-box-content.ts-box-content-filters app-broadcast-form-filter{display: contents;}
  .ts-broadcast-block .ts-box-block .ts-box-content.ts-box-content-details {  order: 1; }
  .ts-broadcast-block .ts-box-block  .ts-broadcast-filter-block{order: 2;}
  .ts-broadcast-block .ts-box-block .ts-box-content.ts-box-content-filters {  order: 2; }
  .ts-broadcast-block .ts-box-block .ts-box-content.ts-box-content-notification {  order: 3; }
  .ts-broadcast-block .ts-box-block .ts-box-content.ts-box-content-applications {  order: 4; }
  .ts-broadcast-block .ts-box-action{order: 5;}
 }
 @media(max-width:767px){
  .ts-how-to-find-box{ margin: 20px auto;padding: 40px 20px;}
  .ts-how-to-find-box h2{margin: 0 0 25px 0;}
.ts-how-to-find-box .ts-find-row{flex-wrap: wrap;}
.ts-how-to-find-box .ts-find-row .ts-find-col{padding: 15px 15px;}
.ts-how-to-find-box .ts-find-icon{margin: 0 auto 0 auto;}
 }




 /********** Ask Talus Popup **********/
 .ts-ask-talus-popup {max-width: 330px;  border: solid 3px var(--ts-yellow);  border-radius: 8px; background-color: var(--ts-dark-blue);
    color: #fff;  padding:10px 15px 25px 15px; background-image:url(../images/ts-ask-talus-bg.png); background-repeat: no-repeat; 
    background-size: 235px auto; background-position: right top;
    position: fixed; bottom: 20px; right: 20px; z-index: 9999; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
 .ts-ask-talus-popup h3 {font-family: var(--ts-font);  padding: 0;   margin:25px 0 5px 0;  color: #fff;  font-size: 20px;  font-weight: 800;}
 .ts-ask-talus-popup p {font-family: var(--ts-font);  padding: 0;   margin: 0 0 15px 0;  color: #fff;  font-size: 14px;
    line-height: 18px;   font-weight: 400;  font-style: italic;}
 .ts-ask-talus-popup .ts-popup-close { display: flex; justify-content: flex-end;}
 .ts-ask-talus-popup .ts-popup-close   .ts-btn-popup-close{ display: inline-flex; align-items: center; justify-content: center;  width: 15px;
      height: 15px; cursor: pointer;  border-radius: 15px;  border: solid 1px #fff;  font-size: 5px;}

      
      /********** Freelancer Dashboard Banner **********/
      .ts-freelancer-dashboard-banner { position: relative;       margin: 0 auto 20px auto;  max-width: 75%;}
      .ts-freelancer-dashboard-banner img{width: 100%;}
      .ts-freelancer-dashboard-banner .btn-close {
    background-color: var(--ts-red);  color: #fff;  display: inline-flex;
    align-items: center;  justify-content: center;   width: 24px;    height: 24px;    border-radius: 24px;    font-size: 10px;
    position: absolute;    right: -5px;    top: -5px; cursor: pointer;}