/*----------1. Common CSS-----------*/
html {
  scroll-behavior: smooth;
}
body {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #333;
    padding: 0px!important;
    /*-webkit-font-smoothing: antialiased;
     overflow-x: hidden;*/
}
body.remove-overflow{
    overflow: hidden !important;
}
.edits {
    border-radius: 10px;
    padding: 5px 15px;
    display: inline-block;
    letter-spacing: 1px;
    position: absolute;
    background: #edf0f3;
    border: 1px solid #1e76bb;
    right: 0;
    cursor: pointer;
    color: #1e76bb;
    font-size: 13px;
    top: 30px;
    width: 112px;
    z-index: 3;
}
.job_function{
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #f3f3f3;
    background: #f3f3f3;
    padding: 5px 15px;
    margin: 5px 0;
}

mention-list.dropup{
    top: 15px !important;
}
.edits li {
    padding: 5px;
    width: max-content;
}

.claim-button-on-hover.more-side {
    margin: 0 40px 8px 0px;
}
.menu-border-top{
    cursor: pointer;
}
.hidden{
    display: none;
}

.modal-open{
    padding-right: 0px!important;
}

.more-person ul li span {
    display: inline-flex;
}
.margin_top {
    margin-top: 10px;
}
.page .claim-successful-box button {
    padding: 5px 0px 5px 0px;
    background-color: #1e75bb;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    border-style: none;
    margin: 1px;
    font-size: small;
}

.page .claim-successful-box button.match-unclaim{
    color: #fff;
    background-color: #3d86bf;
    border-color: #3d86bf;
    opacity: .65;
}
.page .claim-successful-box button:focus{
    outline: #1e75bb;
}

a {
    color: #1d77bb;
}
.btn-primary {
    background-color: #1d77bb;
    text-transform:uppercase;
    min-width:0px;
    letter-spacing: 1px;
    font-size:13px;
    border:0;
    padding:0.45rem .75rem;
    border-radius:3px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color:#0064b0!important;
    box-shadow:none!important;
}

.btn-secondary {
    background-color: #69717e;
    text-transform:uppercase;
    /*min-width:120px;*/
    letter-spacing: 1px;
    font-size:13px;
    border:0;
    padding:0.45rem .75rem;
    border-radius:3px;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color:#565e6a!important;
    box-shadow:none!important;
}

label {
    font-size: 14px;
    /*color: #777;*/
    margin-bottom: 2px;
}
.user_claim_icon{

    float: left;
    top: 10px;
}
.form-control {
    border: 1px solid #ccc;
    height: calc(32px + 2px);
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    color: #333;
    border-radius: 3px;
      padding: 0.375rem 0.6rem;
}
.form-control:focus {
    border-color: #aaa;
    outline: 0;
    box-shadow: none;
}

.custom-select {
    background: none;
    position:relative;
    border: 1px solid #ccc;
    height: calc(32px + 2px);
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    color: #333;
    border-radius: 3px;
    padding: .375rem 1.8rem .375rem 0.4rem;
    cursor: pointer;
}
.custom-select:focus {
    border-color: #aaa;
    outline: 0;
    box-shadow: none;
}
.input-select-custom:after{
    display: inline-block;
    content: "";
    color: #999;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-bottom: 0;
    border-left: 6px solid transparent;
    right:10px;
    top:15px;
    position:absolute;
}
#input-step-22 .input-select-custom:after,
#input-step-9 .input-select-custom:after,
#input-step-32 .input-select-custom:after,
#input-step-14 .input-select-custom:after,
#input-step-234 .input-select-custom:after,
.modal-post-organization .input-select-custom:after,
.modal-opportunities-bid .input-select-custom:after{
  display: none;
}

.row.token-expired-message {
    color: red;
}


.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999; opacity: 1;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #999; opacity: 1;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #999; opacity: 1;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #999; opacity: 1;
}

/* Bootstrap custom radio */
.custom-control-label {
    cursor:pointer;
   /* color: #777;*/
    line-height:24px;
}
 .custom-control-label:before {
    background-color: #fff;
    border: solid 1px #ccc;
}
.custom-control-label.type-focus:before{
  border: solid 1px red;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #37b34a;
    border-color: #37b34a;
    box-shadow:none;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label {
    color: #333;
}

/* Bootstrap custom checkbox */
.custom-checkbox .custom-control-label::before {
        border: 1px solid #ccc;
        background-color: #fff;
        border-radius: 100%;
}
.custom-checkbox .custom-control-label.sub-category-option::before{
  border-radius: 0%;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
       background-color: #37b34a;
       border-color: #37b34a;
       border-radius: 100%;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label.sub-category-option::before {
  border-radius: 0%;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

/* custom tooltip color */
.tooltip-inner {
    max-width: 170px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #212830;
    border-radius: 3px;
    font-size:12px;
    font-family: 'PT Sans', sans-serif;
    line-height:14px;
    text-align: left;
}
/* .tooltip-inner {
  max-width: 500px !important;
} */
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #eeeeee;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #eeeeee;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #eeeeee;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: 5px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #eeeeee;
}

/*Switch*/
.toggle-switch .switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 28px;
}
.toggle-switch .switch input {
    display:none;
}
.toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #999;
    box-shadow: inset 0 1px 3px 0 #666;
}
.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
  z-index:1;
}
.toggle-switch input:checked + .slider {
    background-color: #37b34a;
    box-shadow: inset 0 1px 3px 0 rgba(76,122,68,0.67);
}
.toggle-switch input:checked + .slider:before {
  -webkit-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
}
.toggle-switch  input:checked + .slider:after {
    content:"YES";
    position: absolute;
    left:15px;
    top:5px;
    right:auto;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.01px;
    line-height: 18px;
}
.toggle-switch .slider:after {
    content:"NO";
    position: absolute;
    text-align:right;
    right:15px;
    top:5px;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.01px;
    line-height: 18px;
}
.toggle-switch .slider.round {
    border-radius: 36px;
}
.toggle-switch .slider.round:before {
    border-radius: 50%;
}


#image_ch{
    display:none;
}

/*-------------------  Sign In and Sign Up Page Css -------------------*/
.login-main {
    display: table;
    width: 100%;
    height: 100vh;
    background: #f6f8fa;
}
.login-middle {
    position: fixed;
    width: 100%;
    height: calc(100vh - 93px);
    top: 0;
}
.login-top {
    position: fixed;
    z-index: 1;
}
.login-top .logo-top-left {
    float: left;
    padding: 20px;
}
.login-top .login-tab {
    float: right;
    padding: 25px 20px;
}
.login-tab {
        width: 292px;
    margin: 0 auto;
}
 .container-login {
    display: flex;
    margin: 0 auto;
    height: calc(100vh - 93px);
    align-items: center;
    width: 100%;
    justify-content: center;
}
.container-login-box {
    display: flex;
    vertical-align: middle;
    min-height: 500px;
    align-items: center;
}
 .login-slider {
     width: 100%;
     position: fixed;
     /*z-index: 1;*/
}
 .login-slider .carousel-indicators li {
     width: 9px;
     height: 9px;
     border-radius: 100%;
     background-color: rgba(255,255,255,.3);
     margin-right: 4px;
     margin-left: 4px;
}
 .login-slider .carousel-indicators li.active {
     background-color: rgba(255,255,255,1);
}
 .login-slider .carousel-indicators {
     bottom: 20px;
}
 .login-slider .carousel-item {
     height: 100%;
     width: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;

}
.modal-backdrop:nth-child(2n-1) {
    opacity : 0;
}
.login-slider .carousel-indicators {
    position: fixed;
}
@media (min-width: 767.98px) {
.login-slider .carousel-item {
position: fixed;
}
}

 .login-slider .carousel-item:before {
     background: rgba(68,153,205,1);
     background: -moz-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(68,153,205,1)), color-stop(100%, rgba(100,192,168,1)));
     background: -webkit-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: -o-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: -ms-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: linear-gradient(135deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4499cd', endColorstr='#64c0a8', GradientType=1 );
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0.85;
}
 .login-wrap {
     width: 460px;
     min-height: 500px;
     background: #fff;
     position: relative;
     padding:40px 50px;
}
 .login-logo {
     padding-bottom: 30px;
}
 .login-tab {
}
 .login-tab ul.nav li a {
     font-size: 16px;
     color: #37b34a;
     margin-right: 25px;
     padding-bottom: 6px;
     background: #fff;
     padding: 10px 30px;
     border-radius: 3px;
     border: 1px solid #37b34a;
}
 .login-tab ul.nav li a:hover {
     text-decoration: none;
     background: #37b34a;
     color: #fff;
}
 .login-tab ul.nav li a.active {
     background: #37b34a;
     text-decoration: none;
     color: #fff;
}
 .login-tab ul.nav li:last-child a {
    margin-right: 0px;
 }


 .login-tab ul.nav li span {
     font-size: 16px;
     color: #fff;
     margin-right: 25px;
     display: inline-block;
}
 .login-wrap .login-form {
     display: none;
}
.login-wrap .login-form.active {
     display: block;
}
.login-wrap .tab-content {
     padding-top: 0px;
}
.login-wrap .tab-content .custom-control.custom-radio {
    display: inline-block;
    margin-right: 25px;
}
.login-wrap .tab-content .form-group.password {
     position: relative;
}
.login-wrap .tab-content .form-group .icon-overlay {
     position: absolute;
     right: 11px;
     top: 32px;
     color: #999999;
}
.login-wrap .tab-content .form-group .or {
     font-size: 14px;
     color: #777;
     padding: 0 10px 0 10px;
}
.login-wrap .tab-content .form-group .social-icon {
     display: inline-block;
}
.login-wrap .tab-content .form-group .social-icon span {
     color: #333;
     padding-right: 6px;
}
.login-wrap .tab-content .form-group .social-icon a {
     height: 32px;
     width: 32px;
     border-radius: 100%;
     color: #fff;
     text-decoration: none;
     display: inline-block;
     line-height: 32px;
     text-align: center;
     margin-right: 5px;
}
.login-wrap .tab-content .form-group .social-icon a.linkedin {
     background: #0077b5
}
.login-wrap .tab-content .form-group .social-icon a.google {
     background: #dd4b39
}
.login-wrap .tab-content .form-group .social-icon a.facebook {
     background: #395693
}
.login-wrap .tab-content .form-group.submit {
     margin: 30px 0 24px 0;
}
.login-wrap .tab-content .form-check {
     padding-left: 0;
}
.login-wrap .tab-content .form-check .custom-control {
     display: inline-block;
}
.login-wrap .tab-content .form-check .forgot-pass {
     float: right;
}
.login-wrap .tab-content .form-group.signup-link {
     padding-top: 0px;
    position: absolute;
    width: 100%;
    bottom: 30px;
    left: 0;
}
.container-login-left {
    padding: 40px 0px;
    display: flex;
    vertical-align: middle;
    min-height: 500px;
    width: 460px;
    align-items: center;
    margin-right: 10%;
}

.container-login-left img {
    max-width: 100%;
}

.container-login-left-box .logo-text {
    text-align: center;
    color: #fff;
    font-size: 26px;
    padding-top: 15px;
}


.login-wrap .tab-content #sign-up .form-check {
     margin-top: 22px;
}
.login-wrap .tab-content #sign-in .form-check {
     margin-bottom: 12px;
}
.login-wrap .tab-content #sign-up .form-group.submit {
     margin: 22px 0 22px 0;
}
.login-wrap .tab-content #sign-up .form-group .or {
     padding: 0 7px 0 8px;
}




/*-----3. Input Form Expert-------*/
/*.input-form-bg {
    background-color: #f6f8fa;
}*/
.input-form-bg .tooltip-inner {
    max-width: 200px;
    text-align: left;
}
.input-form-bg .bs-tooltip-right {
    margin-left: 10px;
}
.input-form-bg .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.input-form-bg .tooltip.bs-tooltip-right .arrow::before {
    margin-top: 0px;
}

.logo-input-form {
    position: fixed;
    left: 20px;
    top: 20px;
}
.input-form-bg {
    /* background-image: url(../images/slider-img1.jpg); */
    height: 100%;
    width: 100%;
    /* background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    /*position: fixed;*/
}
.input-form-bg:before {
    /* background: rgba(68,153,205,1);
    background: -moz-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(68,153,205,1)), color-stop(100%, rgba(100,192,168,1)));
    background: -webkit-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
    background: linear-gradient(135deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4499cd', endColorstr='#64c0a8', GradientType=1 ); */
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.85;
}
.input-form-wrap {
    display: table;
    width: 100%;
    height: 100vh;
}
.input-form-middle {
    display: table-cell;
    vertical-align: middle;
}

.input-form-main {
    width:750px;
    margin:0 auto;
}
.input-form-main h1 {
    font-size: 32px;
    margin-bottom:0;
}
.input-form-main h5 {
    font-size: 18px;
    color: #777;
    margin-bottom:0;
}
.input-form-main .input-form-header {
    padding: 30px 0;
    position: relative;
}
.error-msg {
    font-size: 12px;
    color: #ff0000;
    width: 100%;
    line-height: 12px;
    padding-top: 3px;
}
.top-error-msg {
    position: relative;
    top: -6px;
}
.img-upload-error {
    margin-top: -20px;
}
.form-box-white-bg .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.2);
}

.input-form-main .input-form-box {
    position:relative;
    min-height: 580px;

}

.input-form-main .input-form-box .floting-icon {
    border-radius:50%;
    width:40px;
    height:40px;
    border: solid 1px #ccc;
    font-size:22px;
    color:#37b34a;
    display:inline-block;
    text-align:center;
    background-color:#fff;
    padding: 0.18rem;
    margin-right: 15px;
}

.input-form-main .input-form-box h2 {
    font-size:24px;
    font-weight:700;
    margin-bottom:0;
    display: inline-block;
    color: #fff;
}
.input-form-main .input-form-box .input-complete-progress {
    line-height:14px;
    color:#fff;
}
.input-form-main .input-form-box .input-complete-progress span {
    font-size:18px;
    color:#fff;
}
.input-form-main .input-form-box .form-box-white-bg {
    background-color:#fff;
    margin-top:20px;
    box-shadow:0 0 5px 0 #ddd;
    border-radius:3px;
    height:400px;
    /*overflow-y: scroll;*/
    overflow: auto;
}
.input-form-main .input-form-box .progress {
    height:10px;
    border-radius:3px;
    background-color: #eee;
}
.input-form-main .input-form-box .progress .w-12 {
    width: 12%;
}

.input-form-main .input-form-box .progress .w-15 {
    width: 15%;
}

.input-form-main .input-form-box .progress .w-20 {
    width: 20%;
}

.input-form-main .input-form-box .progress .w-25 {
    width: 25%;
}
.input-form-main .input-form-box .progress .w-37 {
    width: 37%;
}
.input-form-main .input-form-box .progress .w-30 {
    width: 30%;
}
.input-form-main .input-form-box .progress .w-40 {
    width: 40%;
}
.input-form-main .input-form-box .progress .w-45 {
    width: 45%;
}
.input-form-main .input-form-box .progress .w-50 {
    width: 50%;
}
.input-form-main .input-form-box .progress .w-60 {
    width: 60%;
}
.input-form-main .input-form-box .progress .w-62 {
    width: 62%;
}
.input-form-main .input-form-box .progress .w-75 {
    width: 75%;
}
.input-form-main .input-form-box .progress .w-87 {
    width: 87%;
}
.input-form-main .input-form-box .progress .w-90 {
    width: 90%;
}
.input-form-main .input-form-box .progress .w-16 {
    width: 16%;
}
.input-form-main .input-form-box .progress .w-32 {
    width: 32%;
}
.input-form-main .input-form-box .progress .w-48 {
    width: 48%;
}
.input-form-main .input-form-box .progress .w-64 {
    width: 64%;
}
.input-form-main .input-form-box .progress .w-80 {
    width: 80%;
}
.input-form-main .input-form-box .progress .w-24 {
    width: 24%;
}
.input-form-main .input-form-box .progress .w-36 {
    width: 36%;
}
.input-form-main .input-form-box .progress .w-72 {
    width: 72%;
}
.input-form-main .input-form-box .progress .w-84 {
    width: 84%;
}
.input-form-main .input-form-box .progress .w-76 {
    width: 76%;
}
.input-form-main .input-form-box .progress .w-68 {
    width: 68%;
}
.input-form-main .input-form-box .progress .w-88 {
    width: 88%;
}
.input-form-main .input-form-box .progress .w-52 {
    width: 52%;
}
.input-form-main .input-form-box .progress-bar {
    background-color: #37b34a;
}
.input-form-main .form-white-box-inner {
    padding: 15px;
    position:relative;
    min-height: 390px;
}
.input-form-main .form-white-box-inner h3 {
    font-size: 20px;
    font-weight:700;
    margin-bottom:15px;
}
.input-form-main .form-white-box-inner h4 {
    font-size: 20px;
    font-weight:700;
    margin-bottom:0;
}
.input-form-main .form-white-box-inner .select-appropriate {
    max-width:400px;
    margin: 10px auto;
}
.input-form-main.input-form-organization .form-white-box-inner .select-appropriate {
    max-width:100%;
    margin: 0px auto;
    padding: 15px 50px;
}
.input-form-main .form-white-box-inner .custom-radio {
    padding-top: 4px;
    padding-bottom:4px;
}
.input-form-main .form-white-box-inner .custom-control-label {
    cursor:pointer;
    color: #777;
    line-height:24px;
}
.input-form-main .form-white-box-inner .custom-control-label.sub-category-option{
  font-size: 13px;
}
.input-form-main .form-white-box-inner .custom-control-label.parent-category-options{
  font-size: 18px;
  color: #333;
}
.input-form-main .form-white-box-inner .custom-control-label:before {
    background-color: #fff;
    border: solid 1px #ccc;
}
.input-form-main .form-white-box-inner .custom-radio .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #37b34a;
    border-color: #37b34a;
    box-shadow:none;
}
.input-form-main .form-white-box-inner .custom-radio .custom-control-input:checked ~ .custom-control-label {
    color: #333;
}
.input-form-main  .form-btn-part {
    padding:20px 0;
}

.input-form-box .enter-your-personal-box {
    margin:15px 50px;
}
.enter-your-personal-box a.input-help-icon {
    top: 30px;
    z-index: 1;
    border-radius: 100%;
    font-size: 15px;
    /*overflow: hidden;*/
}
.enter-your-personal-box a.input-help-icon svg.svg-inline--fa {
    float: left;
    overflow: hidden;
    border-radius: 100%;
}
.input-form-box .profile-main-box {
    margin-top:50px;
    padding:0;
    width:160px;

}
.input-form-box .profile-main-box .profile-img {
    margin:0;
    padding:0;
    position:relative;
    width:160px;
    height:160px;
    border: solid 5px #ddd;
    border-radius:50%;
    overflow: hidden;
    background: #aaaaaa;
}
.input-form-box .profile-main-box .profile-img img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.input-form-box .profile-main-box .profile-img .svg-inline--fa {
    width: 100%;
    font-size: 90px;
    margin-top: 25px;
    color: #cccccc;
}
.input-form-box .profile-main-box .camera-icon {
    margin:0;
    position:relative;
    bottom:24px;
    background-color: #69717e;
    width:40px;
    height:40px;
    color: #fff;
    display:inline-block;
    padding:0.21rem;
    font-size:22px;
    border-radius:50%;
}
.input-form-box .form-group-box {
    margin:0;
}
.input-form-box .form-group-box .form-group {
    float:left;
    width:85%;
}
.input-form-box .form-group-box .custom-control .custom-control-label {
    margin-bottom: -12px;
}
.input-form-box .enter-your-personal-box input {

}
.input-form-box .form-group-box .custom-control.custom-checkbox {
    display: inline-block;
    padding-left:0;
    float:right;
}


.input-form-box .input-location-main {
    max-width:400px;
    margin:15px auto;
}
.input-workprofile-main .form-group .input-help-icon {
    top: 25px;
}
.input-form-box .input-help-icon {
    position:absolute;
    right: -30px;
    top:3px;
    color: #999 !important;
    cursor: pointer;
    font-size: 15px;
}
.input-form-box .input-help-icon.parent-category {
  top:2px;
  margin-left: 6px;
  right: initial;
}
.input-form-box .skip-link {
    color: #fff;
    text-decoration: underline;
    font-size: 13px;
    display: inline-block;
    margin-right:30px;
}
.input-form-box .skip-link:hover {
    color:#fff;
    text-decoration:none;
}
.input-form-box .input-contact-main {
    max-width:400px;
    margin:20px auto 15px auto;
}
.input-form-box .input-facts-main {
    max-width:400px;
    margin:10px auto 15px auto;
}
.row.row-work-authorization {
    margin: 0;
    position: relative;
}
.input-form-box .input-workprofile-main {
    max-width:400px;
    margin:15px auto 5px auto;
}
.input-form-box .input-workprofile-main h4 {
    margin-bottom:5px;
}
.input-form-box .input-workprofile-main h4.position-relative .input-help-icon {
    top: 0;
}
.form-group.datepicker-input-main {
    position: relative;
}
.input-form-box .input-preferences-main {
    max-width:400px;
    margin:20px auto 15px auto;
}
.input-form-box  .datepicker-input-main .form-control {
    position: relative;
    background: transparent;
    z-index: 1;
}
.input-form-box  .datepicker-input-main .calendar-icon-inside {
    position:absolute;
    right: 10px;
    top:4px;
    color: #777;
    font-size: 18px;
}

.input-form-box .input-affiliation-main {
    max-width:460px;
    margin:20px auto 15px auto;
}
.input-affiliation-main .form-group {
    width: 460px;
    margin: 0 auto;
}
.input-form-box .input-affiliation-main  .affiliate-switch-box {
    position:relative;
    padding-right:80px;
    margin-bottom:50px;
}
.input-form-box .input-affiliation-main  .affiliate-switch-box .toggle-switch {
    position:absolute;
    right: 0;
    top: 0px;
}
.input-form-scroll-area-main {
    overflow: hidden;
    height:565px;
    padding:20px 0;
}
/*#input-step-2, #input-step-3, #input-step-4, #input-step-5, #input-step-6, #input-step-7 {
    opacity:0;
}*/


/*----Define Skill Progress----*/
.define-skill-bg {
    background-color: #495a68;
}
.define-skill-main {
    max-width: 1400px;
    margin:0 auto;
    margin-top: 30px;
}
.define-skill-main h1 {
    font-size: 32px;
    margin-bottom:0;
    color: #fff;
}
.define-skill-main h5 {
    font-size: 18px;
    color: rgba(255,255,255,0.5);
    margin-bottom:0;
}
.define-skill-main .define-skill-header {
    padding: 30px 0;
}

.define-skill-main .define-skill-box {
     background-color: #fff;
     border-radius: 3px;
     padding: 15px 15px 65px 15px;
     margin:15px 0;
     min-height: 500px;
     position:relative;
}
.define-skill-main .define-skill-box h2 {
    font-size: 20px;
    margin-bottom:30px;
    font-weight:bold;
    text-align:center;
    min-height:50px;
}
.define-skill-main .define-skill-box p {
    text-align:center;
    font-size: 14px;
    color: #777;
    line-height: 20px;
}
.define-skill-main .define-skill-box .skill-btn-show {
    position:absolute;
    bottom: 20px;
    width:100%;
    margin:0 -15px;
}
.define-skill-main .define-skill-box .btn-primary {
    min-width: 140px;
}
.define-skill-main .define-skill-box .btn-primary.mw-200 {
    min-width:200px;
}


.autcomplete-fileds {
      /*display: none;*/
    width: 97.2%;
    position: absolute;
    left: 0;
    top: 45px;
    overflow-y: scroll;
    max-height: 301px;
}

.autocomplate-content-area{
    background: #fff;
    width: 100%;
    display: block;
    padding: 10px;
    border-top: 1px solid #b9adad;
    border-radius: 3px 3px 0 0;
        text-align: left;
        cursor: pointer;
}

.autocomplate-content-area .star {
    display: inline-block;
    margin-left: 5px;
}
.autocomplate-content-area:hover {
    background: #1b74bb;
    color: #fff!important;
}


.star a {
    margin: 0;
    padding: 0;
    color: #cccccc;
    font-size: 16px;
    margin-right: 4px !important;
}
.star a.star-green {
    color: #37b34a;
    margin: 0;
}
.star a:hover {
    color: #37b34a!important;
}


/*progress bar*/
.cpb-progress-bar {
  position: relative;
  height: 240px;
  width: 200px;
  margin:30px auto 0 auto;

}
.cpb-progress-bar .back-circle {
    position: absolute;
    z-index:0;
    background-color: #fff;
    width:230px;
    height:230px;
    border-radius: 50%;
    left:-15px;
    top:-15px;
}
.cpb-progress-bar .cpb-progress-text {
    font-size: 13px;
    text-transform: uppercase;
    color: #777;
    letter-spacing: 2px;
    position: absolute;
    z-index:2;
    display:block;
    font-weight:normal;
    text-align:center;
    width:200px;
    height:50px;
    bottom:70px;
    vertical-align:bottom;
}
.cpb-progress-bar div {
  position: absolute;
  height: 200px;
  width: 200px;
  border-radius: 50%;
}

.cpb-progress-bar div span {
  position: absolute;
  font-size: 42px;
  font-weight:bold;
  line-height: 165px;
  height: 165px;
  width: 165px;
  left: 16.5px;
  top: 16.5px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
}

.cpb-progress-bar .background { background-color: #666; }

.cpb-progress-bar .rotate {
  clip: rect(0 100px 200px 0);
  background-color: #4b86db;
}

.cpb-progress-bar .left {
  clip: rect(0 100px 200px 0);
  opacity: 1;
  background-color: #b3cef6;
}

.cpb-progress-bar .right {
  clip: rect(0 100px 200px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #4b86db;
}
 @keyframes
toggle {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}

.define-skill-main .skill-step-line {
    border-top: solid 3px #75818c;
    position:relative;
    text-align:center;
    margin-top:20px;
    padding-bottom:30px;
    margin-right:-15px;
    margin-left:-15px;
}
.define-skill-main .skill-step-line.first-step {
    margin-left:0;
}
.define-skill-main .skill-step-line.third-step {
    margin-right:0;
}
.define-skill-main .skill-step-line span {
    background-color: #fff;
    border: solid 3px #75818c;
    width:40px;
    height:40px;
    display:inline-block;
    border-radius: 50%;
    font-size:20px;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
    position:absolute;
    top: -22px;
    margin-left:-20px;
    color: #ccc;
    line-height:32px;
}
.define-skill-main .skill-step-line.completed {
    border-color: #37b363;
}
.define-skill-main .skill-step-line.completed span {
    border-color: #37b363;
    color: #37b363;
}

.define-skill-main .skill-step-line.inprogress {
    border-color: #aaa;
}
.define-skill-main .skill-step-line.inprogress span {
    border-color: #aaa;
    color: #aaa;
}

.define-skill-main .define-skill-box.waiting-box > * {
    opacity:0.5
}
.define-skill-main .define-skill-box .complete-progress {
    display:inline-block;
    width: 110px;
    height: 48px;
    background: url(../images/progress-complete-icon.png) center center no-repeat;
    text-align: center;
    background-size: 48px;
    position:absolute;
    background-color: #fff;
    top: 50%;
    left: 50%;
    margin-left:-55px;
    margin-top:-48px;
    z-index:9;
}






/*----- 4. Skill Directory Css -----*/
.skill-list-box {
  margin:0;
  padding:0;
}

.skill-list-box .skill-img-box {
  margin: 0;
  padding: 190px 0 0 0;
  position: relative;
  min-height: 553px;
  background: url(../images/skill-directory.jpg) top 42% center no-repeat;
  background-size: cover;
}
/* .skill-list-box .skill-img-box:before {
     background: rgba(68,153,205,1);
     background: -moz-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(68,153,205,1)), color-stop(100%, rgba(100,192,168,1)));
     background: -webkit-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: -o-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: -ms-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: linear-gradient(135deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4499cd', endColorstr='#64c0a8', GradientType=1 );
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0.85;
} */
.skill-list-box .skill-list-contain {
    margin: 0 auto;
    padding:0;
    text-align: center;
    width: 100%;
    font-family: 'PT Sans', sans-serif;
}
.skill-list-box .skill-list-contain h1 {
  font-size: 32px;
  font-weight: 400;
  color:#fff;
  margin:0;
  padding:0;
}
.skill-list-box .skill-list-contain h2 {
  font-size: 20px;
  font-weight: 700;
  color:#fff;
  margin:36px 0 36px 0;
  padding:0;
}
.skill-list-box .skill-list-contain p {
  font-size: 18px;
  font-weight: 400;
  color:#fff;
  margin:0;
  padding:0;
}
.skill-list-box .skill-list-contain .input-group > input {
  border-radius: 3px;
  padding: 10px 10px 10px 54px !important;
  border: none;
  /* margin-right: 11px; */
  background-color: #fff;
  height: 46px;
}
.skill-list-box .skill-list-contain .input-group .fa-search {
  margin: 0;
  position: absolute;
  left: 18px;
  z-index: 9;
  top: 12px;
  font-size:20px;
  color: #69717e;

}
.skill-list-box .skill-list-contain .input-group > .input-group-append .btn-primary {
    border-radius:3px;
    padding:10px 20px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
}
.skill-list-box .skill-list-contain a.btn-black-dark {
    border-radius:3px;
    padding:13px 23px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    background-color:#222830;
    width: 202px;
    display: inline-block;
    text-transform: uppercase;
}
.skill-list-box .skill-list-contain a.btn-black-dark .svg-inline--fa {
    margin-right: 10px;
    font-size: 20px;
}
.skill-list-box .skill-list-contain a.btn-black-dark:focus, .skill-list-box .skill-list-contain a.btn-black-dark:hover {
   background-color:#1d2126;
 }

.section-skill-list {
    margin:50px 0 30px 0;
    padding: 0;
}
.section-skill-list h2 {
    margin:0 0 20px 0;
    padding: 0;
    text-align: center;
    font-size:28px;
    font-weight: 400;
    color:#333333;
}
.section-skill-list .skill-list-sory-by {
  margin:0 0 36px 0;
  padding:0;
}
.section-skill-list .skill-list-sory-by ul {
  margin:0;
  padding:0;
  list-style: none;
}
.section-skill-list .skill-list-sory-by ul li {
  margin:0;
  padding:0;
  display: inline-block;
  font-size:14px;
  color:#333333;
  font-weight: 400;
}
.section-skill-list .skill-list-sory-by ul li p {
  margin:0 10px 0 0;
  font-size:14px;
  color:#333333;
  font-weight: 400;
  background: #80808078;
  padding: 5px;
  border-radius: 5px;
}
.section-skill-list .skill-list-sory-by ul li a {
  display: block;
  margin:0;
  padding:4px 10px;
  font-size:14px;
  color:#999999;
  font-weight: 400;
  text-decoration: none;
  height: 30px;
  border-radius:3px;
    line-height: 22px;
}
.section-skill-list .skill-list-sory-by ul li a:hover {
  color:#fff;
  background-color:#222830;
  border-radius:3px;
  padding:3px 10px;
}
.section-skill-list .skill-list-sory-by ul li a.currrent {
  color:#fff;
  background-color:#222830;
}
.section-skill-list .review-box {
    /*padding:6px 0;*/
    text-overflow: ellipsis;
    /* overflow: hidden; */
    white-space: nowrap;
    line-height: 24px;
}
.section-skill-list .review-box .star {
    margin:0;
    float: left;
}
.section-skill-list .review-box .star a {
     margin:0;
     padding:0;
     color:#cccccc;
     font-size:16px;
     margin-right: 4px !important;
}
.section-skill-list .review-box .star a:hover {
    color:#37b34a!important;
}

.section-skill-list .review-box a.star-green {
 color:#37b34a;
 margin:0;
}
.section-skill-list .review-box p {
  margin:0 0 0 10px;
  padding:0;
  font-size:14px;
  color:#333333;
  font-weight: 400;
  text-decoration: none;
  display: inline!important;
}


.float-btn-right-skill {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 2;
    padding:0;
}
.float-btn-right-skill .btn-right-link {
  margin:0;
  padding:0;
}
.float-btn-right-skill .btn-right-link a {
    margin: 0;
    padding-top: 16px;
    width: 52px;
    height: 52px;
    background-color: #37b34a;
    display: block;
    border-radius: 50%;
    text-align: center;
}
.float-btn-right-skill .btn-right-link a i {
  margin: 0 auto;
  width: 20px;
  height: 20px;
  background: url(../images/plus-icon.png) center center no-repeat;
  display: block;
  text-align: center;
}

.float-btn-skill-menu {
    margin:0;
}
.float-btn-skill-menu ul {
  margin:0;
  padding:0;
  list-style: none;
}
.float-btn-skill-menu ul li {
  display: block;
  margin:0;
  padding:0;
}
.float-btn-skill-menu ul li a {
    margin: 0;
    padding-top: 16px;
    display: block;
    border-radius: 50%;
    text-align: center;
  }
.float-btn-skill-menu ul li a span {
    margin: 0;
    padding-top: 16px;
    width: 52px;
    height: 52px;
    background-color: #37b34a;
    border-radius: 50%;
    text-align: center;
    display: block;
   }
.float-btn-skill-menu ul li .menu-text {
    margin: 0;
    padding-top: 16px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    text-align: center;
    display:none;
   }
.float-btn-skill-menu ul li .menu-text:hover  {
    margin: 0;
    padding-top: 16px;
    width: 52px;
    height: 52px;
    background-color: #000;
    display: block;
    border-radius: 50%;
    text-align: center;
    display: block;
}
.menu-box {
    margin:0;
    position: relative;
}
.menu-box ul.mfb-zoomin li ul.mfb-component__list li span {
  /*text-indent: -999px;*/
  width: 0px;
  height: 52px;
  line-height:22px;
  background: transparent;
  transition: width 0.5s;
  opacity: 0;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  display: none;
  min-width: 250px;
}
.menu-box ul.mfb-zoomin li ul.mfb-component__list li a:hover span {
    border-radius: 30px;
    background-color:#37b34a;
    color: #fff;
    font-size: 18px;
    padding:14px 15px 14px 15px;
    position: absolute;
    right:0px;
    top:0;
    width:250px;
    z-index: 0;
    display: block;
    opacity: 1;
    text-align: left;

}
.menu-box ul.mfb-zoomin li ul.mfb-component__list li a:hover span.restore_span{
    background-color:#656565;
}
.menu-box ul.mfb-zoomin li ul.mfb-component__list li a:hover i.fa-gavel,
.menu-box ul.mfb-zoomin li ul.mfb-component__list li a:hover i.fa-briefcase,
.menu-box ul.mfb-zoomin li ul.mfb-component__list li a:hover i.fa-folder-open,
.menu-box ul.mfb-zoomin li ul.mfb-component__list li a:hover i.fa-building,
.menu-box ul.mfb-zoomin li ul.mfb-component__list li a:hover i.fa-users {
    position: relative;
    z-index: 0;
    margin-right: 6px;
}
.menu-box .fa-gavel::before,
.menu-box .fa-briefcase::before,
.menu-box .fa-folder-open::before,
.menu-box .fa-building::before,
.menu-box .fa-users::before {
   padding-left:0px;
}
.mfb-component__child-icon, .mfb-component__child-icon {
    line-height: 52px;
    font-size: 18px;
    position: relative;
    z-index: 999;
}
.menu-box .ion-plus-round::before {
    content: "";
    background: url(../images/plus-icon.png) center center no-repeat;
    background-size: cover;
    padding-top: 20px;
    width:20px;
    height: 20px;
    position: relative;
    top: 3px;
}
.menu-box .mfb-component--bl.mfb-zoomin .mfb-component__list li,
.menu-box  .mfb-component--br.mfb-zoomin .mfb-component__list li .fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
    transform: rotate(270deg);
}

.mfb-component__list > li a:hover .svg-inline--fa {
   width: 26px;
  display: none;

}
.mfb-component__list > li a:hover span .svg-inline--fa {
    display: inline-block;
    margin-right: 6px;
    width: 24px;

}
 .mfb-component__button--main:hover,
 .mfb-component__list > li a:hover {
    color: #fff;
    transition: all 0.5s;
}



/*----- 5. Skill Directory Search Results Css -----*/
.section-skill-directory-search-results {
    margin: 50px 0 30px 0;
    padding: 0;
}
.section-skill-directory-search-results h2 {
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    color: #333333;
}
.section-skill-directory-search-results .skill-list-sory-by {
    margin: 0 0 10px 0;
    padding: 0;
}
.section-skill-directory-search-results .skill-list-sory-by ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.section-skill-directory-search-results .skill-list-sory-by ul li {
    margin: 0 3px;
    padding: 0;
    display: inline-block;
}
.section-skill-directory-search-results .skill-list-sory-by ul li a {
    display: block;
    margin: 0;
    padding: 0px 8px 0px 12px;
    font-size: 12px;
    color: #222830;
    font-weight: 700;
    text-decoration: none;
    line-height: 32px;
    text-transform: uppercase;

    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,241,241,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 );
    border: 1px solid #cccccc;
    border-radius: 3px;
}
.section-skill-directory-search-results .skill-list-sory-by ul li a span {
    background: #eb3b48;
    color: #fff;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    margin-left: 18px;
}
.section-skill-directory-search-results .skill-list-sory-by ul li a:hover {
    color: #fff;
    border: 1px solid #111519;

    background: rgba(50,64,75,1);
    background: -moz-linear-gradient(top, rgba(50,64,75,1) 0%, rgba(73,90,104,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,64,75,1)), color-stop(100%, rgba(73,90,104,1)));
    background: -webkit-linear-gradient(top, rgba(50,64,75,1) 0%, rgba(73,90,104,1) 100%);
    background: -o-linear-gradient(top, rgba(50,64,75,1) 0%, rgba(73,90,104,1) 100%);
    background: -ms-linear-gradient(top, rgba(50,64,75,1) 0%, rgba(73,90,104,1) 100%);
    background: linear-gradient(to bottom, rgba(50,64,75,1) 0%, rgba(73,90,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32404b', endColorstr='#495a68', GradientType=0 );
}
.section-skill-directory-search-results .skill-list-sory-by ul li a.active {
    color: #fff;
    border: 1px solid #111519;

    background: rgba(50,64,75,1);
    background: -moz-linear-gradient(top, rgba(50,64,75,1) 0%, rgba(73,90,104,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,64,75,1)), color-stop(100%, rgba(73,90,104,1)));
    background: -webkit-linear-gradient(top, rgba(50,64,75,1) 0%, rgba(73,90,104,1) 100%);
    background: -o-linear-gradient(top, rgba(50,64,75,1) 0%, rgba(73,90,104,1) 100%);
    background: -ms-linear-gradient(top, rgba(50,64,75,1) 0%, rgba(73,90,104,1) 100%);
    background: linear-gradient(to bottom, rgba(50,64,75,1) 0%, rgba(73,90,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32404b', endColorstr='#495a68', GradientType=0 );
}
.section-skill-directory-search-results .review-box {
    margin: 6px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.section-skill-directory-search-results .review-box .custom-control {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.section-skill-directory-search-results .review-box .star {
    margin: 0;
    float: left;
}
.section-skill-directory-search-results .review-box .star a {
    margin: 0;
    padding: 0;
    color: #cccccc;
    font-size: 16px;
}
.section-skill-directory-search-results .review-box a.star-green {
    color: #37b34a;
    margin: 0;
}
.section-skill-directory-search-results .review-box .star a:hover {
    color: #37b34a!important;
}
.section-skill-directory-search-results .review-box p {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    text-decoration: none;
    display: inline!important;
}
.section-skill-directory-search-results .select-all {
    text-decoration: underline;
    color: #1b75bb;
}
.section-skill-directory-search-results .suggest-skill {
    text-align: right;
    text-decoration: underline;
    padding-top: 40px;
    padding-right: 140px;
}
.section-skill-directory-search-results  .custom-checkbox .custom-control-input:checked~.custom-control-label p {
font-weight: bold;
color: #333;
}
.max-container {
    max-width: 1900px;
}
.section-skill-directory-search-results .search-results-content {
    display: none;
    padding: 54px 15px 15px 15px;
}
.section-skill-directory-search-results #search-results-skill.search-results-content {
    padding: 35px 15px 15px 15px;
}
.section-skill-directory-search-results .search-results-content.active {
    display: block;
}
.section-skill-directory-search-results .search-results-content .review-box p {
    margin: 0 0 0 10px;
}
.section-skill-directory-search-results #skill-list-slider {
    padding: 0px;
}
.section-skill-directory-search-results .search-results-content #skill-list-slider .review-box p {
    margin: 0 0 0 10px;
}

.section-define-skill-search-results {
  background: #fff;
  display: none;
}
.section-define-skill-search-results.open {
    display: block;
}


/*----- 6. Skill Directory Wizard Css -----*/
.skill-wizard-tab-content {
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    background: #fff;
}
.skill-wizard-tab-content .wizard-checkbox-list {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /* padding: 0 10px 0 40px; */
}
.skill-wizard-tab-content .owl-pagination .owl-page {
    display: inline-block;
}
.skill-wizard-tab-content .owl-pagination .owl-page span {
     width: 9px;
     height: 9px;
     border-radius: 100%;
     background-color: #999;
     margin-right: 4px;
     margin-left: 4px;
     display: inline-block;
        cursor: pointer;
}

.skill-wizard-tab-content .owl-pagination .owl-page.active span {
     background-color: #37b34a;
}

.skill-wizard-tab-content .owl-pagination {
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    display: inline-block;
}


.skill-wizard-tab-content .accordion-checkbox {
  position: absolute;
  opacity: 0;
}
.skill-wizard-tab-content .accordion-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    width: auto;
    border: none;
    color: #333;
    height: auto;
    background: transparent;
    font-size: 14px;
    font-weight: normal;
    line-height: 32px;
    float: none;
    text-align: left;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: inherit;
}
.skill-wizard-tab-content .accordion-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
}
.skill-wizard-tab-content .accordion-checkbox:checked + label:before {
  background: #37b34a;
}
.skill-wizard-tab-content .accordion-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.skill-wizard-tab-content .accordion-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.skill-wizard-tab-content .accordion-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 14px;
  background: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.skill-wizard-tab-content .accordion-checkbox:checked + label {
    font-weight: bold;
}
.skill-wizard-tab-content .owl-carousel.owl-theme {
    overflow: hidden;
    position: relative;
}
.skill-wizard-tab-content .owl-carousel.owl-theme .owl-item {
    float: left;
 }
 .skill-wizard-tab-content .owl-controls {
    width: 100%;
    position: relative;
    padding-right: 45px;
 }
.skill-wizard-tab-content .owl-controls .owl-buttons {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.skill-wizard-tab-content .owl-controls .owl-prev,
.skill-wizard-tab-content .owl-controls .owl-next {
    width: 30px;
    height: 30px;
    color: #000;
    background-image: none !important;
    z-index: 1;
    background: #999999;
    border-radius: 100%;
    line-height: 32px;
    font-size: 18px;
    position: absolute;
    text-align: center;
    opacity: 0.5;
    cursor: pointer;
}

.skill-wizard-tab-content .owl-controls .owl-next,
.skill-wizard-tab-content .owl-controls .owl-prev {
    width: 30px;
    top: 255px;
}
.skill-wizard-tab-content .owl-controls .owl-next {
    right: 15px;
}
.skill-wizard-tab-content .owl-controls .owl-prev {
    left: 0px;
}
.skill-wizard-tab-content .owl-controls .owl-next:hover,
.skill-wizard-tab-content .owl-controls .owl-prev:hover {
   opacity: 1;
}

.skill-wizard-tab-content .tab-content-right .owl-controls .owl-buttons {
    opacity: 0;
}
.skill-wizard-tab-content .tab-content-right:hover .owl-controls .owl-buttons {
    opacity: 1;
}
.skill-wizard-tab-content .tab-content-right .owl-controls .owl-next {
    right: 0;
}
.skill-wizard-tab-content .tab-content-right .owl-controls .owl-prev {

}
.skill-wizard-tab-content .tab-content-right .owl-controls {
    padding-right: 0px;
}
.skill-wizard-tabs-main .carousel-control-prev {
    left: 30px !important;
}
.skill-wizard-tabs-main .skills_function .carousel-control-prev {
    left: -40px !important;
}


.section-skill-wizard {
    padding: 50px 0 30px 0;
    max-width: 1900px;
    margin: 0 auto;
}
.section-skill-wizard .page-title h2 {
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    color: #333333;
}
.skill-wizard-tabs-main {
    width: 100%;
    float: left;
}
.skill-wizard-tabs-main .progress {
    height: 10px;
    border-radius: 3px;
    background-color: #eee;
}
.skill-wizard-tabs-main .progress .progress-bar {
    background-color: #37b34a;
}
.skill-wizard-tabs {
    padding-top: 15px;
}
.skill-wizard-tabs ul {
    margin-bottom: -1px;
}
.skill-wizard-tabs ul li {
    width: 19%;
    position: relative;
}
.skill-wizard-tabs ul li.last-teb {
    width: 24%;
}
.skill-wizard-tabs ul li:before {
    position: absolute;
    content: "";
    background: #fff;
    height: 10px;
    width: 2px;
    top: -25px;
    right: -2px;
}
.skill-wizard-tabs ul li:last-child:before {
    display: none;
}
.skill-wizard-tabs ul li:first-child a {
    border-left: none;
}
/*.skill-wizard-tabs ul li:last-child a {
    border-right: 1px solid #e5e5e5;
} */
.skill-wizard-tabs ul li a {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    line-height: 49px;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #fff;
    border-radius: 0;
    width: 100%;
    border-right: none;
    border-bottom: none;
    text-align: center;
    background: rgba(241,241,241,1);
    background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0 );
}
.skill-wizard-tabs ul li a:hover {
    text-decoration: none;
}
.skill-wizard-tabs ul li a.active {
    background: #fff;
    border-bottom: 1px solid #fff;
}
.skill-wizard-tabs ul li a span {
    background: #eb3b48;
    height: 18px;
    width: 18px;
    font-size: 11px;
    border-radius: 100%;
    line-height: 18px;
    vertical-align: top;
    margin-top: 16px;
    display: inline-block;
    color: #fff;
    letter-spacing: normal;
    text-align: center;
}

.skill-wizard-right {
    width: 25%;
    float: right;
    position: relative;
    display: none;
}
.skill-wizard-right-bg {
    background: #f8f8f8;
    padding: 0 15px;
    padding-bottom: 60px;

}
.skill-wizard-right .progress {
    height: 10px;
    border-radius: 3px;
    background-color: #eee;
    margin-left: 2px;
    margin-bottom: 15px;
}
.skill-wizard-right .progress .progress-bar {
    background-color: #37b34a;
}

.skill-wizard-right .wizard-checkbox-list {
    max-width: 370px;
    margin: 0 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.skill-wizard-right #skills-list .wizard-checkbox-list {
    margin: 6px auto;
}
.skill-wizard-right #skills-list .wizard-checkbox-list .star {
    margin: 0;
    display: inline-block;
}
.skill-wizard-right #skills-list .wizard-checkbox-list .star a {
    margin: 0;
    padding: 0;
    color: #cccccc;
    font-size: 16px;
}
.skill-wizard-right #skills-list .wizard-checkbox-list a.star-green {
    color: #37b34a;
    margin: 0;
}
.skill-wizard-right #skills-list .wizard-checkbox-list .star a:hover {
    color: #37b34a;
}
.skill-wizard-right #skills-list .wizard-checkbox-list p {
    margin: 0 0 0 14px;
    display: inline;
}
.skill-wizard-right .skill-wizard-right-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: center;
    height: 51px;
    border-top: 1px solid #e5e5e5;
}
.skill-wizard-right .skill-wizard-right-title h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin: 10px 0 0 0;
}
.skill-wizard-right .skill-wizard-right-title .suggest-skill-popup {
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

.skill-wizard-right .carousel-indicators {
    bottom: -50px;
}
.skill-wizard-right .carousel-indicators li.active {
    background-color: #37b34a;
}
.skill-wizard-right .carousel-indicators li {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background-color: #999;
    margin-right: 4px;
    margin-left: 4px;
}
.skill-wizard-right .select-all {
    max-width: 370px;
    margin: 0 auto;
    margin-top: 8px;
}
.skill-wizard-right .select-all a {
    color: #37b34a;
    text-decoration: underline;
}
.skill-wizard-right .carousel-control-next,
.skill-wizard-right .carousel-control-prev {
    width: 30px;
    top: 0px;
    opacity: 0;
}

.skill-wizard-right-slider #skills-list:hover .carousel-control-next,
.skill-wizard-right-slider #skills-list:hover .carousel-control-prev {
    opacity: .5;
}
.skill-wizard-right-slider #skills-list:hover .carousel-control-next:hover,
.skill-wizard-right-slider #skills-list:hover .carousel-control-prev:hover {
    opacity: 1;
}
.skill-wizard-right .carousel-control-next {
    right: 0px;
}
.skill-wizard-right .carousel-control-prev {
    left: 0px;
}
.skill-wizard-right .carousel-control-next-icon,
.skill-wizard-right .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    color: #000;
    background-image: none !important;
    z-index: 1;
    background: #999999;
    border-radius: 100%;
    line-height: 32px;
    font-size: 18px;
}

.tab-content-left {
    width: 76%;
    float: left;
}
.tab-content-right {
    float: right;
    width: 24%;
    background: #f8f8f8;
    margin-top: -30px;
    padding: 30px 0px 15px 0px;
}
.skill-wizard-tabs-main .skill-wizard-tab-content .tab-pane {
    display: none;
}

.skill-wizard-tabs-main .skill-wizard-tab-content .tab-pane.active.show {
    display: block;
}

.skill-wizard-tab-content .tab-content-right .wizard-checkbox-list {
    /*max-width: 370px;*/
    margin: 0 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 6px 0;
    padding: 0 30px;
}
.skill-wizard-tab-content .tab-content-right  .wizard-checkbox-list .star {
    margin: 0;
    display: inline-block;
}
.skill-wizard-tab-content .tab-content-right  .wizard-checkbox-list .star a {
    margin: 0;
    padding: 0;
    color: #cccccc;
    font-size: 16px;
}
.skill-wizard-tab-content .tab-content-right  .wizard-checkbox-list a.star-green {
    color: #37b34a;
    margin: 0;
}
.skill-wizard-tab-content .tab-content-right  .wizard-checkbox-list .star a:hover {
    color: #37b34a;
}
.skill-wizard-tab-content .tab-content-right  .wizard-checkbox-list p {
    margin: 0 0 0 14px;
    display: inline;
}
.skill-wizard-tab-content .tab-content-right  .skill-wizard-right-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: center;
    height: 51px;
    border-top: 1px solid #e5e5e5;
}
.skill-wizard-tab-content .tab-content-right  .skill-wizard-right-title h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin: 10px 0 0 0;
}
.skill-wizard-tab-content .tab-content-right  .skill-wizard-right-title .suggest-skill-popup {
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}
.skill-wizard-tabs ul li.last-teb a {
    background: #f8f8f8;
    pointer-events: none;

}
.skill-wizard-tabs ul li a span.suggest-skill {
    background: transparent;
    color: #1d77bb;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 12px;
    text-decoration: underline;
}
.skill-wizard-tab-content .tab-content-right .select-all {
    margin-top: -20px;
    padding-left: 30px;
}
.skill-wizard-tab-content .tab-content-right .select-all a {
    color: #37b34a;
    text-decoration: underline;
}

.skill-wizard-tab-content .owl-wrapper-outer {
    position: relative;
    z-index: 1;
}


a.close-autocomplete-options {
    position: absolute;
    right: 10px;
    top: 13px;
    cursor: pointer;
    z-index: 99;
    display: inline;
    visibility: hidden;
}


/*----- // 6. Skill Directory Wizard Css -----*/


/* Add New Service Skill Popup */
.main-model-content { width: 610px; }


.add-new-service-skill {

}

.add-new-service-skill .modal-dialog-centered .modal-content {
border-radius: 0;
}
.add-new-service-skill .modal-dialog {
    max-width: 520px;
}
.add-new-service-skill .modal-header {
    padding: 0.5rem 1rem;
    background: #69717e;
    color: #fff;
}
.add-new-service-skill .modal-header .close {
    text-shadow: none;
    color: #fff;
    opacity: 1;
}
.add-new-service-skill .modal-header .close:hover {
    color: #fff;
}

.add-new-service-skill .modal-body {
    padding: 54px 26px 36px 26px;
}
.add-new-service-skill .modal-body form .form-group {
display: flex;
}
.add-new-service-skill .modal-body form .form-group a {
    font-size: 13px;
    min-width: 75px;
    line-height: 32px;
    margin-left: 15px;
}
.add-new-service-skill .modal-body form .form-group a img {
    padding-right: 3px;
}
.add-new-service-skill .modal-header .close {
    opacity: 1;
}



/* --------------- Dashboard Header Css ---------------------- */
/* ------ Topbar ------ */
.dashboard-container {
    padding: 65px 0 0 70px;
    display: inline-block;
    background: #ffffff;
    float: left;
}
header.topbar {
    background: #161c25;
    height: 65px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
header.topbar ul,.notification-list2 ul {
    margin: 0;
    padding:0;
    list-style: none;
}
header.topbar ul li {
    float: left;
}
header.topbar ul li a {
    line-height: 65px;
    color: #69717e;
}
header.topbar ul li a.margin-top {
    top: 5px;
    position: relative;
    padding-bottom: 18px;
}
header.topbar ul li a:hover {
    text-decoration: none;
    color: #1b75bb;
}
header.topbar ul li a:hover .svg-inline--fa {
    color: #9fa4ac;
}
header.topbar ul li a .svg-inline--fa {
    font-size: 20px;
    color: #69717e;
}
header.topbar ul li .claim-button-on-hover a .svg-inline--fa {
    font-size: 17px;
    color: #1b75bb;
}
header.topbar ul li .claim-button-on-hover a:hover .svg-inline--fa{
    color: #1b75bb;
}

header.topbar .topbar-left {
    float: left;
}
header.topbar .topbar-left li.menu-icon a {
    padding: 0 26px 0 22px;
}
header.topbar .topbar-left li.menu-logo {
    padding: 0 12px
}
header.topbar .topbar-left li.menu-logo img {
        padding-bottom: 5px;
}
header.topbar .topbar-left li.menu-logo .logo-icon {
    display: none;
}
header.topbar .create-btn {
    float: left;
    padding: 18px 10px 17px 0;
    margin-left: 200px;
    position: relative;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

header.topbar .create-btn.open {
    width: 760px;

}
header.topbar .create-btn.open .create-sub-menu {
    display: inline-block;
}
header.topbar .create-btn .create-sub-menu {
    display: none;
}
header.topbar .zoom-fab {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 50px;
  border-radius: 50%;
  background-color: #2bab58;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  transition: 0.2s ease-out;
  cursor: pointer;
  color: #FFF;
  transition: transform 0.4s;
  /*transition: all .3s linear 0s;*/
}
header.topbar .zoom-fab:hover {
  background-color: #2bab58;
  width: auto;
  border-radius: 30px;
  padding: 0 15px;
}
header.topbar li.menu-item span {
    display: none;
}
header.topbar li.menu-item.active span {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding-left: 15px;
    /*line-height: 44px;
    vertical-align: top;*/
}

header.topbar .zoom-btn-large {
    line-height: 30px;
    background: #2bab58;
    color: #fff;
    border-radius: 3px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 2px;
    width: auto;
    height: auto;
}
header.topbar .zoom-btn-large:hover {
    text-decoration: none;
    background: #239f4e;
    color: #fff;
}

header.topbar .zoom-menu {
  position: absolute;
  left: 100px;
  top: 6px;
  transform: translateY(4px);
  height: 100%;
  list-style: none;
  text-align: right;
  z-index: 9;
  width: 600px;
}
header.topbar .zoom-menu li {
  display: inline-block;
  padding-right: 10px;
  position: relative;
}
header.topbar .zoom-menu li .zoom-card-content li a .svg-inline--fa {
    color: #69717e !important;
    font-size: 16px;
    width: 26px;
    margin-right: 3px;
}
header.topbar .zoom-menu li .zoom-card-content li:hover a .svg-inline--fa {
color: #1b75bb !important;
}
header.topbar .zoom-menu li a .svg-inline--fa,
header.topbar .zoom-menu li a:hover .svg-inline--fa {
    color: #fff;
}
.scale-transition { transition: transform 0.4s cubic-bezier(0.53, 0.01, 0.36, 1.63); }
.scale-transition.scale-out {
  transform: scale(0);
  transition: transform 0.2s;
}
.scale-transition.scale-in { transform: scale(1); }

header.topbar .zoom-card {
  position: absolute;
  left: 0px;
  top: 44px;
  color: #333;
  min-width: 175px;
  padding-top: 11px;
}
header.topbar .zoom-card ul {
  -webkit-padding-start: 0;
  list-style: none;
  text-align: left;
  padding: 5px 0 5px 0;
  border: 1px solid #eee;
  border-radius: 0 0 6px 6px;
  box-shadow: 0px 0 5px rgba(0,0,0,.2);
  -webkit-box-shadow: 0px 0 5px rgba(0,0,0,.2);
  -moz-box-shadow: 0px 0 5px rgba(0,0,0,.2);
   background-color: #fff;

}
header.topbar .zoom-card ul li {
    margin: 0;
    float: none;
    display: block;
    padding: 0px 10px;
}
header.topbar .zoom-card ul li a {
    line-height: 28px;
}

header.topbar .zoom-card .create-list-title {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    color: #69717e;
    padding: 5px 10px;
}
header.topbar .zoom-menu li.menu-item:focus .zoom-btn-sm,
header.topbar .zoom-menu li.menu-item:hover .zoom-btn-sm {
    background: #2bab58;
}
header.topbar .zoom-menu li.active .zoom-fab {
    width: auto;
    border-radius: 30px;
    padding: 0 15px;
    min-width: 175px;
    text-align: left;
}
header.topbar .zoom-menu li.active .zoom-fab span {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding-left: 15px;
    line-height: 40px;
}
header.topbar .topbar-right {
    float: right;
}
header.topbar .topbar-right li {
    padding: 0 20px;
    position: relative;
}
header.topbar .topbar-right li.user{
    padding: 0 5px;
    height: 64px;
}

header.topbar .topbar-right li.show {
    /* background: #212830; */
}
header.topbar .topbar-right li.user span {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 20px;
    /* padding-bottom: 37px; */
}
header.topbar .topbar-right li.user span.user-name {
    font-size: 15px;
    color: #1d77bb;
    padding: 0px;
}
header.topbar .topbar-right li.user span.user-expert {
    font-size: 12px;
    color: #858f9f;
    display: block;
    padding: 0px;
}
header.topbar .topbar-right li.user .user-link {
   font-size: 13px;
   display: none;
    position: absolute;
    top: 65px;
    right: 0;
    background: #fff;
    width: 100%;
    padding: 5px 0;
   box-shadow: 0px 0 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0 5px rgba(0,0,0,.2);
}
header.topbar .topbar-right li.user .user-link li {
    padding: 0 15px;
    float: none;
}
header.topbar .topbar-right li.user .user-link li a {
    line-height: 36px;
}
header.topbar .topbar-right li.user .user-link li .svg-inline--fa {
        font-size: 16px;
        margin-right: 10px;
}
header.topbar .topbar-right li.user .user-link li:hover a,
header.topbar .topbar-right li.user .user-link li:hover .svg-inline--fa {
    color: #1a71b4;
}
header.topbar .topbar-right li.user.show .user-link {
    display: block;
    width: 180px;
}
header.topbar .topbar-right li.show .svg-inline--fa.fa-caret-down {
    color: #fff;
}

header.topbar .topbar-right li.notification a {
    position: relative;
}
header.topbar .topbar-right li.notification a span.point {
    background: #eb3b48;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: -12px;
    right: -10px;
}
header.topbar .topbar-right li.show .svg-inline--fa.fa-bell {
    color: #fff;
}
header.topbar .topbar-right .notification-list {
    position: absolute;
    top: 65px;
    background: #fff;
    width: 350px;
    padding: 0;
    box-shadow: 0px 0 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0 5px rgba(0,0,0,.2);
    left: -292px;
}
header.topbar .topbar-right .notification-list {
    display: block;
    right: 154px;
}
header.topbar .topbar-right .notification-list .notification-title {
    color: #333333;
    font-size: 16px;
    line-height: 38px;
    border-bottom: 1px solid #dddddd;
    padding: 0 14px;
}
.notification-list2 .notification-title.heading {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin: 0 0 10px 0;
  padding: 0;
}
header.topbar .topbar-right .notification-list li a, .notification-list2 li a {
    color: #1a5e95;
    line-height: inherit;
}
header.topbar .topbar-right .notification-list li a:hover,.notification-list2 li a:hover {
    color: #9fa4ac;
}
header.topbar .topbar-right .notification-list li span.notification-text , .notification-list2 li span.notification-text{
    display: inline-block;
    vertical-align: middle;
}
header.topbar .topbar-right .notification-list li , .notification-list2 li{
    padding: 8px 10px;
    font-size: 13px;
    line-height: initial;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
    display: flex;
    float: none;
}
.notification-list2 li {
  font-size: 16px;
}

header.topbar .topbar-right .notification-list li span.notification-text a {
    line-height: initial;
    color: #1d77bb;
}
header.topbar .topbar-right .notification-list li span.notification-img,.notification-list2 li span.notification-img {
    display: inline-block;
    padding-right: 12px;
}
header.topbar .topbar-right .notification-list li span.notification-img img,.notification-list2 li span.notification-img img {
    border: 1px solid #ccc;
    height: 34px;
    width: 34px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
}
.notification-list2 li span.notification-img img {
  height: 40px;
  width: 40px;
}
header.topbar .topbar-right .notification-list li span.notification-time,.notification-list2 li span.notification-time {
    display: block;
    color: #999999;
    font-size: 12px;
}

header.topbar .topbar-right .notification-list li span.notification-time img ,.notification-list2 li span.notification-time img{
max-width: 12px;
}
header.topbar .topbar-right .notification-list li span.notification-time .svg-inline--fa,.notification-list2 li span.notification-time .svg-inline--fa  {
    color: #37b34a;
}
header.topbar .topbar-right .notification-list .view-all-notifications {
padding: 12px 14px;
}
header.topbar .topbar-right .notification-list .view-all-notifications a ,.notification-list2 .view-all-notifications a{
    background: #1a5e95;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    width: 100%;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
}
.notification-list2 .view-all-notifications2 {
  text-align: center;
  padding: 15px 0;
}
.notification-list2 .view-all-notifications2 a {
  width: 320px;
}
header.topbar .topbar-right .notification-list .view-all-notifications a:hover {
    background: #0064b0;
    text-decoration: none;
}
header.topbar .topbar-right .notification-list .view-all-notifications .svg-inline--fa {
    font-size: 12px;
    margin-left: 2px;
}
header.topbar .topbar-right .notification-list ul {

}
header.topbar .topbar-right .notification-list ul.open {
    max-height: inherit;
}

header.topbar .topbar-right li.message a {
position: relative;
}
header.topbar .topbar-right li.message a span.point {
    background: #eb3b48;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: -12px;
    right: -10px;
}
header.topbar .topbar-right .message-list li {
    padding: 8px 10px;
    font-size: 13px;
    line-height: initial;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
    display: flex;
    float: none;
}
header.topbar .topbar-right .message-list .message-title {
    color: #333333;
    font-size: 16px;
    line-height: 38px;
    border-bottom: 1px solid #dddddd;
    padding: 0 14px;
}
header.topbar .topbar-right .message-list li .message-text a {
    line-height: initial;
    color: #1d77bb;
}
header.topbar .topbar-right .message-list li .message-img {
    display: inline-block;
    padding-right: 12px;
}
header.topbar .topbar-right .message-list li .message-text {
    width: 100%;
}
header.topbar .topbar-right .message-list li a {
    line-height: normal;
}
header.topbar .topbar-right .message-list li .message-img img {
    border: 1px solid #ccc;
    height: 34px;
    width: 34px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
}
header.topbar .topbar-right .message-list li .message-time {
    display: block;
    color: #999999;
    font-size: 12px;
    float: right;
    text-align: center;
    width: 78px;
}

header.topbar .topbar-right .message-list li .message-time img {
max-width: 12px;
}

header.topbar .topbar-right .message-list .view-all-message {
padding: 12px 14px;
}
header.topbar .topbar-right .message-list .view-all-message a {
    background: #1a5e95;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    width: 100%;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
}
header.topbar .topbar-right .message-list .view-all-message a:hover {
    background: #0064b0;
    text-decoration: none;
}
header.topbar .topbar-right .message-list .view-all-message .svg-inline--fa {
    font-size: 12px;
    margin-left: 2px;
}
header.topbar .topbar-right li.skills-wizard-icon a span.point {
    background: #eb3b48;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    position: absolute;
   top: -12px;
    right: -10px;
}
header.topbar .topbar-right li.topbar-search {
    padding-right:10px;
}
header.topbar .topbar-right li.topbar-search .form-group {
    position:relative;
    margin: 15px 0 0 0;
}

.ms-search input[type="text"] {
    background: #c9d2dd;
}
header.topbar .topbar-right li.topbar-search .form-group input {
    padding-left:35px;
    background:#222830;
    border:none;
    font-size: 13px;
    color: #69717e;
    transition: 0.2s ease-in;
    width: 200px;
}
header.topbar .topbar-right li.topbar-search .form-group input:focus {
      width: 300px; }
header.topbar .topbar-right li.topbar-search .form-group .svg-inline--fa {
    position:absolute;
    top:10px;
    left:10px;
    color: #69717e;
}
header.topbar .topbar-right li.topbar-search .form-group input::-webkit-input-placeholder {
  color: #69717e; opacity:1;
}
header.topbar .topbar-right li.topbar-search .form-group input::-moz-placeholder {
  color: #69717e; opacity:1;
}
header.topbar .topbar-right li.topbar-search .form-group input:-ms-input-placeholder {
  color: #69717e; opacity:1;
}
header.topbar .topbar-right li.topbar-search .form-group input:-moz-placeholder {
  color: #69717e; opacity:1;
}
header.topbar .topbar-right .message-list {
    position: absolute;
    top: 65px;
    background: #fff;
    width: 350px;
    padding: 0;
    box-shadow: 0px 0 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0 5px rgba(0,0,0,.2);
    left: -288px;
}
header.topbar .topbar-right li.show .svg-inline--fa.fa-envelope {
    color: #fff;
}


/* ------ Mini Sidebar ------ */
.mini-sidebar {
    background: #161c25;
    position: fixed;
    width: 70px;
    height: 100%;
    top: 0px;
    z-index: 50;
    margin-top: 65px;
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
    left: 0;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
.mini-sidebar.open {
    width:325px;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li a span {
    display: inline;
}

.mini-sidebar .scroll-sidebar .sidebar-nav .sub-head li a.nav-item {
    border-left: 3px solid #161c25;
    padding-right: 30px;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav .sub-head li a span {
    /*font-size: 15px;*/
}
.mini-sidebar .scroll-sidebar .sidebar-nav li a span.count-menu {
    background: #eb3b48;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 10px !important;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    margin-right: 5px;
    margin-top: 17px;
    position: absolute;
    left: 40px;
    top: -10px;
    /*transition: all .2s linear 0s;*/
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li a span.count-menu {
    right: 30px;
    top: 0px;
    left: auto;
}


.mini-sidebar .scroll-sidebar {
    padding-bottom: 0px;
    position: absolute;
    height: calc(100vh - 65px);
    touch-action: auto;
    overflow: hidden;
    width: 100%;
}
.mini-sidebar .scroll-sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.mini-sidebar .subhead{
  display: none;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li:hover a.nav-item,
.mini-sidebar .scroll-sidebar .sidebar-nav li.active a.nav-item {
border-left: 3px solid #1a71b4;
background: #1c232d;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li:hover a.nav-item,
.mini-sidebar .scroll-sidebar .sidebar-nav li:hover a span,
.mini-sidebar .scroll-sidebar .sidebar-nav li.active a.nav-item,
.mini-sidebar .scroll-sidebar .sidebar-nav li.active a span {
    color:#1a71b4;
    text-decoration:none;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li.active a span.count-menu,
.mini-sidebar .scroll-sidebar .sidebar-nav li:hover a span.count-menu {
    color: #fff;
}

#mymatchmenuParent span.count-menu.increement-counter {
  right: 35px;
}


.mini-sidebar .scroll-sidebar .sidebar-nav li.create.active a.nav-item,
.mini-sidebar .scroll-sidebar .sidebar-nav li.create:hover a.nav-item {
border-left: 3px solid #2bab58;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li.my-skills .add-skills-icon {
    position: relative;
    left: 20px;
    top: 13px;
    color: #69717e;
    line-height: 24px;
    z-index: 1;
    background: #37b34a;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    display: none;
    float: left;
    margin-right: 35px;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li.my-skills .add-skills-icon a {
    font-size: 14px;
    text-align: center;
    color: #fff;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li.my-skills .add-skills-icon .svg-inline--fa {
    min-width: inherit;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li {
/*border-bottom: 1px solid #212730;*/
    background: #161c25;
    line-height: 49px;
    position: relative;
    white-space: nowrap;
    height: 50px;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user {
    height: auto;
    line-height: inherit;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg {
    text-align: center;
    padding: 9px 0 9px 0;
    border-bottom: 1px solid #212730;
    position: relative;
    background: #252e3b;
}

/* bg profile-top-banner */
.mini-sidebar .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg.profile-top-banner {
    background-image: none;
    height: inherit;
    border-bottom: none;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg.profile-top-banner:after,
.mini-sidebar .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg.profile-top-banner:before {
    display: none;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg.profile-top-banner:after,
.mini-sidebar.open.scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg.profile-top-banner:before {
    display: block;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg.profile-top-banner {
    background-image: url(../images/expert-profile-banner-bg.jpg);
    height: inherit;
}

.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg.profile-top-banner a.nav-item img {
    border: 5px solid rgba(255,255,255,0.9);
    border-radius: 100%;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg.profile-top-banner span.mini-sidebar-user-name {
    color: rgba(255,255,255,1);
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg.profile-top-banner span.mini-sidebar-user-purpose {
    color: rgba(255,255,255,1);
}
/* bg profile-top-banner */


.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg a.nav-item {
    padding-right: 0px;
    text-align: center;
    position: relative;
    z-index: 2;
    border-left: none;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg a.nav-item img {
    width: 100px;
    height: 100px;
    margin-left: 0px;
    margin-right: 0px;
    display: inline-block;
    /*border: 5px solid #6a7687;*/
    border: 5px solid rgba(255,255,255,0.8);
    border-radius: 100%;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user:hover a.nav-item {
    background: no-repeat;
    border-left: none;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg span {
    display: block;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg span.mini-sidebar-user-name {
    font-weight: bold;
    color: rgba(255,255,255,0.8);
    padding-top: 5px;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg span.mini-sidebar-user-purpose {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    line-height: normal;
}

.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg .mini-sidebar-user-bg-icon {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.mini-sidebar-user .mini-sidebar-user-bg .mini-sidebar-user-bg-icon .svg-inline--fa {
    color: #69717e;
    font-size: 170px;
    opacity: 0.3;
}


.mini-sidebar.open .scroll-sidebar .sidebar-nav li.menu-border-top {
    border-top: 1px solid #212730;
    height: auto;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li.menu-border-top .sidebar-nav-sub-menu-title {
    display: none;
    color: #69717e;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 20px;
    line-height: normal;
    padding-top: 15px;
    padding-bottom: 5px;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.menu-border-top .sidebar-nav-sub-menu-title {
    display: block;
    cursor: pointer;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li.active {
    height: auto;
}
.highlight{
    -webkit-animation: beat .25s infinite alternate;
    animation: beat .25s infinite alternate;
    transform-origin: center;
}
.second-line{
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */
}
li.tutorial a {
    cursor: pointer;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li.skills_at_left {
    height: 50px;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li a.nav-item {
 border-left: 3px solid #161c25;
 padding-right: 30px;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li .sidebar-nav-sub-menu {
    display: none;
    z-index: 1;
    position: relative;
    padding: 0px 35px 0px 20px;
    color: #69717e;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li a.nav-item img {
    width: 30px;
    height: 30px;
    margin-left: 16px;
    margin-right: 16px;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li.create.active .sidebar-nav-sub-menu {
    padding: 0px;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.active .sidebar-nav-sub-menu {
 display: block;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.create.active .sidebar-nav-sub-menu ul {
    padding-left: 80px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.create.active .sidebar-nav-sub-menu li {
height: auto;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.active a.nav-item .fa-chevron-right {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mini-sidebar.open .scroll-sidebar .sidebar-nav li.open_chevron a .fa-chevron-right {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mini-sidebar .scroll-sidebar .sidebar-nav li .sidebar-nav-sub-menu li {
     line-height: 28px;
     border-bottom:none;
     padding-right: 0;
     height: 30px;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li .sidebar-nav-sub-menu ul li .fa-chevron-right {
    position: relative;
    margin: 0px 5px 0 0;
    float: none;
    font-size: 10px;
    vertical-align: initial;
    top: -1px;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li .sidebar-nav-sub-menu li a.create-main-menu {
    background-color: #262e39;
     padding-left: 65px;
     border-top: 1px solid #2d3c51;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li .sidebar-nav-sub-menu li a.create-main-menu .fa-chevron-right  {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: relative;
    margin: 8px 15px 0 0;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li .sidebar-nav-sub-menu li span {
    background: #eb3b48;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
/*    float: right;*/
    margin-right: 0px;
    margin-top: 6px;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li .sidebar-nav-sub-menu li a {
    font-size: 14px;
    color: #69717e;
    padding-right: 0px;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li .sidebar-nav-sub-menu li a:hover {
    color: #1a71b4;
    text-decoration: none;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li a .svg-inline--fa.fa-chevron-right {
    margin: 18px 15px 0px 0px;
    float: right;
    display: none;
    font-size: 16px;
    position: absolute;
    right: 0;
    min-width: inherit;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li a .svg-inline--fa.fa-chevron-right {
    display: inline-block;
}


.mini-sidebar .scroll-sidebar .sidebar-nav li:last-child {
    border-bottom: none;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li a {
    color: #69717e;
    text-align:left;
    display: block;
    font-size: 20px;
    text-decoration: none;
}

.mini-sidebar .scroll-sidebar .sidebar-nav li a .svg-inline--fa {
    margin: 0 0px;
    min-width: 62px;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li a span {
    display: none;
    font-size: 16px;
    color: #69717e;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li.create {
    display: none;
    border-top: 1px solid #212730;
}
.mini-sidebar .scroll-sidebar .sidebar-nav li.my-skills a.nav-item .add-skills-icon .fa-plus {
   /*color: #1b75bb;*/
}




/*.mini-sidebar.open .scroll-sidebar .sidebar-nav li a[data-toggle="tooltip"] {
 display: none;
}*/


/* ------ Left Sidebar ------ */
.left-sidebar {
    width: 400px;
    float: left;
    position: fixed;
    height: 100%;
    padding-bottom: 146px;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    z-index: 1;
    background: #fff;
}
.left-sidebar-open {
    position: absolute;
    right: -24px;
    background: #272c35;
    color: #fff;
    z-index: 1;
    border-radius: 0 5px 5px 0;
    top: 0;
    display: none;
}
.left-sidebar-open a {
    padding: 3px 7px;
    display: inline-block;
}
.left-sidebar .left-sidebar-open img {
    max-width: 10px;
}
.left-sidebar .left-sidebar-top-search {
    padding: 22px 20px;
    position: relative;
    background: #343c48;
}
.left-sidebar .left-sidebar-top-search .form-group {
    position: relative;
    margin: 0;
    display: flex;
}
.left-sidebar .left-sidebar-top-search .form-group .svg-inline--fa {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #69717e;
}
.left-sidebar .left-sidebar-top-search .form-group input {
    padding-left: 35px;
    background: #222830;
    border: none;
    font-size: 13px;
    color: #69717e;
    transition: 0.2s ease-in;
   /* width: 250px;*/
    height: calc(36px + 0px);
    border-radius: 10px;
}
.left-sidebar .left-sidebar-top-search .form-group .btn {
    background: #272c35;
    margin: 0 0 0 20px;
    border-radius: 10px;
}
.left-sidebar .left-sidebar-top-search .form-group .btn .svg-inline--fa {
    position: relative;
    top: 0px;
    left: 0px;
    color: #69717e;
}
.left-sidebar .left-sidebar-top-search .form-group input::-webkit-input-placeholder {
  color: #69717e; opacity:1;
}
.left-sidebar .left-sidebar-top-search .form-group input::-moz-placeholder {
  color: #69717e; opacity:1;
}
.left-sidebar .left-sidebar-top-search .form-group input:-ms-input-placeholder {
  color: #69717e; opacity:1;
}
.left-sidebar .left-sidebar-top-search .form-group input:-moz-placeholder {
  color: #69717e; opacity:1;
}


.left-sidebar .chat-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.left-sidebar .chat-list {
    border: 1px solid #ddd;
    border-top: none;
    border-left: none;
     /*min-height: calc(100vh - 147px);*/
     border-bottom: none;
     height: 100%;
}
.left-sidebar .chat-list ul li {
    background: #fff;
    padding: 14px 0 0px 16px;
    border-left: 9px solid #fff;
    display: flex;
    cursor: pointer;
    /*transition: border 0.5s ease; */
}
.left-sidebar .chat-list ul li .chat-img {
    display: inline-block;
    padding-right: 18px;
}
.left-sidebar .chat-list ul li .chat-img img {
    border: 1px solid #ccc;
    height: 48px;
    width: 48px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
}
.left-sidebar .chat-list ul li .chat-details {
    display: flex;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 14px;
    width: 100%;
    padding-right: 12px;
    position: relative;
    justify-content: space-between;
}
.left-sidebar .chat-list ul li .chat-title {

}
.left-sidebar .chat-list ul li .chat-title .svg-inline--fa {
    color: #333;
    font-size: 16px;
    margin-right: 8px;
    /* vertical-align: sub; */
}
.left-sidebar .chat-list ul li .chat-title a {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  vertical-align: top;
}
.left-sidebar .chat-list ul li .chat-title a span{
  display: inline-block;
  vertical-align: text-bottom;
}

.left-sidebar .chat-list ul li .chat-title img {
    max-width: 16px;
    margin-right: 8px;
}
.left-sidebar .chat-list ul li .chat-title .chat-text {
    font-size: 13px;
    color: #777;
    display: block;
}
.left-sidebar .chat-list ul li .chat-time {
    font-size: 11px;
    color: #777;
    /* position: absolute;
    right: 18px; */
    padding-top: 5px;
    text-align: center;
}
.left-sidebar .chat-list ul li .chat-time .count {
    background: #1b75bb;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    display: inline-block;
     /* float: right; */
}
.left-sidebar .chat-list ul li:hover,
.left-sidebar .chat-list ul li.select {
    border-left: 9px solid #37b34a;
    background: rgba(237,241,244,1);
    background: -moz-linear-gradient(left, rgba(237,241,244,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,241,244,1)), color-stop(20%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(237,241,244,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(237,241,244,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(237,241,244,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(237,241,244,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf1f4', endColorstr='#ffffff', GradientType=1 );
}

button.buttonforright {
    float: right;
}

/* ------ Profile Right Sidebar ------ */

.profile-right-sidebar {
            width: 400px;
            float: right;
            border-left: 1px solid #ddd;
            height: 100%;
            top: 65px;
            right: 0;
            position: fixed;
            background: white;
            z-index: 8;
}

.profile-right-sidebar-scroll {
    height: 100%;
}

.right-sidebar-open {
    position: absolute;
    background: #272c35;
    color: #fff;
    z-index: 1;
    border-radius: 5px 0px 0px 5px;
    top: 1px;
    display: none;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s;
}
.right-sidebar-open a {
    padding: 3px 7px;
    display: inline-block;
}
.right-sidebar-open img {
    max-width: 10px;
}
.profile-right-sidebar.hide-right-sidebar {
    width: 0px;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s;
}
.profile-toggle-switch {
    position: relative;
    width: 100%;
    display: inline-block;
    height: 120px;
    background: rgba(68,153,205,1);
     background: -moz-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(68,153,205,1)), color-stop(100%, rgba(100,192,168,1)));
     background: -webkit-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: -o-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: -ms-linear-gradient(-45deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     background: linear-gradient(135deg, rgba(68,153,205,1) 0%, rgba(100,192,168,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4499cd', endColorstr='#64c0a8', GradientType=1 );
}
.profile-toggle-switch .toggleWrapper {
  position: absolute;
  top: 12px;
  left: 18px;
  overflow: hidden;
  padding: 0 104px;
}
.profile-toggle-switch .toggleWrapper input {
  position: absolute;
  left: -99em;
}
.profile-toggle-switch .toggle {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 52px;
  height: 24px;
  background-color: #1a649e;
  border-radius: 15px;
  transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.profile-toggle-switch .toggle:before {
  content: 'Experts';
  position: absolute;
  left: -75px;
  top: -2px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.profile-toggle-switch .toggle:after {
  content: 'Job info';
  position: absolute;
  right: -75px;
  top: -2px;
  font-size: 18px;
  color: #fff;
}
.profile-toggle-switch .toggle-handler {
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 2px;
  left: 3px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50px;
  /*box-shadow: 0 2px 6px rgba(0, 0, 0, .3);*/
  transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.profile-toggle-switch input:checked + .toggle {
  background-color: #1a649e;
}
.profile-toggle-switch input:checked + .toggle:before {
  color: #fff;
  font-weight: normal;

}
.profile-toggle-switch input:checked + .toggle:after {
  color: #fff;
  font-weight: bold;
}
.profile-toggle-switch input:checked + .toggle .toggle-handler {
  background-color: #fff;
  transform: translate3d(26px, 0, 0) rotate(0);
}
.profile-toggle-switch input:checked + .toggle .toggle-handler .crater {
  opacity: 1;
}
.profile-experts {
    margin-top: -72px;
    position: relative;
}
.profile-experts-top {
    width: 100%;
    text-align: center;
    padding-bottom: 14px;
}
.profile-experts-img {
    width: 120px;
    height:120px;
    margin: 0 auto;
    overflow: hidden;
    border: 3px solid #e3e3e3;
    border-radius: 100%;
}
.profile-experts-title {

}
.profile-experts-title a {
    color: #333;
}
.profile-experts-title a:hover {
    text-decoration: none;
}
.profile-experts-title h1 {
    margin: 6px 0 0 0;
    font-weight: normal;
    font-size: 24px;
    color: #333;
}

.profile-experts-title span {
    font-size: 14px;
    background: #eb3b48;
    width: 25px;
    border-radius: 100%;
    line-height: 22px;
    vertical-align: top;
    margin-top: 2px;
    display: inline-block;
    color: #fff;
    letter-spacing: normal;
}
.profile-experts-title2 span{
  color: #848484;
  font-size: 14px;
}


/* Profile Experts Accordion */
.profile-experts-accordion {
border-bottom: 1px solid #ddd;
}
.profile-experts-accordion .accordion-box {

}
.profile-experts-accordion .accordion-box .accordion-box-title {

}
.profile-experts-accordion .accordion-box .accordion-box-des {
padding: 0 12px 20px 12px;
font-size: 13px;
color: #666;
}
.profile-experts-accordion .accordion-box .accordion-box-title .btn {
    background: #fff;
    padding:12px 12px;
    font-size: 16px;
    color: #333;
    line-height: 34px;
    width: 100%;
    text-align: left;
    border-top: 1px solid #ddd;
}
.profile-experts-accordion .accordion-box .accordion-box-title .btn:focus {
    box-shadow:none;
}
.accordion-box-des .profile-detail-box-des {
    padding: 0;
}
.accordion-box-des .profile-detail-box-des .socials-accordion-title-box {
 display: flex;
}
.accordion-box-des .profile-detail-box-des .socials-accordion .socials-accordion-title button {
    padding: 0 6px !important;
}
.profile-experts-accordion .accordion-box .accordion-box-title .btn .svg-inline--fa.fa-chevron-up {
    float: right;
    margin-top: 10px;
    color: #69717e;
}
.profile-experts-accordion .accordion-box .accordion-box-des .profile-detail-box-des .socials-accordion .socials-more-users {
    padding: 20px 0 0px 0;
}
.profile-experts-accordion .accordion-box .accordion-box-title .btn.collapsed .svg-inline--fa.fa-chevron-up {
    -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #69717e;
}
.profile-experts-accordion .accordion-box .accordion-box-title .btn span {
    height: 33px;
    width: 33px;
    border-radius: 100%;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    line-height: 33px;
    margin-right: 8px;
}
.profile-experts-accordion .accordion-box .accordion-box-title .btn span .svg-inline--fa {
color: #37b34a;
font-size: 18px;
}
.profile-experts-accordion .accordion-box .accordion-box-des .profile-details {
margin: 0;
padding: 0;
list-style: none;
}
.profile-experts-accordion .accordion-box .accordion-box-des .profile-details li {
    padding-bottom: 15px;
    color: #333;
    font-size: 16px;
    line-height: 18px;
}
.profile-experts-accordion .accordion-box .accordion-box-des .profile-details li a {
    color: #333;
}
.profile-experts-accordion .accordion-box .accordion-box-des .profile-details li:last-child {
    padding-bottom: 0px !important;
}
.profile-experts-accordion .accordion-box .accordion-box-des .profile-details li label {
    text-transform: uppercase;
    color: #777777;
    font-size: 12px;
    display: block;
    margin: 0;
}
.profile-experts-accordion .accordion-box .accordion-box-des .profile-details.interests li {
    font-size: 13px;
}
.profile-experts-accordion .accordion-box .accordion-box-des .profile-details.socials {
    display: flex;
    text-align: center;
}
.profile-experts-accordion .accordion-box .accordion-box-des .profile-details.socials li label {
    font-size: 18px;
    font-weight: bold;
}
.profile-experts-accordion .accordion-box .accordion-box-des .profile-details.socials li {
    color: #777777;
    font-size: 13px;
     min-width: 25%;
}
.profile-experts-accordion .accordion-box .accordion-box-title .btn span img {
    vertical-align: sub;
    max-width: 14px;
}
/* Profile Job Info */

.profile-experts#job-info .profile-experts-img {
    border: 3px solid #fff;
}
.profile-experts .accordion-box-des .attached {
    padding: 25px 0 0 0;
}
.profile-experts .accordion-box-des .attached label {
color: #666666;
font-size: 13px;
font-weight: bold;
margin: 0;
}
.profile-experts .accordion-box-des .attached a {
color: #1a649e;
font-size: 13px;
float: right;
}
.profile-experts .accordion-box-des .job-details {
margin: 0;
padding: 0;
list-style: none;
}
.profile-experts .accordion-box-des .job-details li {
    padding-bottom: 10px;
    color: #333;
    font-size: 14px;
}
.profile-experts .accordion-box-des .job-details li a {
    color: #333;
}
.profile-experts .accordion-box-des .job-details li:last-child {
    padding-bottom: 0px;
}
.profile-experts .accordion-box-des .job-details li label {
    text-transform: uppercase;
    color: #777777;
    font-size: 12px;
    display: inline-block;
    margin: 0;
}
.profile-experts .accordion-box-des .job-details li span {
float: right;
text-align: right;
color: #333;
    font-size: 14px;
}
.profile-experts .accordion-box-des .profile-details.questionnaire {
    list-style: decimal;
    padding-left: 16px;
}
.profile-experts .accordion-box-des .profile-details.questionnaire li {
    font-size: 14px;
    line-height: 14px;
}

.accordion .bid-scope-details-box .btn {
    background: #f6f8fa;
    padding: 0px 8px 0px 5px;
    font-size: 12px;
    color: #333;
    width: 100%;
    text-align: left;
    line-height: 30px;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 2px;
}
.accordion .bid-scope-details-box .btn:focus {
    box-shadow:none;
}
.accordion .bid-scope-details-box .btn .svg-inline--fa.fa-chevron-up {
    float: right;
    margin-top: 10px;
    color: #69717e;
}
.accordion .bid-scope-details-box .btn.collapsed .svg-inline--fa.fa-chevron-up {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #69717e;
}

.accordion .bid-scope-details-box .btn .star {
    float: right;
    padding-right: 14px;
}
.accordion .bid-scope-details-box .btn .star a.star-green {
    color: #37b34a;
    margin: 0;
}
.accordion .bid-scope-details-box .btn .star a {
    margin: 0;
    padding: 0;
    float: left;
    color: #cccccc;
    font-size: 15px;
}

.accordion .bid-scope-details-box .bid-scope-des {
    padding: 12px 5px 5px 5px;
}
.accordion .bid-scope-details-box .bid-scope-des .Software-qualification {
    display: flex;
    padding-top: 20px;
}
.accordion .bid-scope-details-box .bid-scope-des .Software-qualification ul {
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 50%;
}
.accordion .bid-scope-details-box .bid-scope-des .Software-qualification ul .software-title {
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 5px;
    display: inline-block;
    color: #333;
}
.accordion .bid-scope-details-box .bid-scope-des .Software-qualification ul li {
    font-size: 13px;
    position: relative;
    padding-left: 12px;
    line-height: 24px;
}
.accordion .bid-scope-details-box .bid-scope-des .Software-qualification ul li:after {
    height: 6px;
    width: 6px;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    background: #1976bb;
}
.profile-right-sidebar.checked #profile-experts {
display: none;
}
.profile-right-sidebar #job-info {
 display: none;
}
.profile-right-sidebar.checked #job-info {
 display: block;
}


/* ------ All Notifications ------ */
.all-notifications {
  width: calc(100% - 799px);
 display: inline-block;
 background: #f6f8fa;
 /*height: calc(100vh - 65px);*/
     margin-left: 400px;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;

}
/*.all-notifications.hide-right-sidebar {
    width: calc(100% - 22%);
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s;
}*/
.notifications-heading {
    padding: 21px 10px 18px 15px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    position: fixed;
    z-index: 8;
    width: inherit;
}
.all-notifications.hide-right-sidebar .notifications-heading .svg-inline--fa.fa-angle-right {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.notifications-heading button.btn {
    background: #69717e;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0 40px;
    line-height: 40px;
    border-radius: 25px;
    text-transform: uppercase;
    cursor: text !important;
}
.notifications-heading button.btn:focus {
    box-shadow: none;
}
.notifications-heading a {
    text-align: right;
    color: #333;
    font-size: 24px;
    float: right;
    margin-top: 3px;

}
.notifications-heading span.notifications-heading-title {
    /*float: right;*/
    text-align: right;
    color: #333;
    font-size: 24px;
    margin-top: 3px;
}
.notifications-heading a:hover {
    text-decoration: none;
}
.notifications-heading a .svg-inline--fa {
    color: #96a3b0;
    float: right;
    margin-left: 16px;
    margin-top: 3px;
}
.connection-user{
    width:40px;
    height:40px;
    border-radius:100%;
    margin-right:15px;
}
.notifications-box {
    background: #fff;
    width: calc(100% - 26px);
    margin: 13px;
    display: inline-block;
    box-shadow: 0px 0 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0 5px rgba(0,0,0,.2);
    border-radius: 3px;
     position: relative;

}
.notifications-box:before {
    position: absolute;
    top: -15px;
    left: 64px;
    width: 3px;
    height: 15px;
    background: url(../images/border-dashed-vertical.png);
    content: "";
    z-index: 0;

}
.notifications-box:after {
    position: absolute;
    bottom: -15px;
    left: 64px;
    width: 3px;
    height: 15px;
    background: url(../images/border-dashed-vertical.png);
    content: "";
    z-index: 0;

}
.notifications-box ul {
list-style: none;
margin: 0;
padding: 8px 26px 26px 26px;
}
.notifications-box ul li {
    display: flex;
    padding: 15px 0px 15px 28px;
    border-bottom: 1px solid #ddd;
    /*align-items: center;*/
}
.notifications-box ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.notifications-box ul li span {
    font-size: 16px;
}
.notifications-box ul li span a {
    color: #195789;
}
.notifications-box ul li span.notifications-icon {
    color: #37b34a;
    font-size: 24px;
    line-height: 46px;
    min-width: 30px;
}
.notifications-box ul li span.notifications-icon .svg-inline--fa {
    margin-top: 14px;
}
.notifications-box ul li span.notifications-icon img {
    max-width: 24px;
    vertical-align: sub;
}
.notifications-box ul li span.notifications-img a {
    height: 46px;
    width: 46px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    float: left;
}
.notifications-box ul li span.notifications-img {
    min-width: 46px;
}
.notifications-box ul li span.notifications-img img {
    width: 46px;
    height: 46px;
}
.notifications-box ul li span.notifications-time {
    padding:0 32px;
    color: #777;
    line-height: 46px;
    min-width: 110px;
}
.notifications-box ul li span.notifications-name {
    padding:6px 0px 0 22px;
    line-height: 20px;
    display: inline-block;
}
.notifications-box ul li span.notifications-name span.notifications-des {
    color: #666;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #ccc;
    display: block;
    line-height: 18px;
    padding: 10px 10px 10px 15px;
    margin-top: 14px;
}
.all-notifications .day-btn {
    margin: 6px 0 3px 13px;
}
.all-notifications .day-btn button.btn {
    background: #f6f8fa;
    color: #69717e;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    line-height: 41px;
    border-radius: 25px;
    border: 1px solid #69717e;
    min-width: 130px;
    height: 42px;
    text-transform: uppercase;
    cursor: text;
}
.all-notifications .day-btn button.btn:focus {
    box-shadow: none;
}

/* Custom Scrollbar Css */
.mCSB_inside > .mCSB_container {
    margin-right: 0px!important;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.0);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.2);
}
.mCSB_scrollTools {
    width: 6px;
}

/* ------ Chat Page ------ */
.online {
    height: 7px;
    width: 7px;
    background: #37b34a;
    border-radius: 100%;
    display:inline-block;
    margin-top: 10px;
}
/* .away {
    height: 7px;
    width: 7px;
    background: #eab100;
    border-radius: 100%;
    display:inline-block;
    margin-top: 10px;
} */
.away {
  height: 12px;
  width: 12px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #8b8787;
  background-color: transparent;
  vertical-align: middle;
}
.left-sidebar .chat-list ul li .chat-title a span.away{
  height: 9px;
  width: 9px;
  border-radius: 100%;
  display: inline-block;
  border: 2px solid #8b8787;
  background-color: transparent;
  vertical-align: baseline;
}
.all-chat-message.hide-right-sidebar .svg-inline--fa.fa-circle{
  font-size: 12px;
}
.left-sidebar .chat-list ul li .chat-title .svg-inline--fa.fa-circle{
  font-size: 8px;
}
.all-chat-message {
    width: calc(100% - 649px);
    display: inline-block;
    background: #f6f8fa;
    min-height: calc(100vh - 65px);
    margin-left: 400px;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    padding-bottom: 85px;
}
.chat-heading {
    padding: 24px 22px 22px 22px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    position: fixed;
    width: inherit;
    z-index: 8;
}
.chat-heading a.user-list-open {
    display: none;
    margin-right: 20px;
}
.chat-heading a {
  font-size: 24px;
  font-weight: bold;
  color: #69717e;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.chat-heading a:hover {
    text-decoration: none;
}
.chat-heading span.online {
    margin-left: 12px;
}
.chat-heading a.chat-title span {
    font-weight: normal;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 3px;
}
.chat-heading a.chat-title span.chatbord-user-status{
  padding-bottom: 2px;
}
.chat-icon-heading {
 float: right;
 display: flex;
}
.chat-icon-heading a {
 font-size: 20px;
 color: #96a3b0;
 margin-left: 35px;

}
.chat-icon-heading a .fa-angle-right {
    font-size: 24px;
}
.all-chat-message.hide-right-sidebar {
    width: calc(100% - 400px);
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s;
}
.all-chat-message.hide-right-sidebar .svg-inline--fa.fa-angle-right {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.chat-message-list {
    padding: 50px 12% 0 12%;
    display: inline-block;
    width: 100%;
    background: #f6f8fa;
}
.chat-message-list:first-child {
  margin-top: 80px;
}

.chat-message-list ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.chat-message-list ul li {
    display: flex;
    line-height: 18px;
    padding-bottom: 40px;

}
.chat-message-list ul li .avatar {
    margin-right: 18px;
}
.chat-message-list ul li .avatar img {
    width: 50px;
    height: 50px;
}
.chat-message-list ul li p {
    margin: 0; padding: 0;
}
.chat-message-list ul li .msj-text {
    padding: 5px 0;
    width: 100%;
}
.chat-message-list .msj {
    background: #e4e8ed;
    position: relative;
    /*width: 100%;*/
    border-radius: 5px;
    padding: 5px;
    display: flex;
    margin-right: 66px;
    padding-right: 15px;
    padding-left: 15px;
}
.chat-message-list .msj:before {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: -10px;
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent #e4e8ed transparent transparent;
}
.chat-message-list .msj-time {
    position: absolute;
    bottom: -18px;
    left: 5px;
    font-size: 12px;
}
.chat-message-list .msj-time.green .svg-inline--fa {
    color: #37b34a;
    font-size: 11px;
}
.chat-message-list .msj-time.black .svg-inline--fa {
    color: #666666;
    font-size: 11px;
}
.chat-message-list ul li.msj-right .avatar {
    margin-right: 0px;
    margin-left: 18px;
    /*order: 2;*/
}
.chat-message-list .msj-right .msj {
    background: #2d84c9;
    margin-right: 0px;
    margin-left: 66px;
    padding-left: 15px;
    padding-right: 15px;
}
.chat-message-list .msj-right .msj:before {
    display: none;
}
.chat-message-list .msj-right .msj-time {
    left: auto;
    right: 5px;
    color: #333;

}
.chat-message-list .msj-time {
    white-space: nowrap;
}
.chat-message-list .msj-right .msj .msj-text {
    color: #fff;
    text-align: right;
}
.chat-message-list .msj-right .msj:after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    right: -10px;
    position: absolute;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: #2d84c9 transparent transparent transparent;
}
.chat-message-list .msj-text .msj-img {
    margin: 0;
    border: 1px solid #81b5df;
    position: relative;
}
.chat-message-list .msj-text .msj-img span {
    background: rgba(0, 0, 0, 0.6);
    height: 42px;
    width: 42px;
    position: absolute;
    top: 30%;
    left: 35%;
    border-radius: 100%;
    text-align: center;
}
.chat-message-list .msj-text .msj-img img {
    width: 150px;
    height: 100px;

}
.chat-message-list .msj-text .msj-img span img {
    width: 14px;
    height: 20px;
    margin-top: 10px;
}
.type-msj {
    height: 60px;
    border-top: 1px solid #dddddd;
    background: #fff;
    display: flex;
    padding: 0 22px 0 26px;
    /*width: calc(100% - 714px);*/
    /*position: fixed;*/
    bottom: 0;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
.all-chat-message.hide-right-sidebar .type-msj {
    /*width: calc(100% - 414px);*/
}
.type-msj .attach-icon {
    width: 20px;
    opacity: 0.4;
    height: 20px;
}
.type-msj .msj-send-icon {
    width: 40px;
    height: 40px;
    background: #1b75bb;
    text-align: center;
    border-radius: 100%;
    margin-left: 20px;
    padding: 0;
}
.type-msj .msj-send-icon img {
    width: 18px;
    margin-top: -4px;
    margin-left: 4px;
}
.type-msj .svg-inline--fa {
    color: #999;
    font-size: 22px;
    height: auto;
}
.type-msj input {
    border: none;
    margin: 0 20px;
    width: calc(100% - 425px);

}
.type-msj input:focus,
.type-msj .msj-send-icon:focus {
    box-shadow: none;
    outline: none;
}
.type-msj input::-webkit-input-placeholder {
  color: #777; opacity: 0.7;
}
.type-msj input::-moz-placeholder {
  color: #777; opacity: 0.7;
}
.type-msj input:-ms-input-placeholder {
  color: #777; opacity: 0.7;
}
.type-msj input:-moz-placeholder {
  color: #777; opacity: 0.7;
}
.notifications-heading a.user-list-open {
    display: none;
}

/* Mini Sidebar Tooltip */
.dashboard-tooltip .tooltip-inner {
    max-width: 130px;
    padding: 5px 8px;
    color: #fff;
    text-align: center;
    background-color: #161c25;
    border-radius: 3px;
    font-size:14px;
    font-family: 'PT Sans', sans-serif;
    line-height:16px;
}
.dashboard-tooltip .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.dashboard-tooltip .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -0px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #161c25;
}
.dashboard-tooltip .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.dashboard-tooltip .tooltip.bs-tooltip-right .arrow::before {
    margin-top: -0px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: #161c25;
}
.dashboard-tooltip .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.dashboard-tooltip .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: 3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #161c25;
}
.dashboard-tooltip .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.dashboard-tooltip .tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: 5px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: #161c25;
}

/* Autocomplete Suggestions Search */
.autocomplete-suggestions{
     text-align: left;
     cursor: default;
     max-height: 400px;
     overflow: hidden;
     overflow-y: auto;
     border-top: 0;
     background: #fff;
     box-shadow: -1px 1px 3px rgba(0,0,0,.1);
     position: absolute;
     display: none;
     z-index: 9999;
     box-sizing: border-box;
}
 .autocomplete-suggestion {
     position: relative;
     padding: .3em .6em;
     line-height: 23px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 1.02em;
     color: #333;
     border-bottom: 1px solid #ddd;
}
.autocomplete-suggestion b {
     font-weight: normal;
}
 .autocomplete-suggestion.selected {
     background: #1d77bb;
     color: #fff;
     cursor: pointer;
}

/* ------ Profile Resume Page ------ */
.profile-top-banner {
    height: 220px;
    /* border-bottom: 1px solid #adaeb0;
    background-repeat: no-repeat;
    background-image: url(../images/expert-profile-banner-bg.jpg);
    background-size: cover; */
    position: relative;
    width: 100%;
    min-height: 20vh;
}
.profile-top-banner:after {
    width: 100%;
    height: 100%;
    content: "";
    top: 0px;
    left: 0px;
    position: absolute;
    /* opacity: 0.85; */
    z-index: 1;
    background: rgb(0,195,204);
    background: -moz-linear-gradient(left,  rgba(0,195,204,1) 0%, rgba(158,109,247,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,195,204,1) 0%,rgba(158,109,247,1) 100%);
    background: linear-gradient(to right,  rgba(0,195,204,1) 0%,rgba(158,109,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c3cc', endColorstr='#9e6df7',GradientType=1 );
}
.profile-top-banner:before {
    width: 100%;
    height: 148px;
    content: "";
    bottom: 0px;
    left: 0px;
    position: absolute;
    opacity: 0;
    z-index: 2;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(191,191,191,0) 25%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(191,191,191,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(191,191,191,0) 25%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(191,191,191,0) 25%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(191,191,191,0) 25%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(191,191,191,0) 25%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
}
.profile-detail-left .profile-top-banner {
    display: none;
}
.profile-detail-left-close {
    display: none;
    position: absolute;
    right: -24px;
    background: #272c35;
    color: #fff;
    z-index: 1;
    border-radius: 0 5px 5px 0;
    top: 1px;
}
.profile-detail-left-close a {
    padding: 3px 7px;
    display: inline-block;
}
.profile-detail-left-close img {
    max-width: 10px;
}
/* .profile-detail-left-scroll .mCSB_container,
.profile-detail-left-scroll .mCustomScrollBox {
    overflow: visible;
} */
.profile-detail-left {
    float: left;
    width: 350px;
    background: #fff;
    position: relative;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
.profile-progress {
    position: relative;
    z-index: 3;
    width: 100%;
}
b.progress-img {
    position: absolute;
    z-index: 1;
    width: 138px;
    height: 138px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
}
b.progress-img img {
    width: 138px;
    height: 138px;
    object-fit: cover;
}
.profile-progress-bar {
    position: relative;
    height: 160px;
    width: 138px;
    margin: -100px 0px 0 98px;
}
.profile-progress-bar .back-circle {
    position: absolute;
    z-index: 0;
    background-color: #fff;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    left: -6px;
    top: -6px;
}
.profile-progress-bar div {
    position: absolute;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    left: -6px;
    top: -6px;
}
.front-survey div {
    position: absolute;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    left: 0px;
    top: 0px;
}

#profile_per {
    position: absolute;
    font-size: 20px;
    line-height: 70px;
    height: 100px;
    width: 100px;
    left: 10px;
    top: 10px;
    text-align: center;
    border-radius: 50%;
    background-color: white;
    color: #000;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .profile-inner-circle{
    border-radius: 100%;
    border-color: #7b63a5;
    background-color: #7b63a5;
    color: white;
    padding: 0;
    height: 70px;
    width: 70px;
    display: inline-block;
    position: relative;
    /* top: 5px; */
    line-height: 70px;
  }

  #background { background-color: #b3cef6; }

  #rotate {
    clip: rect(0 40px 80px 0);
    background-color: #4b86db;
  }

  #left {
    clip: rect(0 40px 80px 0);
    opacity: 1;
    background-color: #b3cef6;
  }

  #right {
    clip: rect(0 40px 80px 0);
    transform: rotate(180deg);
    opacity: 0;
    background-color: #4b86db;
  }
.progress-bar .rotate {
    clip: rect(0 100px 200px 0);
}
.profile-progress-bar .rotate {
    clip: rect(0 75px 150px 0);
}
.profile-progress-bar .left {
    clip: rect(0 75px 150px 0);
}
.profile-progress-bar.profile-progress .left {
    clip: rect(0 100px 200px 0);
    opacity: 1;
}
.profile-progress-bar .right {
    clip: rect(0 75px 150px 0);
    transform: rotate(180deg);
 }
 .profile-progress-bar.profile-progress .right {
    clip: rect(0 100px 200px 0);
    transform: rotate(180deg);
    opacity: 0;
 }
 .profile-progress-bar div span {
   position: absolute;
    font-size: 13px;
    color: #777777;
    font-weight: normal;
    left: 25px;
    bottom: -54px;
    }
.profile-progress-title {
    position: absolute;
    top: 32px;
    width: 200%;
    left: 264px;
}
.profile-progress-title h2 {
    color: #fff;
    font-size: 28px;
    margin: 0px;
    display: inline-block;
}
.profile-progress-title h2 span {
    font-size: 14px;
}
.profile-progress-title p {
    color: #fff;
}
.profile-progress-bar .complete-progress {
    display: inline-block;
    width: 110px;
    text-align: center;
    position: absolute;
    bottom: -38px;
    left: 35px;
    z-index: 9;
    font-size: 13px;
    color: #777777;
    font-weight: normal;
}
.profile-progress-bar-icon {
    width: 100%;
    padding: 56px 0 15px;
    text-align: center;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 );
}
.profile-progress-bar-icon a {
    /* margin: 0 20px;
    width: 26px;
    height: 26px; */
    display: inline-block;
    color: #333;
    /* opacity: 0.7; */
    font-size: 24px;
    line-height: 26px;
}
.profile-progress-bar-icon a img {
    vertical-align: top;
    height: 26px;
}
.profile-detail-box {
    padding: 30px 0 0 20px;
    position: relative;
}
.profile-detail-box:hover .profile-detail-box-hover {
    width: 34px;
    opacity: 1;
}
.profile-detail-box-hover {
    bottom: 8px;
    position: absolute;
    background: #616775;
    right: 0;
    width: 0px;
    height: 22px;
    text-align: center;
    border-radius: 20px 0 0 20px;
    z-index: 1;
    -webkit-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
    opacity: 0;
    line-height: 18px;
}
.profile-detail-box-hover a {
    width: 100%;
    height:22px;
    display: inline-block;
}
.profile-detail-box-hover .svg-inline--fa {
    color: #fff;
    font-size: 12px;
}
.profile-detail-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    position: relative;
}
.profile-detail-title-bg {
    display: inline-block;
    background: #fff;
    z-index: 1;
    position: relative;
    padding-right: 16px;
}
.profile-detail-title:before {
    width: 100%;
    height: 1px;
    content: "";
    top: 20px;
    left: 0px;
    position: absolute;
    background: #cccccc;

}
.profile-detail-title span {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
}
.profile-detail-title span .svg-inline--fa {
    color: #37b34a;
    font-size: 22px;
}
.profile-detail-box-des {
    font-size: 13px;
    color: #666;
    padding:20px 20px 0 0;
}
.profile-detail-box-des .details-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.profile-detail-box-des .details-list li {
    padding-bottom: 15px;
    color: #333;
    font-size: 16px;
    line-height: 18px;
}
.profile-detail-box-des .details-list li label {
    text-transform: uppercase;
    color: #777777;
    font-size: 12px;
    display: block;
    margin: 0;
}
.profile-detail-box-des .details-list li a {
    color: #333;
}
.profile-detail-box-des .socials-accordion {

}
.profile-detail-box-des .socials-accordion .socials-accordion-title {

}
.profile-detail-box-des .socials-accordion .socials-accordion-title button {
    font-size: 18px;
    color: #37b34a;
    background: transparent;
    padding: 0 22px 0 0;
    font-weight: bold;
    border: none;
}
.profile-detail-box-des .socials-accordion .socials-accordion-title button.collapsed {
    color: #333;
}
.profile-detail-box-des .socials-accordion .socials-accordion-title:last-child button {
    padding: 0;
}
.profile-detail-box-des .socials-accordion .socials-accordion-title button span {
    font-size: 13px;
    color: #37b34a;
    font-weight: normal;
    display: block;
}
.profile-detail-box-des .socials-accordion .socials-accordion-title button.collapsed span {
    color: #777;
}
.profile-detail-box-des .socials-accordion .socials-accordion-title button:focus {
    box-shadow: none;
}
.socials-more-users {
    padding:40px 0 20px 0;
    display: inline-block;
    width: 100%;
}
.socials-more-users .more-users {
     margin: 0;
     padding: 0;
     list-style: none;
}
.socials-more-users .more-users li {
    float: left;
    /*border: 2px solid #fff;*/
    height: 44px;
    width: 44px;
    border-radius: 100%;
    margin-left: -15px;
    position: relative;
}
.socials-more-users .more-users li img {
    height: 40px;
    width: 40px;
}
.socials-more-users .more-users li:first-child {
    margin-left: 0;
}
.socials-more-users .more-users li:last-child {
    margin-left: 0;
    border-radius:0;
    border:none;
    float: right;
    text-align: right;
    width: auto;
    height: auto;
    line-height: 20px;
    padding-top: 5px;
}
.socials-more-users .more-users li strong {
    font-size: 28px;
    color: #333;
    display: block;
}
.socials-more-users .more-users li a {
    font-size: 14px;
    color: #777;
    display: inline-block;
}
.socials-accordion-title-box .socials-accordion-title {
 display: inline-block;
}
.postings-users {
    list-style: none;
    margin: -20px 0 0 0;
    padding: 0;
}
.postings-users li {
    padding: 15px 0;
    border-bottom: 1px solid #ecf1f5;
}
.postings-users li:last-child {
    border-bottom: none;
}
.postings-users li .postings-user-img {
    margin-right: 16px;
    float: left;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    overflow: hidden;
}
.postings-users li .postings-user-img img {
    height: 40px;
    width: 40px;
}
.postings-users li .postings-user-des {
    padding-left: 56px;
}
.postings-user-des h2 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 3px;
    float: left;
    width: 100%;
}
.postings-user-des h2 a {
    color: #333;
    display: inline;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 15px;
    width: 135px;
    float: left;
}
.profile-right-sidebar .postings-user-des h2 a {
    width: 104px;
    margin-right: 10px;
}
.postings-user-des h2 span {
    float: right;
    font-size: 11px;
    color: #777;
    padding-top: 5px;
    font-weight: normal;
}
.postings-user-des p {
    font-size: 13px;
    color: #777;
    margin: 0;
    display: inline;
}
.postings-user-des p a {
    color: #41b5fe;
}
.postings-user-see-all {
    padding-top: 10px;
}
.postings-user-see-all a {
    text-decoration: underline;
    color: #1d77bb;
    cursor: pointer;
}
.profile-detail-main {
    display: flex;
    min-height: 68vh;
}
.profile-service-skills {
    margin:0 10px;
    width: calc(100% - 370px);
    float: right;
    overflow: hidden;
}
.profile-service-heading {
    padding: 12px 5px 8px 5px;
}
.profile-service-heading h1 {
    font-size: 24px;
    color: #333;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.open-profile-detail {
    display: none;
    font-size: 20px;
    color: #96a3b0;
    margin-right: 15px;
    position: relative;
    z-index: 1;
}
.open-profile-detail .fa-angle-right {
    font-size: 24px;
}
.profile-service-heading h1 span {
    background: #eb3b48;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    margin-left: 6px;
    vertical-align: top;
    margin-top: 5px;
}
.profile-service-heading .dropdown {
    float: right;
    position: relative;
    z-index: 9;
}
.profile-service-heading .dropdown .dropdown-see-all,
.profile-service-heading .dropdown .dropdown-see-all:hover {
    text-decoration: underline;
    color: #1d77bb;
    cursor: pointer;
}
.profile-service-heading .dropdown .dropdown-see-all img {
    margin-left: 15px;
    vertical-align: top;
    opacity: 0.5;
}
.profile-service-heading .dropdown.show .dropdown-see-all img {
    opacity: 1;
}
.profile-service-heading .dropdown .dropdown-menu.show {
    width: 160px;
    right: 0;
    left: inherit !important;
    transform: translate3d(1px, 34px, 0px) !important;
    border-radius: 2px 0 2px 2px;
    border: 1px solid #ddd;
    padding: .5rem .7rem;
}
.profile-service-heading .dropdown .dropdown-menu:after,
.profile-service-heading .dropdown .dropdown-menu:before {
    bottom: 100%;
    right: 1px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.profile-service-heading .dropdown .dropdown-menu:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.profile-service-heading .dropdown .dropdown-menu:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 10px;
    margin-left: -9px;
    right: -1px;
}
#profile-service-skills.owl-theme .owl-controls .owl-page span {
    background: #999999;
    width: 10px;
    height: 10px;
    margin: 0px 3px;
    opacity: 1;
}
#profile-service-skills.owl-theme.owl-theme .owl-controls .owl-page.active span,
#profile-service-skills.owl-theme.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #37b34a;
}
#profile-service-skills.owl-theme .owl-controls .owl-buttons div {
    background: #999999;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    position: absolute;
    top: 30%;
    z-index: 9;
}
#profile-service-skills.owl-theme .owl-controls .owl-buttons {
     display: none;
}
#profile-service-skills.owl-carousel:hover .owl-buttons {
    display: block;
}
#profile-service-skills.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -5px;
}
#profile-service-skills.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -5px;
}
#profile-service-skills.owl-theme .owl-controls .owl-pagination {
    position: absolute;
    width: 100%;
    top: -30px;
}
#profile-service-skills.owl-theme .owl-item .item {
    margin: 0 5px;
    border: 1px solid #e8e8e8;
    min-height: 83px;
    cursor: pointer;
    padding: 10px 16px;
    position: relative;
    background: rgba(241,241,241,1);
    background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0 );
}
#profile-service-skills.owl-theme .owl-item .item.active {
    background: #fff;
    border-bottom: none;
    position: relative;
}
#profile-service-skills.owl-theme .owl-item .item.active:before {
    top: 0;
    left: 0;
    content: " ";
    height: 3px;
    width: 100%;
    position: absolute;
    background: #37b34a;
}
.progress-service-skills {
    position: relative;
    height: 44px;
    width: 44px;
    margin: 6px 15px 0 6px;
    float: left;
}
.progress-service-skills .back-circle {
    position: absolute;
    z-index: 0;
    background-color: #fff;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    left: -6px;
    top: -6px;
}
.progress-service-skills div {
    position: absolute;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    left: -6px;
    top: -6px;
}
.progress-service-skills .rotate {
    clip: rect(0 27px 54px 0);
}
.progress-service-skills .left {
    clip: rect(0 27px 54px 0);
}
.progress-service-skills .right {
    clip: rect(0 27px 54px 0);
    transform: rotate(180deg);
}
 @keyframes
toggle {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.progress-service-skills div span {
    position: absolute;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 44px;
    height: 44px;
    width: 44px;
    left: 5px;
    top: 5px;
    text-align: center;
    border-radius: 50%;
    background-color: white;
}
.progress-service-skills-des {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 30px;

}
#profile-service-skills .progress-service-skills-des {
    padding-left: 0px;
    position: relative;
    padding-right: 155px;
}
.profile-service-skills.matched-bids-container.sp-profile #profile-service-skills .progress-service-skills-des {
    padding-right: 30px;
}

#profile-service-skills .progress-service-skills-des .star {
    position: absolute;
    right: 26px;
    top: 19px;
}
.skills-tab-section .progress-service-skills-des {
    position: relative;
    padding-right: 30px;
}
.skills-tab-section .software-list .progress-service-skills-des,
.skills-tab-section .product-box-list .progress-service-skills-des {
    padding-right: 105px;
}
.profile-service-skills.matched-bids-container.sp-profile .skills-tab-section .software-list .progress-service-skills-des,
.profile-service-skills.matched-bids-container.sp-profile .skills-tab-section .product-box-list .progress-service-skills-des {
    padding-right: 30px;
}
.profile-service-skills.matched-bids-container.sp-profile .skills-tab-section .resources-box-list .progress-service-skills-des {
    padding-right: 155px;
}
.profile-service-skills.matched-bids-container.sp-profile .skills-tab-section .resources-box-list .progress-service-skills-des .star {
    position: absolute;
    right: 26px;
    top: 17px;
}
.skills-tab-section .progress-service-skills-des .dots {
    position: absolute;
    right: 26px;
    top: 17px;
    width: auto;
}
.progress-service-skills-des h2 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 0px 0 2px 0;
    display: inline!important;
}
.progress-service-skills-des h2 a {
    color: #333;
}
.progress-service-skills-des h2 a:hover {
    color: #333;
    text-decoration: none;
}
.progress-service-skills-des .star a.star-green {
    color: #37b34a;
    margin: 0;
}
.progress-service-skills-des .population {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    line-height: 16px;
}
.progress-service-skills-des .location {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    font-style: italic;
    line-height: 16px;
}
.progress-service-skills-des .star a {
    color: #cccccc;
    font-size: 16px;
}
.progress-service-skills-des .star a:hover {
    color: #37b34a;
}
.ellipsis-icon {
    float: right;
    margin-top: 25px;
    position: absolute;
    height: 28px;
    right: 10px;

}
.ellipsis-icon:hover {
    width: 120px;
}
.ellipsis-icon:hover a.ellipsis-link {
    float: right;
}
.ellipsis-icon a.ellipsis-link {
    height: 20px;
    width: 20px;
    background: #fff;
    font-size: 14px;
    color: #777777;
    border-radius: 30px;
    text-align: center;
    display: inline-block;
}
.item-overlay {
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    width: 120px;
    top: 28px;
    right: 0;
    padding: 5px 10px;
    transition: 0.3s;
    -moz-transform: 0.3s;
    -webkit-transform: 0.3s;
    display: none;
    z-index: 1;
}
.item-overlay ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.item-overlay ul li {
    width: 100%;
    margin:0;
    padding: 0;
    min-height: inherit;
    border: none;
    line-height: 24px;
}
.item-overlay:after,
.item-overlay:before {
    bottom: 100%;
    right: 1px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.item-overlay:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 6px;
}
.item-overlay:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 8px;
    right: -1px;
}
.item-overlay a {
    color: #333;
}
#profile-service-skills .owl-wrapper .item .ellipsis-icon:hover .item-overlay {
    display: inline-block;
}
#profile-service-skills .owl-wrapper .ellipsis-icon:hover a.ellipsis-link {
    color: #fff;
    background: #535762;
    position: relative;
    z-index: 1;
}
#profile-service-skills.owl-theme .owl-controls {
    margin-top: 0px;
}
#profile-service-skills .owl-wrapper-outer {
    z-index: 5;
    overflow: visible;
}
.skills-tab-section {
    margin: 0 5px;
    margin-top: -1px;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.skills-box {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    width: 100%;
    padding: 22px 20px;
    box-shadow: 0 0 5px #e9e9e9;
    border-radius: 0 0 5px 5px;
}
.skills-box-heading {
    padding: 0px 5px 12px 1.333%;
}
.skills-box-heading h1 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.skills-box-heading h1 span {
    background: #eb3b48;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    margin-left: 6px;
    vertical-align: top;
    margin-top: 3px;
}
.skills-box-heading-see-all {
    float: right;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
.skills-box-heading-see-all a {
    text-decoration: underline;
    color: #1d77bb;
    cursor: pointer;
}
.skills-box-heading-see-all .svg-inline--fa {
    display: none;
    margin-right: 10px;
}
.skills-box-heading-see-all:hover a {
    text-decoration: underline;
    color: #1d77bb;
    cursor: pointer;
}
.skills-box-heading-see-all:hover a .svg-inline--fa {
    color: #606875;
    display: inline-block;
}
.skills-box-list {
    margin: 0 0 0 -1%;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 101%;
}
.skills-box-list li {
    border: 1px solid #e8e8e8;
    min-height: 83px;
    padding: 12px 12px;
    position: relative;
    float: left;
    width: 32%;
    margin-left: 1.333%;
    margin-bottom: 1.333%;
}
.skills-box-list li .skills-list-img {
 float: left;
 border: 1px solid #e5e5e5;
 overflow: hidden;
 border-radius: 100%;
  width: 49px;
 height: 49px;
 margin-top: 4px;
}
.skills-box-list li .skills-list-img img {
 width: 49px;
 height: 49px;

}
.skills-box-list li .ellipsis-icon {
    margin-right: 12px;
}
.skills-box-list li .dots {
    display: inline-block;
    width: 100%;
    padding-top: 6px;
}
.skills-box-list li .dots a {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: inline-block;
    background-color: #cdcdcd;
    float: left;
    margin-right: 8px;
    position: relative;
}
.skills-box-list li .dots a.dots-light-grey {
    background-color: #cdcdcd;
}
.skills-box-list li .dots a.dots-light-skyblue {
    background-color: #84c2f3;
}
.skills-box-list li .dots a.dots-skyblue {
    background-color: #559cd0;
}
.skills-box-list li .dots a.dots-navyblue {
    background-color: #1677bb;
}
.skills-box-list li .dots a.active:before {
    top: -4px;
    left: -4px;
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    border: 2px solid #3ab349;
    border-radius: 100%;
}
.skills-box-list li .ellipsis-icon:hover .item-overlay {
    display: inline-block;
}
.skills-box-list li .ellipsis-icon:hover a.ellipsis-link {
    color: #fff;
    background: #535762;
    position: relative;
    z-index: 1;
}
/* ul.skills-box-list.clients-box-list {
    margin-bottom: -1.333%;
} */
.skills-box-list.clients-box-list li .skills-list-img {
    margin-top: 4px;
}


/* Career Progression */
.career-progression {
    padding: 0 5px;
}
.career-progression .skills-box-heading {
        padding: 30px 0px 12px 0px;
}
.career-progression .skills-box-heading h1 {
    font-size: 24px;
    font-weight: normal;
}
.career-progression-box {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    width: 100%;
    padding: 30px 40px 20px 40px;
    box-shadow: 0 0 5px #e9e9e9;
    border-radius:5px;
}
.career-progression-list {
    display: inline-block;
    width: 100%;
    padding-bottom: 40px;
    position: relative;
}
.progres-year {
    font-weight: bold;
    font-size: 24px;
    color: #333;
    position: absolute;
    left: -82px;
    top: 0;
    line-height: 70px;
}
.career-progression-left {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    height: 68px;
    position: relative;
    margin: 0 0px 0px 82px;
    width: 360px;
    float: left;
}
.career-progression-left:after,
.career-progression-left:before {
    bottom: -1px;
    right: -66px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.career-progression-left:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 34px;
    -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.career-progression-left:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #e5e5e5;
    border-width: 34px;
    right: -67px;
    -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.blue-border-left {
    border-left: 4px solid #1d77bb;
    z-index: 1;
}
.progres-img {
    width: 86px;
    height: 86px;
    border: 2px solid #e5e5e5;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    margin: -10px 18px 0 18px;
    float: left;
    background: #fff;
}
.career-progression-list:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 146px;
    width: 3px;
    height: 100%;
    background: url(../images/progres-border-dashed.png);
}

/*.progres-img:before {
    bottom: -43px;
    left: 60px;
    content: " ";
    height: 30px;
    width: 3px;
    position: absolute;
    background: url(../images/progres-border-dashed.png);
    background-repeat: no-repeat;
}*/

.progession-span:last-child .career-progression-left .progres-img:after {
    bottom: -65px;
    left: 57px;
    content: " ";
    height: 9px;
    width: 9px;
    position: absolute;
    background: #aaaaaa;
    border-radius: 100%;
}
.progres-img img {
    width: 82px;
    height: 82px;
}
.progres-des {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 200px;
}
.progres-des h2 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 4px 0 2px 0;
    display: inline-block;
}
.progres-address {
    font-size: 13px;
    color: #777;
    line-height: 18px;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
}
.progres-des .location {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    font-style: italic;
    line-height: 16px;
}
.progres-ellipsis {
    position: absolute;
    right: 0;
    top: 24px;
    height: 28px;
}

.career-progression-list .progres-ellipsis {
    top: 20px !important;
}

.progres-ellipsis:hover {
    width: 120px;
}
.progres-ellipsis:hover a.ellipsis-link {
    float: right;
}
.progres-ellipsis a.ellipsis-link {
    height: 20px;
    width: 20px;
    background: #fff;
    font-size: 14px;
    color: #777777;
    border-radius: 30px;
    text-align: center;
    display: inline-block;
}
.career-progression .progres-ellipsis .item-overlay {
    width: 190px !important;
}
.progres-ellipsis:hover a.ellipsis-link {
    color: #fff;
    background: #535762;
    position: relative;
    z-index: 1;
}
.progres-ellipsis:hover .item-overlay {
    display: inline-block;
}
.career-progression-right {
    padding-left: 510px;
}
.career-progression-right h2 {
    color: #1d77bb;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.career-progression-right h2 a {
    color: #1d77bb;
    text-decoration: none;
}
.career-progression-right p {
    font-size: 13px;
    color: #777;
    line-height: 16px;
    margin: 0;
}
.career-progression-right ul.career-progression-tags {
    list-style: none;
    margin: 0;
    padding: 0;
    /*height: 60px;*/
    min-height: 60px;
}
.career-progression-right ul.career-progression-tags li {
    display: inline-block;
    border: 1px solid #e8e8e8;
    padding: 0px 7px 2px 7px;
    margin: 2px 0px 0px 5px;;
    border-radius: 15px 15px 15px 15px;
}
.career-progression-right ul.career-progression-tags li a {
    font-size: 12px;
    color: #777;
}
.career-progression-right ul.career-progression-tags li .svg-inline--fa.fa-times {
    margin: 0 0 0 5px;
    vertical-align: middle;
}
.career-progression-list.active .blue-border-left {
 border-left: 4px solid #37b34a;
}
.career-progression-list.active .career-progression-right h2 a {
    color: #37b34a;
}

/* Achievements */
.achievements {
    padding: 0 5px 30px 5px;
}
.achievements .skills-box-heading {
    padding: 30px 0px 12px 0px;
}
.achievements .skills-box-heading h1 {
    font-size: 24px;
    font-weight: normal;
}
.achievements-tab-content {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    width: 100%;
    padding: 20px 20px 20px 20px;
    box-shadow: 0 0 5px #e9e9e9;
    border-radius: 0 0 5px 5px;
    margin-top: -1px;
}
.achievements .nav-tabs {
    border-bottom: none;
}
.achievements .nav-tabs .nav-item {
    margin-right: 6px;
    margin-bottom: 0px;
}
.achievements .nav-tabs .nav-item .nav-link {
    padding: 0 22px;
    line-height: 49px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    font-size: 20px;
    color: #333;
    font-weight: bold;

    background: rgba(241,241,241,1);
    background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0 );
}
.achievements .nav-tabs .nav-item .nav-link span {
    background: #eb3b48;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 16px;
}
.achievements .nav-tabs .nav-item .nav-link.active {
    background: #fff;
    border-bottom: 1px solid #fff;
     position: relative;
}
.achievements .nav-tabs .nav-item .nav-link.active:after {
    top: 0px;
    left: 0px;
    content: " ";
    height: 2px;
    width: 100%;
    position: absolute;
    background: #5fc26e;
}
.achievements-see-all {
    text-align: right;
}
.achievements-see-all a {
    text-decoration: underline;
    color: #1d77bb;
    cursor: pointer;
}
.achievements-see-all a:hover .svg-inline--fa {
    color: #606875;
    display: inline-block;
}
.achievements-see-all .svg-inline--fa {
    display: none;
    margin-right: 10px;
}
.achievements-tab-content .skills-box-list {
    margin-top: 16px;
}
/* .achievements-tab-content .skills-box-list li {
   margin-bottom: 0;
} */
.achievements-tab-content .skills-box-list li .ellipsis-icon {
    margin-top: 0px;
    padding-top: 22px;
}
.skills-box-list:hover .skills-box-heading-see-all .svg-inline--fa {
    display: inline-block;
    color: #606875;
}
.career-progression:hover .skills-box-heading-see-all .svg-inline--fa {
    display: inline-block;
    color: #606875;
}
.achievements-tab-content:hover .achievements-see-all .svg-inline--fa {
    display: inline-block;
    color: #606875;
}
.achievements-tab-content .item-overlay {
        bottom: 16px;
        top: auto;
}
.achievements-tab-content .item-overlay:before {
    bottom: -8px;
    border-top-color: #ddd;
    border-bottom: none;
}
.achievements-tab-content .item-overlay:after {
    bottom: -6px;
    border-top-color: #fff;
    border-bottom: none;
}

/* Marketing Content & News */
.marketing-news {
    padding: 0px 0px 0px 5px;
}
.marketing-news .skills-box-heading {
    padding: 10px 0px 12px 0px;
}
.marketing-news-slider-main {
 margin: 0 -10px;
}
.marketing-news-slider {
}
.marketing-news-slider .owl-item {
 padding: 0 10px;
}
.marketing-news-slider .owl-item .item {
 position: relative;
}
.marketing-news-title a {
    font-size: 14px;
    color: #777;
    display: block;
}
.marketing-news-slider .owl-item .item .ellipsis-icon {
    margin-top: 0px;
    top: 0;
    right: 10px;
    z-index: 9;
}
.marketing-news-slider .owl-item .item .ellipsis-icon:hover .item-overlay {
    display: inline-block;
    width: 190px;
}
.marketing-news-slider .owl-item .item .ellipsis-icon:hover a.ellipsis-link {
    color: #fff;
    background: #535762;
    position: relative;
    z-index: 1;
}
.marketing-news-title {
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
        padding-right: 40px;
}
.marketing-news-title a {
    color: #777;
    display: inline;
}
.marketing-news-by {
    font-size: 13px;
    color: #777;
}
.marketing-news-by a {
    font-size: 13px;
    color: #777;
}
.marketing-news-by span {
    float: right;
}
.marketing-news-image {
    position: relative;
    margin: 10px 0;
}
.marketing-news-image img {
    width: 100%;
}
.marketing-news-image span.news-icon {
    position: absolute;
    bottom: 4px;
    right: 7px;
    height: 24px;
    width: 24px;
    background: rgba(0, 0, 0, 0.6);
    line-height: 24px;
    text-align: center;
}
.marketing-news-image span.news-icon a {
    color: #fff;
    font-size: 14px;
}
.marketing-news-image span.news-icon .svg-inline--fa.fa-volume-off {
    font-size: 16px;
    vertical-align: sub;
}
.marketing-news-image span.news-icon .svg-inline--fa.fa-video {
    font-size: 13px;
}
.marketing-news-slider .owl-controls .owl-pagination {
 display: none;
}
.marketing-news-slider .owl-controls .owl-buttons {

}
.marketing-news-slider .owl-controls .owl-buttons .owl-prev {
    left: -20px;
}
.marketing-news-slider .owl-controls .owl-buttons .owl-next {
    right: -15px;
}
.marketing-news-slider .owl-controls .owl-buttons div {
    background: #999999;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    position: absolute;
    top: 42%;
    z-index: 9;
}

/* Customer Profile Page */
.customer-profile-col3 {
    padding-left: 5px;
     padding-top: 30px;
     margin: 0 0 0 -1.333%;
     display: inline-block;
}
.customer-profile-col3 .skills-box-list {
    margin: 0 0 20px 0;
    padding-right: 0%;
    float: left;
    width: 32%;
    margin-left: 1.333%;
}
.customer-profile-col3 .skills-box-list .skills-box-heading {
    padding: 0px 8px 18px 8px;
}
.customer-profile-col3 .skills-box-list li {
    width: 96%;
    margin: 0 0 -1px 0;
}
.customer-profile-col3 .skills-box-list li .progress-box {
    padding: 0px 8px 10px 8px;
}
.customer-profile-col3 .skills-box-list li .progress-box .progress {
    height: 10px;
    border-radius: 20px;
    background-color: #ccc;
}
.customer-profile-col3 .skills-box-list li .progress-box .progress .bg-green {
    background-color: #37b363;
    border-radius: 20px;
}
.customer-profile-col3 .skills-box-list li .progress-box .progress .bg-yellow {
    background-color: #f59458;
    border-radius: 20px;
}
.customer-profile-col3 .skills-box-list li .progress-box .progress .bg-blue {
    background-color: #3a98f4;
    border-radius: 20px;
}
.customer-profile-col3 .skills-box-list li .skills-list-img {
    width: 39px;
    height: 39px;
    margin-top: 0px;
}
.customer-profile-col3 .skills-box-list li .skills-list-img img {
    width: 39px;
    height: 39px;
}
#achievements-accordion .panel-title {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 0;
}
#achievements-accordion .panel-title a {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    display: block;
    padding: 0 20px;
    position: relative;
    line-height: 49px;
    border: 1px solid #e5e5e5;
    background: rgba(241,241,241,1);
    background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0 );
}
#achievements-accordion .panel-title a span {
    background: #eb3b48;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 16px;
}
#achievements-accordion .panel-title a:hover {
    text-decoration: none;
}
#achievements-accordion .panel-title a[aria-expanded="true"]:before {
    top: 0px;
    left: 0px;
    content: "";
    position: absolute;
    background: #37b34a;
    width: 100%;
    height: 2px;

}
#achievements-accordion .panel-title a[aria-expanded="true"] {
    border-bottom: 1px solid #fff;
}
#achievements-accordion .panel-title a[aria-expanded="true"]:after {
    top: 16px;
    right: 20px;
    content: "";
    position: absolute;
    font-size: 30px;
    background: url(../images/up-arrow.svg);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;

}
#achievements-accordion .panel-title a[aria-expanded="false"]:after {
    top: 18px;
    right: 20px;
    content: "";
    position: absolute;
    font-size: 30px;
    background: url(../images/up-arrow.svg);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);

}
#achievements-accordion .panel {
 margin: 0 0 10px 0;
}
#achievements-accordion .panel-collapse {
    padding: 0px 10px 0px 15px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-top: none;
    min-height: inherit;
    overflow: visible;
}
#achievements-accordion .panel-collapse .achievements-see-all {
    padding-bottom: 5px;
}
#achievements-accordion .panel-collapse:hover .achievements-see-all .svg-inline--fa {
    display: inline-block;
    color: #606875;
}
.carousel-indicators {
    z-index: 1;
}

/* ------- Matched Bids Page ---------- */
.bg-color-dark {
        background: #f6f8fa;
}
.matched-bids-container {
    padding: 20px;
    overflow: hidden;
    min-height: 100vh;
}
.matched-bids-heading {
    padding-bottom: 14px;
}
.matched-bids-heading h1 {
    font-size: 30px;
    color: #333;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.matched-bids-heading h1 span {
    background: #eb3b48;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    margin-left: 6px;
    vertical-align: top;
    margin-top: 5px;
}
.matched-bids-heading-icon {
    float: right;
    padding-top: 5px;
}
.matched-bids-heading-icon a {
    margin-left: 18px;
    display: inline-block;
}
.matched-bids-heading-icon a.dropdown-icon {
    margin-left: 0px;
}
.matched-bids-heading-icon .dropdown {
    margin-left: 18px;
}
.matched-bids-heading-icon a .svg-inline--fa {
    font-size: 18px;
    color: #999999;
    vertical-align: top;
}
.matched-bids-heading-icon .dropdown .dropdown-icon {
    cursor: pointer;
}
.matched-bids-heading-icon .dropdown img {
    vertical-align: top;
    opacity: 0.5;
}
.matched-bids-heading-icon a:hover .svg-inline--fa,
.matched-bids-heading-icon a.active .svg-inline--fa {
    color: #222;
}
.matched-bids-heading-icon .dropdown:hover img {
    opacity: 1;
}
.matched-bids-heading-icon .dropdown.show img {
    opacity: 1;
}
.matched-bids-heading-icon .dropdown {
    float: right;
    position: relative;
    z-index: 9;
}
.matched-bids-heading-icon .dropdown .dropdown-menu.show {
    width: 160px;
    right: 0;
    left: inherit !important;
    transform: translate3d(1px, 32px, 0px) !important;
    border-radius: 2px 0 2px 2px;
    border: 1px solid #ddd;
    padding: .5rem .7rem;
}
.matched-bids-heading-icon.project-list-sort .dropdown .dropdown-menu.show {
    width: 250px;
}
.matched-bids-heading-icon .dropdown .dropdown-menu:after,
.matched-bids-heading-icon .dropdown .dropdown-menu:before {
    bottom: 100%;
    right: 1px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.matched-bids-heading-icon .dropdown .dropdown-menu:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.matched-bids-heading-icon .dropdown .dropdown-menu:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 10px;
    margin-left: -9px;
    right: -1px;
}
.matched-bids-heading-icon .dropdown .dropdown-menu .custom-control {
    padding-top: 3px;
    padding-bottom: 3px;
}
.matched-bids-box {
 display: inline-block;
    width: 100%;
}
.matched-bids-box ul {
    margin: 0 -1.2% 0 0;
    padding: 0;
    list-style: none;
}
.matched-bids-box ul li.matched-bids-box-item {
    float: left;
    width: 23.8%;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    margin-right: 1.2%;
    margin-bottom: 1.2%;
    background: #fff;
    max-height: 380px;
    min-height: 380px;
    border-radius: 5px;
}
.header_view.matched-bids-box ul li.matched-bids-box-item {
    min-height: inherit;
    height: 88px;
}
.header_view.matched-bids-box ul li.matched-bids-box-item .how_match,.header_view.matched-bids-box ul li.matched-bids-box-item .wd-progressbar-detail,.header_view.matched-bids-box ul li.matched-bids-box-item .wd-progressbar,.header_view.matched-bids-box ul li.matched-bids-box-item .socials-more-users,.header_view.matched-bids-box ul li.matched-bids-box-item .works-delight-progress-bar{
    display:none;
}

.matched-bids-box ul li .works-delight {
    background-color: #edf0f3;
    min-height: 88px;
    padding-top: 18px;
    position: relative;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    width: 100%;
}
.matched-bids-box ul li .works-delight.list-card-view {
        border-radius: 5px 0px 0px 5px;
}
.matched-bids-box ul li .works-delight .works-delight-img {
     width: 40px;
     height: 40px;
     border-radius: 100%;
     overflow: hidden;
     float: left;
     margin: 3px 10px 0 10px;
     -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    overflow: visible !important;
    height: auto !important;
    border-radius: 0 !important;
}
.matched-bids-box ul li .works-delight .works-delight-img img {
     width: 40px;
     height: 40px;
     overflow: hidden;
     border-radius: 100%;
     max-width: 40px;
     max-height: 40px;
     object-fit: cover;
}
.matched-bids-box ul li .works-delight .works-delight-img img:hover{
  -webkit-transform: scale(1.5) rotate(0.01deg);
  transform: scale(1.5) rotate(0.01deg);
}
.matched-bids-box ul li .works-delight .works-delight-detail {
    padding: 0 66px 0 0px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.green-download .matched-bids-box ul li .works-delight .works-delight-detail {
    padding: 0 100px 0 0px;
}
.matched-bids-box ul li .works-delight .works-delight-detail h2 {
    font-size: 17px;
    font-weight: bold;
    color: #2bab58;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: flex;
    padding-right: 0px;
}
.matched-bids-box ul li .works-delight .works-delight-detail h2 a {
    color: #2bab58;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.matched-bids-box ul li .works-delight .works-delight-detail .experiance {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    line-height: 16px;
    white-space: nowrap;
}

.setskillheight {
    height: 240px;
}
.matched-bids-box ul li .works-delight .works-delight-detail .location {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    font-style: italic;
    line-height: 16px;
}
.matched-bids-box ul li .works-delight-progress-bar .works-delight-percentage {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    overflow: hidden;
 /*   z-index: 2;*/
    z-index: unset;
}

/*.matched-bids-box ul li .works-delight-progress-bar .how_match:hover {
    height: inherit;
    overflow: inherit;
}*/

/*.matched-bids-box ul li .works-delight-progress-bar .how_match:hover,
.matched-bids-list-view ul li.bids-list-view-box .list-view-box-percentage.top:hover {
    padding-bottom: 0px;

}*/
.works-delight-progress-bar .how_match .match-overlay:before,
.list-view-box-percentage.top .match-overlay:before {
    bottom: -8px;
    border-top-color: #ddd;
    border-bottom: none;
}
.works-delight-progress-bar .how_match .match-overlay:after,
.list-view-box-percentage.top .match-overlay:after {
    bottom: -6px;
    border-top-color: #fff;
    border-bottom: none;
}
/*.matched-bids-list-view ul li.bids-list-view-box .list-view-box-percentage:hover,
.matched-bids-box ul li .works-delight-progress-bar .how_match:hover {
    /*padding-bottom: 22px;*/
    /*width: 240px;
}
/*.matched-bids-list-view ul li.bids-list-view-box .list-view-box-percentage:hover a.match-icon,
.matched-bids-box ul li .works-delight-progress-bar .how_match:hover a.match-icon {
    float: right;
}*/
.matched-bids-box ul li .works-delight-progress-bar .works-delight-percentage span {
    width: 36px;
    height: 36px;
    background-color: #1b75bb;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    line-height: 36px;
    text-align: center;
}
.matched-bids-list-view ul li.bids-list-view-box .list-view-box-percentage a.match-icon,
.matched-bids-box ul li .works-delight-progress-bar .how_match a.match-icon {
    right: -3px;
    top: -13px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #2bab58;
    -ms-transform: rotate(-44deg);
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
    position: absolute;
}
.matched-bids-list-view ul li.bids-list-view-box.gray .list-view-box-percentage a.match-icon,
.matched-bids-box ul li.gray .works-delight-progress-bar .how_match a.match-icon {
    border-left: 20px solid #69717e;
}
.matched-bids-list-view ul li.bids-list-view-box .list-view-box-percentage a.match-icon:before,
.matched-bids-box ul li .works-delight-progress-bar .how_match a.match-icon:before {
    content: "";
    background: #2bab58;
    position: absolute;
    bottom: -1px;
    right: 1px;
    width: 19px;
    height: 2px;
}
.matched-bids-list-view ul li.bids-list-view-box.gray .list-view-box-percentage a.match-icon:before,
.matched-bids-box ul li.gray .works-delight-progress-bar .how_match a.match-icon:before {
    background: #69717e;
}

.matched-bids-list-view ul li.bids-list-view-box .list-view-box-percentage a.match-icon img ,
.matched-bids-box ul li .works-delight-progress-bar .how_match a.match-icon img {
    width: 26px;
    vertical-align: sub;
    display: none;
}

.matched-bids-list-view ul li.bids-list-view-box .list-view-box-percentage:hover .match-overlay,
.matched-bids-box ul li .works-delight-progress-bar .how_match:hover .match-overlay,
.news-feed-center .works-delight .imatch-btn-right:hover .match-overlay,.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right:hover .match-overlay {
    width: 250px;
    opacity: 1;
    height: inherit;
    z-index: 999;
    max-height: 290px;
}

.match-overlay {
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    width: 0px;
    top: 0px;
    right: -1px;
    padding: 5px 10px;
    -webkit-transition: width .1s, height .1s;
    transition: width 0.3s, height 0.3s;
    z-index: 1;
    opacity: 0;
    height: 0;
    overflow: hidden;
    text-align:initial;
    white-space: nowrap;
    }

.match-overlay .match-overlay-title {
    font-size: 16px;
    background: #1d77bb;
    color: #fff;
    padding: 5px;
    margin: -5px -10px 0px -10px;
    text-align: center;
}
.bids-list-view-box.gray .match-overlay .match-overlay-title,
.matched-bids-box-item.gray .match-overlay .match-overlay-title {
    background: #69717e;
}
.bids-list-view-box.gray .match-overlay ul li .svg-inline--fa.fa-check-circle,
.matched-bids-box-item.gray .match-overlay ul li .svg-inline--fa.fa-check-circle {
    color: #ccc;
}
.bids-list-view-box.gray .match-overlay ul li a,
.matched-bids-box-item.gray .match-overlay ul li a {
    position: relative;
}
.bids-list-view-box.gray .match-overlay ul li a:after,
.matched-bids-box-item.gray .match-overlay ul li a:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 3px;
    width: 12px;
    height: 12px;
    background: #ccc;
    left: 1px;
    border-radius: 100%;
}
.match-overlay ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 99;
}
.match-overlay ul li {
    width: 100%;
    margin:0;
    padding: 0;
    min-height: inherit;
    border: none;
    line-height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: initial;
}
.match-overlay ul li .svg-inline--fa.fa-check-circle {
    color: #2bab58;
    font-size: 14px;
    margin-right: 3px;
}
.match-overlay ul li .svg-inline--fa.fa-circle {
    color: #ccc;
    font-size: 14px;
    margin-right: 3px;
 }
.match-overlay ul li a {
    width: 220px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    text-decoration: none;
    cursor: auto;
}
.match-overlay ul li:hover a {
    text-decoration: none;
}
.matched-bids-box ul li .works-delight .progres-ellipsis {
    bottom: 2px;
    right: 18px;
    top: auto;
    display: none;
}
.matched-bids-box ul li .works-delight.list-card-view .progres-ellipsis {
    display: inline-block;
}
.matched-bids-box ul li .works-delight.list-card-view .progres-ellipsis .item-overlay {
    top: 26px;
}
.matched-bids-box ul li .works-delight .progres-ellipsis.top {
    bottom: 8px;
}
.matched-bids-box ul li .works-delight.list-card-view .progres-ellipsis.top .ellipsis-link {
 margin-top: 8px;
}
.matched-bids-box ul li .works-delight.list-card-view .progres-ellipsis.top .item-overlay {
    bottom: 26px;
    top: auto;
}
.matched-bids-box ul li .works-delight .progres-ellipsis a.ellipsis-link {
    background-color: #edf0f3;
}
.matched-bids-box ul li .works-delight .progres-ellipsis:hover a.ellipsis-link {
    background-color: #535762;
}
.matched-bids-box ul li .works-delight-progress-bar {
    background-color: #fff;
    width: 100%;
    float: left;
    padding: 0 0 0 0;
    border-radius: 0 0 5px 5px;
    margin: 0 0 10px 0;
}
.matched-bids-box ul li .works-delight-progress-bar .wd-progressbar-detail {
    display: inline-block;
    width: 100%;
    height: 64px;
    max-height: 64px;
    min-height: 64px;
    margin-top: 5px;
    overflow: hidden;
}
.matched-bids-box ul li .works-delight-progress-bar .wd-progressbar {
    position: relative;
    display: inline-block;
    width: 100%;
}
.matched-bid-chart {
    position: relative;
    width: 100%;
    top: -8px;
}
.progressbar-label {
    position: absolute;
    top: 55px;
    left: 40px;
    width: 85px;
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
}
.progressbar-label span {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  display: block;
}
.matched-bids-box ul li .works-delight-progress-bar .wd-progressbar-detail ul {
    margin: 0;
}
.matched-bids-box ul li .works-delight-progress-bar .wd-progressbar-detail li {
    box-shadow: none;
    width: 33.333%;
    padding-left: 10px;
    font-size: 13px;
    color: #777;
    line-height: 16px;
    float: left;
}
.matched-bids-box ul li .works-delight-progress-bar .wd-progressbar-detail li:last-child {
    padding-right: 10px;
}
.matched-bids-box ul li .works-delight-progress-bar .wd-progressbar-detail li b {
    color: #777;
    font-size: 13px;
}
.matched-bids-box ul li .works-delight-progress-bar .wd-progressbar-detail li b a {
    color: #1d77bb;
}
.matched-bids-box ul li .works-delight-progress-bar .socials-more-users {
    padding: 6px 14px 0px 22px;
}
.matched-bids-box ul li .works-delight-progress-bar .socials-more-users li.more {
    border: none;
    height: auto;
    width: auto;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    color: #777;
    font-size: 14px;
    font-weight: bold;
    line-height: 34px;
    padding-left: 10px;
    position: relative;
}
.socials-more-users .more-users .more:hover .more-person {
    display: block;
}
.socials-more-users .more-users .more .more-person:after,
.socials-more-users .more-users .more .more-person:before {
    bottom: 100%;
    left: 1px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.socials-more-users .more-users .more .more-person:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 6px;
}
.socials-more-users .more-users .more .more-person:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 8px;
    left: -1px;
}
.socials-more-users .more-users .more.top .more-person {
    bottom: 32px;
    top: auto;
}
.socials-more-users .more-users .more.top .more-person:before {
    bottom: -8px;
    border-top-color: #ddd;
    border-bottom: none;
}
.socials-more-users .more-users .more.top .more-person:after {
    bottom: -6px;
    border-top-color: #fff;
    border-bottom: none;
}
.socials-more-users .more-users .more .more-person {
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    width: 180px;
    top: 33px;
    left: 10px;
    padding: 5px 10px;
    transition: 0.3s;
    -moz-transform: 0.3s;
    -webkit-transform: 0.3s;
    display: none;
    z-index: 1;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users li img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}
.socials-accordion .socials-more-users .more-users .more:hover {
    padding-bottom: 10px;
}
.socials-accordion .socials-more-users .more-users .more:hover a.more-link {
    width: 100%;
    display: inline-block;
}
.socials-accordion .socials-more-users .more-users .more .more-person {
    top: 48px;
}
.profile-right-sidebar .socials-accordion .socials-more-users .more-users .more .more-person {
    top: auto;
    bottom: 22px;
}
.profile-right-sidebar .socials-accordion .socials-more-users .more-users .more:hover {
    padding-bottom: 0px;
}
.profile-right-sidebar .socials-accordion .socials-more-users .more-users .more .more-person:before {
    bottom: -8px;
    border-top-color: #ddd;
    border-bottom: none;
}
.profile-right-sidebar .socials-accordion .socials-more-users .more-users .more .more-person:after {
    bottom: -6px;
    border-top-color: #fff;
    border-bottom: none;
}
.socials-more-users .more-users .more .more-person ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.socials-more-users .more-users .more .more-person ul li {
    height: auto;
    width: 100%;
    margin-left: 0px;
    border: none;
    line-height: 24px;
    text-align: left;
    margin-bottom: 5px;
    display: inline-flex;
}
.socials-more-users .more-users .more .more-person ul li a {
    font-size: 14px;
    color: #777;
    font-weight: normal;
    line-height: 30px;
}
.socials-more-users .more-users .more .more-person ul li img {
        margin-right: 8px;
}
.socials-more-users .more-users .more .more-person ul li:last-child {
    float: left;
    text-align: left;
    padding-top: 0px;
}
.matched-bids-box ul li .works-delight-progress-bar .socials-more-users li {
    overflow: visible;
    position: relative;
    height: 34px;
    width: 34px;
    margin-left: -10px;
}
.matched-bids-box ul li .works-delight-progress-bar .socials-more-users .more-users li img {
    height: 30px;
    width: 30px;
    border-radius: 100%;
    overflow: hidden;
}
.matched-bids-box ul li .works-delight-progress-bar .socials-more-users li .progres-ellipsis {
    height: 28px;
    box-shadow: none;
    top: 10px;
    z-index: 9;

}
.matched-bids-box ul li .works-delight-progress-bar .socials-more-users li .progres-ellipsis .item-overlay li {
    float: left;
    text-align: left;
    margin: 0;
    height: auto;
    border: none;
    border-radius: 0;
}
.matched-bids-box ul li .works-delight-progress-bar .socials-more-users li .progres-ellipsis.top {
    height: 20px;
}
.matched-bids-box ul li .works-delight-progress-bar .socials-more-users li .progres-ellipsis.top:hover {
    top: 0px;
    padding-top: 10px;
}
.progres-ellipsis.top .item-overlay {
    bottom: 18px;
    top: auto;
}
.progres-ellipsis.top .item-overlay:before {
    bottom: -8px;
    border-top-color: #ddd;
    border-bottom: none;
}
.progres-ellipsis.top .item-overlay:after {
    bottom: -6px;
    border-top-color: #fff;
    border-bottom: none;
}
/* Matched Bids Filter Box */
.matched-bids-filter {
    position: relative;
    width: 100%;
    display: none;

}
.matched-bids-filter-box {
    background: #fff;
    border: 1px solid #ddd;
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
}
.matched-bids-filter-box:after,
.matched-bids-filter-box:before {
    bottom: 100%;
    right: 35px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.matched-bids-filter-box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
}
.matched-bids-filter-box:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 10px;
    right: 33px;
}
.matched-bids-filter-box h2 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 10px 0 14px 0;
    padding: 0px 0 0px 6px;
    line-height: 18px;
    border-left: 3px solid #34b34a;
}
.skills-dropdown {
     padding: 0 15px;
     width: 18%;
     float: left;
     border-right: 1px solid #dddddd;
}
.filter-box-gradient {
    background: rgba(237,241,244,1);
    background: -moz-linear-gradient(top, rgba(237,241,244,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,241,244,1)), color-stop(20%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(237,241,244,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(237,241,244,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,241,244,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(237,241,244,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf1f4', endColorstr='#ffffff', GradientType=0 );
}
.schedule-box {
    padding: 0 15px;
    width: 18%;
    float: left;
    border-right: 1px solid #dddddd;
}
.matched-bids-filter-box .datepicker-input-main {
    position: relative;
}
.matched-bids-filter-box .datepicker-input-main .form-control {
    position: relative;
    background: transparent;
    z-index: 1;
}
.matched-bids-filter-box .datepicker-input-main .calendar-icon-inside {
    position: absolute;
    right: 10px;
    top: 4px;
    color: #999;
    font-size: 18px;
}
.matched-bids-filter-box .requirement-box {
    padding: 0 15px;
    width: 32%;
    float: left;
}
.matched-bids-filter-box .requirement-box .requirement-left {
    width: 45%;
    float: left;
}
.matched-bids-filter-box .requirement-box label.group-label {
    min-width: 90px;
    vertical-align: top;
    margin: 0;
    line-height: 30px;
    font-size: 13px;
    color: #777;
    float: left;
}
.matched-bids-filter-box .requirement-box .requirement-left .form-group:nth-child(2) label.group-label {
    line-height: 25px;
}
.matched-bids-filter-box .requirement-box .toggle-switch {
    display: inline-block;
}
.matched-bids-filter-box .requirement-box .custom-control {
    display: inline-block;
}
.matched-bids-filter-box .requirement-box .requirement-right {
    width: 55%;
    vertical-align: top;
    float: left;
}
.matched-bids-filter-box .requirement-box .range-slider-main {
    padding-left: 70px;
}
.matched-bids-filter-box .requirement-box .requirement-right label.group-label {
    min-width: 70px;
}
.matched-bids-filter-box .requirement-box .requirement-right .group-form-control {
    padding-left: 70px;
}
.matched-bids-filter-box .location-box {
    padding: 0 15px;
    width: 32%;
    float: left;
    border-left: 1px solid #dddddd;
}
.matched-bids-filter-box .custom-select {
    color: #999;
}
.matched-bids-filter-box .location-box .row .col-6:first-child {
    padding-right: 5px;
}
.matched-bids-filter-box .location-box .row .col-6:last-child {
    padding-left: 5px;
}
.matched-bids-filter-box .filter-btn {
    text-align: right;
}
.matched-bids-filter-box .filter-btn a {
    color: #34b34a;
    font-size: 13px;
    text-decoration: underline;
    margin-top: 6px;
}
.matched-bids-filter-box .filter-btn .btn {
    border: none;
    color: #fff;
    padding: 0 20px;
    margin-left: 30px;
    line-height: 34px;
}

/* Matched Bids List View */
.matched-bids-list-view {
    display: none;
}
.matched-bids-list-view ul.matched-bids-list-view-main {
    margin: 0 0 15px 0 ;
    padding: 0;
    list-style: none;
    width: 100%;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    background-color: #fff;
    display: inline-block;
    float: left;
    position: relative;
}
.matched-bids-list-view ul li.bids-list-view-box {
    width: 25%;
    float: left;
}
.matched-bids-list-view ul li.bids-list-view-box:first-child {
    border-left: 6px solid #1b75bb;
    background: #edf0f3;
    border-radius: 5px 0px 0 5px;
    overflow: hidden;
}
.matched-bids-list-view ul li.bids-list-view-box .bids-list-view-border {
    padding: 15px 0;
}
.matched-bids-list-view ul li.bids-list-view-box .bids-list-view-img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin: 7px 12px 0 12px;
}
.matched-bids-list-view ul li.bids-list-view-box .bids-list-view-img img {
    width: 40px;
    height: 40px;
}
.matched-bids-list-view ul li.bids-list-view-box .bids-list-view-detail {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.matched-bids-list-view ul li.bids-list-view-box .bids-list-view-detail h2 {
    font-size: 17px;
    font-weight: bold;
    color: #37b34a;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: flex;
    padding-right: 12px;
}
.matched-bids-list-view ul li.bids-list-view-box .bids-list-view-detail h2 a {
    color: #37b34a;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline;
}
.matched-bids-list-view ul li.bids-list-view-box .bids-list-view-detail .experiance {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    line-height: 16px;
}
.matched-bids-list-view ul li.bids-list-view-box .bids-list-view-detail .location {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    font-style: italic;
    line-height: 16px;
}
.matched-bids-list-view ul li.bids-list-view-box .matched-bids-list-view-detail {
    padding-top: 24px;
    display: inline-block;
    width: 100%;
}
.matched-bids-list-view ul li.bids-list-view-box .matched-bids-list-view-detail ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.matched-bids-list-view ul li.bids-list-view-box .matched-bids-list-view-detail ul li {
    box-shadow: none;
    width: 33.333%;
    padding-left: 10px;
    font-size: 13px;
    color: #777;
    line-height: 16px;
    float: left;
}
.matched-bids-list-view ul li.bids-list-view-box .matched-bids-list-view-detail ul li b {
    color: #777;
    font-size: 13px;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box {
    padding: 17px 0 0 0 ;
}
.matched-bids-list-view ul li.bids-list-view-box.research .progressbar-box {
    padding-top: 8px;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progress {
    height: 14px;
    border-radius: 0;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
.progressbar-box .progress-bar.matched {
    background-color: #1d77bb;
    color: #1d77bb;
}
.progressbar-box .progress-bar.invited {
    background-color: #559dd4;
    color: #559dd4;
}
.progressbar-box .progress-bar.applied {
    background-color: #83c2f2;
    color: #83c2f2;
}
.progressbar-box .progress-bar.interviewed {
    background-color: #a5d1f3;
    color: #a5d1f3;
}
.progressbar-box .progress-bar.hired {
    background-color: #c1def5;
    color: #c1def5;
}
.progressbar-box .progress-bar.rate {
    background-color: #d1e2ef;
    color: #d1e2ef;
}
.progressbar-box .progress-bar.research {
    background-color: #e0ecf6;
    color: #e0ecf6;
}
.progressbar-box .progress-bar.comment {
    background-color: #eef7fe;
    color: #eef7fe;
}
.progressbar-box .progress-bar.matched.active {
    color: #fff;
}
.progressbar-box .progress-bar.invited.active {
    color: #fff;
}
.progressbar-box .progress-bar.applied.active {
    color: #fff;
}
.progressbar-box .progress-bar.interviewed.active {
    color: #fff;
}
.progressbar-box .progress-bar.hired.active {
    color: #fff;
}
.progressbar-box .progress-bar.rate.active {
    color: #fff;
}
.progressbar-box .progress-bar.research.active {
    color: #fff;
}
.progressbar-box .progress-bar.comment.active {
    color: #fff;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list {
    padding: 5px 0 0 0;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li {
    float: left;
    width: 33.333%;
    line-height: 16px;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li a,
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li a:hover {
    font-size: 12px;
    color: #333;
    text-decoration: none;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li span {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li.matched span {
    background-color: #1d77bb;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li.invited span {
    background-color: #559dd4;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li.applied  span {
    background-color: #83c2f2;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li.interviewed span {
    background-color: #a5d1f3;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li.hired span {
    background-color: #c1def5;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li.rate span {
    background-color: #d1e2ef;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li.research span {
    background-color: #e0ecf6;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box .progressbar-list ul li.comment span {
    background-color: #e9f5ff;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users {
    padding: 17px 100px 0px 60px;
/*  width: 250px;*/
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users li:last-child {
    float: left;
    margin-left: -8px;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users li {
    overflow: visible;
    position: relative;
    height: 30px;
    width: 30px;
    margin-left: -8px;
    padding: 0;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users li img {
    height: 30px;
    width: 30px;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more {
    color: #777;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
    display: inline-block;
    width: 100%;
    position: relative;
    height: 34px;
    padding-left: 15px;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more:hover .more-person {
    display: block;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more .more-person {
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    width: 180px;
    top: 33px;
    left: 15px;
    padding: 5px 10px;
    transition: 0.3s;
    -moz-transform: 0.3s;
    -webkit-transform: 0.3s;
    display: none;
    z-index: 1;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more .more-person ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more .more-person ul li {
    height: auto;
    width: 100%;
    margin-left: 0px;
    border: none;
    line-height: 24px;
    text-align: left;
    margin-bottom: 5px;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more .more-person ul li a {
    font-size: 14px;
    color: #777;
    font-weight: normal;
    line-height: 30px;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more .more-person ul li a img {
    margin-right: 8px;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more .more-person ul li:last-child {
    float: left;
    text-align: left;
    padding-top: 0px;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more .more-person:after,
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more .more-person:before {
    bottom: 100%;
    left: 1px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more .more-person:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 6px;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more .more-person:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 8px;
    left: -1px;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more.top .more-person {
    bottom: 34px;
    top: auto;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more.top .more-person:before {
    bottom: -8px;
    border-top-color: #ddd;
    border-bottom: none;
}
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more.top .more-person:after {
    bottom: -6px;
    border-top-color: #fff;
    border-bottom: none;
}
/**/
.matched-bids-list-view ul li.bids-list-view-box .socials-more-users .more a {
    font-size: 14px;
    color: #777;
}
.matched-bids-list-view ul li.bids-list-view-box .list-view-box-percentage {
    position: absolute;
    right:0px;
    top: 0px;
}
.matched-bids-list-view ul li.bids-list-view-box .list-view-box-percentage span {
    width: 36px;
    height: 36px;
    background-color: #1b75bb;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    line-height: 36px;
    text-align: center;
}
.matched-bids-list-view ul li.bids-list-view-box .progres-ellipsis {
    right: 18px;
    top: 52px;
}
.matched-bids-list-view ul li.bids-list-view-box .progres-ellipsis.top {
    top: 42px;
}
.matched-bids-list-view ul li.bids-list-view-box .progres-ellipsis.top a.ellipsis-link {
    margin-top: 10px;
}
.matched-bids-list-view ul li.bids-list-view-box .progres-ellipsis.top .item-overlay {
    bottom: 27px;
    top: auto;
}

.matched-bids-container .progres-ellipsis .item-overlay {
    width: 170px;
}
.matched-bids-container .item-overlay ul {

}
.matched-bids-container .item-overlay ul li {
    width: 100% !important;
}

.matched-bids-container .item-overlay ul li .svg-inline--fa {
    font-size: 14px;
    margin-right: 5px;
    color: #777;
    width: 14px;
}
.matched-bids-container .item-overlay ul li span.count-menu {
    color: #777;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    float: right;
    margin-right: 0px;
    font-size: 13px;
}
.matched-bids-container .item-overlay ul li:hover a .svg-inline--fa,
.matched-bids-container .item-overlay ul li:hover a {
    color: #1d77bb;
    text-decoration: none;
}
.matched-bids-container .item-overlay ul li:hover span.count-menu {
    color: #1d77bb;
}
.matched-bids-container .item-overlay ul li span.icon-recommend {
    background: url(../images/black-icon-user-right.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    opacity: 0.7;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li:hover span.icon-recommend {
    opacity: 1;
    background: url(../images/black-icon-user-right-blue.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li span.icon-pd {
    background: url(../images/product-description.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    opacity: 0.7;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li:hover span.icon-pd {
    opacity: 1;
    background: url(../images/product-description-blue.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li span.icon-follow {
    background: url(../images/black-icon-user-plus.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    opacity: 0.7;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li:hover span.icon-follow {
    opacity: 1;
    background: url(../images/black-icon-user-plus-blue.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li span.icon-research {
    background: url(../images/research-description.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    opacity: 0.7;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li:hover span.icon-research {
    opacity: 1;
    background: url(../images/research-description-blue.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li span.icon-research-sd {
    background: url(../images/research-state-date.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    opacity: 0.7;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li:hover span.icon-research-sd {
    opacity: 1;
    background: url(../images/research-state-date-blue.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li span.icon-claim {
    background: url(../images/black-icon-file-time.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    opacity: 0.7;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li:hover span.icon-claim {
    opacity: 1;
    background: url(../images/black-icon-file-time-blue.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li span.icon-endorse {
    background: url(../images/black-icon-aword.png);
    background-size: 12px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    opacity: 0.7;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li:hover span.icon-endorse {
    opacity: 1;
    background: url(../images/black-icon-aword-blue.png);
    background-size: 12px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li span.icon-view-profile {
    background: url(../images/black-icon-user-eye.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    opacity: 0.7;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay ul li:hover span.icon-view-profile {
    opacity: 1;
    background: url(../images/black-icon-user-eye-blue.png);
    background-size: 14px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
}
.matched-bids-container .item-overlay li:last-child {
    padding-top: 0;
}
body.dashboard-tooltip.bg-color-dark.modal-open {
    padding-right: 0px !important;
}
.modal-more-person {
    padding: 0 !important;
}
.owl-more-person .more-person-card {
    background-color: #edf0f3;
    border-top: 6px solid #1b75bb;
    min-height: 80px;
    padding: 10px;
    position: relative;
    border-radius: 5px 5px 0 0;
    float: left;
    width: 100%;
    text-align: center;
}
.owl-more-person .more-person-card .more-person-img {
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
}
.owl-more-person .more-person-card .more-person-img img {
    width: 80px !important;
    height: 80px !important;
    border: 2px solid #ccc;
    border-radius: 100%;
}
.owl-more-person .more-person-card .more-person-detail {
    padding: 0 0px 0 0px;
    position: relative;
    line-height: normal;
    width: 100%;
    float: left;
}
.owl-more-person .more-person-card .more-person-detail h2 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding: 5px 0 0 0;
    display: inline;
    /*text-transform: uppercase;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    float: left;
}

.owl-more-person .more-person-card .more-person-detail h2 a {
    color: #333;
}
.owl-more-person .more-person-card .more-person-detail .location {
    font-size: 13px;
    color: #333;
    font-style: italic;
    line-height: 16px;
    font-weight: normal;
    padding: 5px 0 15px 0;
    float: left;
    /*min-height: 46px;*/
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.owl-more-person .more-person-card .more-person-detail .invite-switch {
    padding-top: 10px;
}
.owl-more-person .more-person-card .more-person-detail .invite-switch .group-label {
    font-weight: normal;
    vertical-align: top;
    margin: 0;
    line-height: 24px;
    padding-right: 10px;
}
.owl-more-person .more-person-card .more-person-detail .invite-switch .toggle-switch {
    display: inline-flex;
}
.owl-more-person .more-person-card .more-person-percentage {
   position: absolute;
    left: 0%;
    bottom: 2px;
    width: 100%;
}
.owl-more-person .more-person-card .more-person-percentage span {
    width: 32px;
    height: 32px;
    background-color: #1b75bb;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    line-height: 32px;
    text-align: center;
}
.owl-more-person .more-person-card .progres-ellipsis {
    top: 12px;
    right: 10px;
}
.owl-more-person .more-person-card .progres-ellipsis:hover .ellipsis-link {
    background: #535762;
}
.owl-more-person .more-person-card .progres-ellipsis a.ellipsis-link {
    background: #edf0f3;
    line-height: 20px;
    float: right;

}
.owl-more-person .more-person-card .progres-ellipsis .progres-ellipsis:hover {
    top: 0px;
    padding-top: 0px;
}
.owl-more-person .more-person-card .progres-ellipsis a.ellipsis-link .svg-inline--fa {
    vertical-align: sub;
}
.owl-more-person .more-person-card .progres-ellipsis .item-overlay ul li a,
.owl-more-person .more-person-card .progres-ellipsis .item-overlay ul li a .svg-inline--fa {
    color: #777;
}
.owl-more-person .more-person-card .progres-ellipsis .item-overlay ul li:hover a,
.owl-more-person .more-person-card .progres-ellipsis .item-overlay ul li:hover a .svg-inline--fa {
    color: #333;
    text-decoration: none;
}
.owl-more-person .more-person-card .progres-ellipsis .item-overlay ul li a img {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    opacity: 0.7;

}
.owl-more-person .more-person-card .progres-ellipsis .item-overlay ul li:hover a img {
    opacity: 1;
}
.owl-more-person .more-person-card .progres-ellipsis .item-overlay ul li a,
.owl-more-person .more-person-card .progres-ellipsis .item-overlay ul li a .svg-inline--fa {
    font-weight: normal;
}
.owl-more-person .more-person-card .progres-ellipsis:hover {
    width: 160px;
}
.owl-more-person .owl-wrapper-outer {
    overflow: visible;
}
.modal-more-person .close {
    opacity: 1;
    text-shadow: none;
    position: fixed;
    right: 25px;
    top: 5px;
    z-index: 9;
}
.modal-more-person .close span {
    color: #fff;
    text-shadow: none;
    font-size: 30px;
}
.matched-modal-bg .modal-backdrop.show {
    opacity: .9;
}
.modal-more-person .modal-content {
    background-color: transparent;
    border: none;
}
.modal-more-person .modal-content .modal-body {
    padding: 0px;
    width: 100%;
    margin: 0%;
}
.modal-more-person .modal-content .close span {
    font-size: 30px;
    color: #fff;
}

.modal-backdrop.fade.show {
    opacity: .9;
}
.modal-more-person .modal-dialog {
    max-width: 100%;
    /*overflow: hidden;*/
    margin: 0px 10px 30px 10px;
}
.owl-more-person .owl-wrapper-outer .owl-item .more-person-card-item {
    margin: 0 10px;
}
.owl-more-person .owl-wrapper-outer .owl-item .more-person-card-item .item-overlay ul {
    float: left;
}
.owl-more-person.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -8px;
}
.owl-more-person.owl-theme .owl-controls .owl-buttons div {
    background: #999999;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    position: absolute;
    top: 35%;
    z-index: 9;
}
.owl-more-person.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -8px;
}
.owl-more-person.owl-theme .owl-controls .owl-page.active span,
.owl-more-person.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #37b34a;
}
.owl-more-person.owl-theme .owl-controls .owl-page span {
    background: #999999;
    width: 10px;
    height: 10px;
    margin: 0px 3px;
    opacity: 1;
}
.modal-more-person .modal-dialog .modal-header {
    padding: 0rem 0rem 1rem 0rem;
    border: none;
    display: block;
    position: relative;
}
.modal-more-person .modal-dialog .modal-header h1.modal-title {
    font-size: 24px;
    color: #37b34a;
    margin: 0;
    padding: 0 0 5px 0;
    text-transform: none;
    line-height: normal;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon {
    float: right;
    display: inline-block;
    padding-top: 25px;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-header-toggle-switch {
    display: inline-block;
    margin-left: -130px;
}
.modal-header-toggle-switch .modal-toggleWrapper {
  position: relative;
  overflow: hidden;
  padding: 0 135px;
}
.modal-header-toggle-switch .modal-toggleWrapper input {
  position: absolute;
  left: -99em;
}
.modal-header-toggle-switch .modal-toggleWrapper .toggle {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 52px;
  height: 24px;
  background-color: #1a649e;
  border-radius: 15px;
  margin: 0;
  transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.modal-header-toggle-switch .modal-toggleWrapper .toggle:before {
  content: 'Experts (45)';
  position: absolute;
  left: -110px;
  top: -2px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.modal-header-toggle-switch .modal-toggleWrapper .toggle:after {
  content: 'Companies (35)';
  position: absolute;
  right: -135px;
  top: -2px;
  font-size: 18px;
  color: #fff;
}
.modal-header-toggle-switch .modal-toggleWrapper .toggle-handler {
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 3px;
  left: 4px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50px;
  transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.modal-header-toggle-switch .modal-toggleWrapper input:checked + .toggle {
  background-color: #1a649e;
}
.modal-header-toggle-switch .modal-toggleWrapper input:checked + .toggle:before {
  color: #fff;
  font-weight: normal;

}
.modal-header-toggle-switch .modal-toggleWrapper input:checked + .toggle:after {
  color: #fff;
  font-weight: bold;
}
.modal-header-toggle-switch .modal-toggleWrapper input:checked + .toggle .toggle-handler {
  background-color: #fff;
  transform: translate3d(26px, 0, 0) rotate(0);
}
.modal-header-toggle-switch .modal-toggleWrapper input:checked + .toggle .toggle-handler .crater {
  opacity: 1;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon a.modal-filter-view {
    margin: 10px 0 0 18px;
    vertical-align: top;
    float: right;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon a.modal-filter-view.active {
    opacity: 1;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon a.modal-filter-view.active .svg-inline--fa {
    color: #1b75bb;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon a.modal-filter-view .svg-inline--fa {
    color: #fff;
    font-size: 18px;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-dropdown img {
    vertical-align: top;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-dropdown img.active { display: none; }

.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-dropdown.show .modal-dropdown-icon img.active {
    display: inline-block;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-dropdown.show .modal-dropdown-icon img.inactive {
    display: none;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-dropdown {
    float: right;
    position: relative;
    z-index: 9;
    margin-left: 18px;
    margin-top: 10px;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-dropdown .modal-dropdown-icon {
    cursor: pointer;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-dropdown .dropdown-menu.show {
    width: 170px;
    right: 0;
    left: inherit !important;
    transform: translate3d(1px, 40px, 0px) !important;
    border-radius: 2px 0 2px 2px;
    border: 1px solid #ddd;
    padding: .5rem .7rem;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-dropdown .dropdown-menu:after,
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-dropdown .dropdown-menu:before {
    bottom: 100%;
    right: 1px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-dropdown .dropdown-menu:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-dropdown .dropdown-menu:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 10px;
    margin-left: -9px;
    right: -1px;
}
.modal-more-person .modal-dialog .modal-header .more-person-modal-header-left {
    float: left;
}
.modal-more-person .modal-dialog .modal-header .more-person-modal-header-left .company-img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin: 10px 10px 0 0px;
}
.modal-more-person .modal-dialog .modal-header .more-person-modal-header-left .company-img  img {
    width: 40px;
    height: 40px;
}
.modal-more-person .modal-dialog .modal-header .more-person-modal-header-left .more-person-modal-header-des {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.modal-more-person .modal-dialog .modal-header .more-person-modal-header-left .more-person-modal-header-des h1 {
    font-size: 18px;
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: none;
    line-height: normal;
    font-weight: bold;
}
.modal-more-person .modal-dialog .modal-header .more-person-modal-header-left .more-person-modal-header-des .experiance {
    font-size: 13px;
    color: #fff;
}
.modal-more-person .modal-dialog .modal-header .more-person-modal-header-left .more-person-modal-header-des .location {
    font-style: italic;
    font-size: 13px;
    color: #fff;
}
.modal-more-person .modal-content .modal-body .modal-matched-bids-filter.modal-search-filter .matched-bids-filter-box {
    padding: 15px;
}
.modal-more-person .modal-content .modal-body .modal-matched-bids-filter.modal-search-filter .matched-bids-filter-box:before {
    right: 67px;
}
.modal-more-person .modal-content .modal-body .modal-matched-bids-filter.modal-search-filter .matched-bids-filter-box:after {
    right: 69px;
}
.owl-more-person.owl-theme .owl-controls .owl-buttons {
    opacity: 0;
}
.owl-more-person:hover .owl-controls .owl-buttons {
    opacity: 1;
}
.matched-bids-container .progres-ellipsis .item-overlay {
    padding: 0;
    text-align: left;
}
.matched-bids-container .progres-ellipsis .item-overlay ul {
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}
.matched-bids-container .progres-ellipsis .item-overlay ul li {
    padding: 0px 10px;
    position: relative;
    float: left;
}
.matched-bids-container .progres-ellipsis .item-overlay ul li a {
    width: 100%;
    float: left;
}
.matched-bids-container .progres-ellipsis .item-overlay ul li .svg-inline--fa.fa-chevron-right {
    float: right;
    margin: 7px 0 0 0;
    font-size: 10px;
}
.matched-bids-container .progres-ellipsis .item-overlay ul li:hover ul.sub-menu {
    display: block;
}
.matched-bids-container .progres-ellipsis .item-overlay ul li ul.sub-menu {
    display: none;
    position: absolute;
    left: 100%;
    width: 260px;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0px;
    top: 0;
    padding: 5px 0 8px 0;
}
.matched-bids-container .progres-ellipsis .item-overlay ul li ul.sub-menu.left {
    left: auto;
    right: 100%;
    margin-right: 1px;
}
.owl-more-person .owl-wrapper-outer .owl-item .more-person-card-item .more-person-card .toggle-switch .switch {
    width: 60px;
    height: 24px;
}
.owl-more-person .owl-wrapper-outer .owl-item .more-person-card-item .more-person-card .toggle-switch .slider:before {
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    top: 3px;
}
.owl-more-person .owl-wrapper-outer .owl-item .more-person-card-item .more-person-card .toggle-switch input:checked + .slider:before {
    -webkit-transform: translateX(36px);
    -ms-transform: translateX(36px);
    transform: translateX(36px);
}
.owl-more-person .owl-wrapper-outer .owl-item .more-person-card-item .more-person-card .toggle-switch input:checked + .slider:after {
    left: 10px;
    top: 3px;
    right: auto;
    font-size: 12px;
   }
.owl-more-person .owl-wrapper-outer .owl-item .more-person-card-item .more-person-card .toggle-switch .slider:after {
    right: 10px;
    top: 3px;
    font-size: 12px;
 }
.modal-link-open {

}
.modal-mobile-open {
    padding-right: 0 !important;
}
.modal-mobile-open .modal-dialog {
    width: 90%;
    margin: 0 auto;
}
.modal-mobile-open .modal-header {
    padding: 0.5rem 1rem;
    background: #69717e;
    color: #fff;
}
.modal-mobile-open .modal-header .close {
    color: #fff;
    opacity: 1;
}
.modal-mobile-open ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
.modal-mobile-open ul li {
    line-height: 16px;
    padding-bottom: 8px;
    float: left;
    width: 100%;
}
.modal-mobile-open ul.li-menu-list {
    list-style: disc;
    padding-left: 25px !important;
}
.modal-mobile-open ul.li-menu-list li {
    line-height: 16px;
    padding-bottom: 8px;
    float: left;
    width: 100%;
}
.modal-mobile-open ul.li-menu-list li label {
    margin: 0;
    font-weight: bold;
    width: 100px;
    float: left;
}
.modal-mobile-open ul.li-menu-list li span {
    display: block;
    padding-left: 110px;
}
.modal-more-person .modal-content .modal-body .modal-matched-bids-filter {
    padding: 0px;
}
.modal-more-person .modal-content .modal-body .location-box {
    width: 22%;
    border: none;
}
.expert-preferences-box {
    padding: 0 15px;
    width: 22%;
    float: left;
    border-right: 1px solid #dddddd;
}
.expert-facts-box {
    padding: 0 15px;
    width: 56%;
    float: left;
    border-right: 1px solid #dddddd;
}
.expert-facts-box .toggle-switch {
 display: inline-block;
}
.expert-facts-box .group-label {
    vertical-align: top;
    line-height: 28px;
    padding-right: 5px;

}
.expert-facts-box .expert-facts-box-rating {
    margin-top: -6px;
}
.expert-facts-box .expert-facts-box-rating ul {
    background: #f6f8fa;
    margin: 0;
    padding: 0 15px;
    list-style: none;
    text-align: center;
    border-radius: 6px;
}
.expert-facts-box .expert-facts-box-rating ul li {
    display: inline-block;
    line-height: 46px;
}
.expert-facts-box .expert-facts-box-rating ul li:first-child {
    padding-right: 15px;
}
.expert-facts-box .expert-facts-box-rating ul li a.star-green {
    color: #37b34a;
}
.expert-facts-box .expert-facts-box-rating ul li a {
   color: #cccccc;
   font-size: 24px;
}
.expert-facts-box .expert-facts-box-rating ul li a:hover {
    color: #37b34a;
}
.company-facts-box {
    padding: 0 15px;
    width: 42%;
    float: left;
    border-right: 1px solid #dddddd;
}
.company-facts-box .col-md-6:first-child {
    padding-right: 5px;
}
.company-facts-box .col-md-6:last-child {
    padding-left: 5px;
}
.company-facts-box .company-facts-box-rating {
    margin-top: 0px;
    display: inline-block;
}
.company-facts-box .company-facts-box-rating ul {
    margin: 0;
    padding: 0 15px;
    list-style: none;
    text-align: center;
    float: left;
}
.company-facts-box .company-facts-box-rating ul li {
    display: inline-block;
    line-height: 28px;
}
.company-facts-box .company-facts-box-rating ul li:first-child {
    padding-right: 15px;
}
.company-facts-box .company-facts-box-rating ul li a.star-green {
    color: #37b34a;
}
.company-facts-box .company-facts-box-rating ul li a {
   color: #cccccc;
   font-size: 24px;
}
.company-facts-box .company-facts-box-rating ul li a:hover {
    color: #37b34a;
}
.company-facts-box .toggle-switch {
 display: inline-block;
}
.company-facts-box .group-label {
    vertical-align: top;
    line-height: 28px;
    padding-right: 5px;

}
.modal-more-person .modal-content .modal-body .modal-company-filter .location-box {
    border-right: 1px solid #dddddd;
    padding: 0 15px;
    width: 42%;
    float: left;
}
.modal-company-filter .company-filter-btn {
    padding: 40px 15px 0 15px;
    width: 16%;
    float: left;
}
.modal-company-filter .company-filter-btn .filter-btn .btn {
        margin: 0px 0 10px 0;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .modal-filter-view.company-filter-icon {
    display: none;
}
.modal-more-person .modal-dialog .modal-header .modal-header-icon .company-filter-dropdown {
    display: none;
}

/* Modal Opportunities Post a Bid */
.modal-input-form {
        padding-right: 0px !important;
}
.modal-input-form .modal-dialog-centered {
    max-width: 750px;
}
.modal-input-form .modal-content {
    background-color: transparent;
    border: none;
}
.modal-input-form .modal-body {
        padding: 0;
}
.modal-input-form .modal-header {
    border-bottom: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.modal-input-form .modal-header .modal-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    color: #fff;
}
.modal-input-form .close {
    opacity: 1;
    text-shadow: none;
    position: fixed;
    right: 30px;
    top: 20px;
    z-index: 1;
}
.modal-input-form .close span {
    color: #fff;
    text-shadow: none;
    font-size: 30px;
}
.modal-input-form .opportunities-post-bid-form h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
.modal-input-form .opportunities-post-bid-form h2 span {
    font-weight: normal;
    font-size: 16px;
}
.modal-input-form .opportunities-post-bid-form h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
.modal-input-form .opportunities-post-bid-form .post-bid-white-bg {
    background-color: #fff;
    border-radius: 3px;
    padding: 30px 165px 0px 165px;
    position: relative;
    float: left;
    width: 100%;
    margin: 12px 0 0 0;
    height: 400px;
    overflow-y: auto;
}
.modal-input-form .opportunities-post-bid-form .post-bid-white-bg.width-increase {
    padding: 40px 60px 30px 60px;
}
.modal-input-form .opportunities-post-bid-form {
    height: 555px;
    overflow: hidden;
    padding: 20px 0 0 0;
    position: relative;
    bottom: 0px;}
.modal-input-form .opportunities-post-bid-form .post-bid-form-btn-part {
    padding: 20px 0 40px 0;
    float: left;
    width: 100%;
}
/* .modal-input-form .opportunities-post-bid-form .opportunities-post-bid-box {
    max-height: 540px;
} */
/*
.eventpostformpadding {
    padding: 4px 0px 0 0 !important;
}*/

.modal-input-form .opportunities-post-bid-form .input-group-btn {
    margin: 0;
}
.modal-input-form .opportunities-post-bid-form .btn-file {
    background-color: #37b34a;
    min-width: 120px;
    letter-spacing: 1px;
    font-size: 13px;
    border: 0;
    padding: 0.45rem .75rem;
    border-radius: 3px;
    color: #fff;
}
.modal-input-form .opportunities-post-bid-form .btn-file:hover {
    text-decoration: none;
    background: #239f4e;
    color: #fff;
}
.modal-input-form .opportunities-post-bid-form .file-attached {
    cursor: not-allowed;
    border-radius: 0 3px 3px 0;
    margin-left: -1px;
    background: #fff;
}
.modal-input-form .opportunities-post-bid-form .form-group {
    position: relative;
}
.modal-input-form-singal-box label {
    margin: 0;
}
.modal-input-form-singal-box .form-group.datepicker-input-main .form-control,
.modal-input-form .opportunities-post-bid-form .form-group .form-control {
    position: relative;
    background: transparent;
    z-index: 1;
}
.modal-input-form-singal-box .form-group.datepicker-input-main .calendar-icon-inside,
.modal-input-form .opportunities-post-bid-form .form-group .calendar-icon-inside {
    position: absolute;
    right: 10px;
    top: 24px;
    color: #999;
    font-size: 18px;
}
.modal-input-form .opportunities-post-bid-form .form-group .custom-control.custom-radio {
    display: inline-block;
    margin: 0 0px 0 15px;
}
.modal-input-form .opportunities-post-bid-form .form-group .custom-control.custom-radio.d-block {
    margin: 0 0px 0 0px;
}
.modal-input-form .opportunities-post-bid-form ul {
    list-style: none;
    margin: 0;
    padding: 0 0 15px 0;
}

.modal-input-form .opportunities-post-bid-form .opportunities-post-bid-box .progress {
    height: 10px;
    border-radius: 3px;
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.modal-input-form .opportunities-post-bid-form .opportunities-post-bid-box .progress-bar {
    background-color: #37b34a;
}
.post-bid-form-complete-progress {
    line-height: 14px;
    color: #777;
    text-align: right;
    float: right;
    color: #fff;
}
.opportunities-post-bid-box-title {
    float: left;
}
.opportunities-post-bid-box-title .floting-icon {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: solid 1px #ccc;
    font-size: 22px;
    color: #37b34a;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    padding: 0.18rem;
    margin-right: 15px;
}
.opportunities-post-bid-box-title h2 {
    display: inline-block;
    color: #fff;
}
.opportunities-post-bid-box-header {
    float: left;
    width: 100%;
    margin-top: 3px;
    display: inline-block;
}
.modal-input-form .opportunities-post-bid-form .opportunities-post-bid-box .post-bid-white-bg .add-question-btn {
    background-color: #37b34a;
    min-width: 120px;
    letter-spacing: 1px;
    font-size: 13px;
    border: 0;
    padding: 0.45rem .75rem;
    border-radius: 3px;
    color: #fff;
}
.modal-input-form .opportunities-post-bid-form .opportunities-post-bid-box .post-bid-white-bg .add-question-btn:hover {
    text-decoration: none;
    background: #239f4e;
    color: #fff;
}
.modal-input-form .opportunities-post-bid-form .opportunities-post-bid-box .post-bid-white-bg .add-question-btn:focus{
    box-shadow: none;
}
.modal-input-form .opportunities-post-bid-form .post-bid-form-btn-part .skip-link {
    color: #fff;
    text-decoration: underline;
    font-size: 13px;
    float: right;
    margin-right: 30px;
    margin-top: 6px;
}
.modal-input-form .opportunities-post-bid-form .post-bid-form-btn-part .suggest-link {
    color: #fff;
    text-decoration: underline;
    font-size: 13px;
    margin-left: 30px;
    margin-top: 6px;
    float: left;
}
a.suggest-link.edit-skills {
    margin-left: 0 !important;
}
.modal-input-form .opportunities-post-bid-form .checkbox-list .custom-checkbox {
    margin-bottom: 5px;
}


/* Modal Post Product */
.modal-input-form-singal-box .close {
    opacity: 1;
    text-shadow: none;
    position: fixed;
    right: 30px;
    top: 20px;
    z-index: 9;
}
.modal-input-form-singal-box .close span {
    color: #fff;
    text-shadow: none;
    font-size: 30px;
}
.modal-input-form-singal-box .modal-dialog-centered {
    max-width: 750px;
}
.modal-input-form-singal-box .modal-content {
    background-color: transparent;
    border: none;
}
.modal-input-form-singal-box .modal-body {
    padding: 0;
}

.modal-input-form-singal-box .modal-post-product-box-header {
    float: left;
    width: 100%;
}
.modal-input-form-singal-box .modal-post-product-box-header .modal-post-product-box-title .floting-icon {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: solid 1px #ccc;
    font-size: 22px;
    color: #37b34a;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    padding: 0.18rem;
    margin-right: 15px;
}
.modal-input-form-singal-box .modal-post-product-box-header .modal-post-product-box-title h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block;
    color: #fff;
}
.modal-input-form-singal-box .modal-post-product-white-bg {
    background-color: #fff;
    border-radius: 3px;
    padding: 20px 50px 0px 20px;
    position: relative;
    float: left;
    width: 100%;
    margin: 12px 0 0 0;
    height: auto;
    height: 400px;
/*    border-top: 10px solid #37b34a; */
    overflow-y: auto;
}
.modal-input-form-singal-box .modal-post-product-white-bg .progress {
  height: 10px;
  border-radius: 3px;
  background-color: #eee;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.modal-input-form-singal-box .modal-post-product-white-bg .progress .progress-bar {

}
.modal-input-form-singal-box .modal-post-product-white-bg h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.modal-input-form-singal-box .modal-post-product-box .modal-post-product-btn-part {
    padding: 20px 0 40px 0;
    float: left;
    width: 100%;
}
.modal-input-form-singal-box .modal-post-product-box .post-product-main-box {
    margin-top: 80px;
    padding: 0;
    width: 100%;
    text-align: center;
}
.modal-input-form-singal-box .modal-post-product-box .post-product-img {
    margin: 0;
    padding: 0;
    position: relative;
    border: solid 5px #ddd;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    display: inline-block;
    overflow: hidden;
}
.modal-input-form-singal-box .modal-post-product-box .post-product-img img {
    max-width: 100%;
    height: 100%;
}
.modal-input-form-singal-box .modal-post-product-box .text-center {
    min-width: 160px;
}
.modal-input-form-singal-box .modal-post-product-box .post-product-img.slider-upload {
    overflow: visible;
}
.modal-input-form-singal-box .modal-post-product-box .post-product-img .post-product-img-box {
    overflow: hidden;
    border-radius: 100%;
    width: 100%;
    height: 100%;
}
.modal-input-form-singal-box .modal-post-product-box .post-product-img .post-product-img-box img {
    width: 100%;
    height: 100%;
}
.modal-input-form-singal-box .modal-post-product-box .post-product-main-box .camera-icon {
    margin: 0;
    position: relative;
    bottom: 24px;
    background-color: #69717e;
    width: 40px;
    height: 40px;
    color: #fff;
    display: inline-block;
    padding: 0.21rem;
    font-size: 22px;
    border-radius: 50%;
}
.modal-input-form-singal-box .modal-post-product-box .product-link {
    display: flex;
}
.modal-input-form-singal-box .modal-post-product-box .product-link label {
    min-width: 110px;
    line-height: 32px;
}
.modal-input-form-singal-box .modal-post-product-box .product-link a {
    min-width: 95px;
    text-align: right;
    margin-top: 5px;
}
.wd-progressbar-detail-des {
    padding: 0 15px;
    line-height: normal;
    /* display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; */
}

/* Skills Page Css */

/* Skills Grid View */
.skills-matched-bids-box {

}
.matched-bids-box.skills-matched-bids-box ul li.matched-bids-box-item .works-delight-detail {
    white-space: inherit;
}
.matched-bids-box.skills-matched-bids-box ul li.matched-bids-box-item .works-delight-detail h2 {
    white-space: nowrap;
}
.matched-bids-box.skills-matched-bids-box ul li .works-delight .works-delight-detail {
    padding: 0 56px 0 15px;
}
.matched-bids-box.skills-matched-bids-box ul li .works-delight-progress-bar .wd-progressbar-detail ul li a {
    color: #777;
    font-size: 13px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.matched-bids-box .nav-tabs.skills-tab-ore li:first-child {
    padding-left: 0;
}
.matched-bids-box.skills-matched-bids-box ul li .works-delight-progress-bar .wd-progressbar-detail ul li a.active {
    font-size: 13px;
    font-weight: bold;
}
.matched-bids-box .nav-tabs.skills-tab-ore {
    border: none;
}
.matched-bids-box .nav-tabs.skills-tab-ore li:hover .nav-link,
.matched-bids-box .nav-tabs.skills-tab-ore .nav-link.active {
    font-weight: bold;
    background: rgba(241,241,241,1);
    background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(80%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0 );
    border: none;
}

/* Skills List View */
.matched-bids-list-view.skills-matched-bids-list-view ul li.bids-list-view-box .bids-list-view-detail {

}
.matched-bids-list-view.skills-matched-bids-list-view ul li.bids-list-view-box .bids-list-view-detail {
    white-space: inherit;
}
.matched-bids-list-view.skills-matched-bids-list-view ul li.bids-list-view-box .bids-list-view-detail h2 {
    white-space: nowrap;
}
.matched-bids-list-view.skills-matched-bids-list-view ul li.bids-list-view-box .bids-list-view-border {
    padding: 15px;
}
.matched-bids-box ul li .works-delight-progress-bar .tab-content-ore .tab-pane {
    display: none;
}
.matched-bids-box ul li .works-delight-progress-bar .tab-content-ore .tab-pane.active {
    display: block;
}
.matched-bids-list-view.skills-matched-bids-list-view ul li.bids-list-view-box .matched-bids-list-view-detail {
        padding-right: 15px;
}
.matched-bids-list-view.skills-matched-bids-list-view .nav-tabs.skills-tab-ore li:last-child {
     padding-right: 10px;
}
.matched-bids-list-view.skills-matched-bids-list-view .nav-tabs.skills-tab-ore li a {
    color: #777;
    font-size: 13px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.matched-bids-list-view.skills-matched-bids-list-view .nav-tabs.skills-tab-ore li a.active {
    font-size: 13px;
    font-weight: bold;
}
.matched-bids-list-view.skills-matched-bids-list-view .nav-tabs.skills-tab-ore li:hover .nav-link,
.matched-bids-list-view.skills-matched-bids-list-view .nav-tabs.skills-tab-ore .nav-link.active {
    font-weight: bold;
    background: rgba(241,241,241,1);
    background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(80%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0 );
    border: none;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box.tab-pane {
    display: none;
}
.matched-bids-list-view ul li.bids-list-view-box .progressbar-box.tab-pane.active {
    display: block;
}
.matched-bids-list-view.skills-matched-bids-list-view .nav-tabs.skills-tab-ore {
    border: none;
    border-radius: 0;
}

/* Dashboard Skills Page Css */
.matched-bids-box.dashboard-skills-chart ul li.matched-bids-box-item .socials-more-users ul.more-users li:last-child {
    float: left;
}
.matched-bids-box.dashboard-skills-chart ul li .works-delight {
    padding: 12px 15px;
    min-height: inherit;
}
.matched-bids-box.dashboard-skills-chart ul li .works-delight .works-delight-detail {
    padding: 0 35px 0 0px;
}
.dashboard-skills-container {
    display: inline-block;
    width: 100%;
}
.dashboard-skills-left {
    float: left;
    width: 74.8%;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    background: #fff;
    padding: 20px 15px;
}
.dashboard-skills-left .ds-skill-tabs {
    margin-bottom: 20px;
}
.dashboard-skills-left .ds-skill-tabs .nav-item {
    width: 33.333%;
    padding-right: 15px;

}
.dashboard-skills-left .ds-skill-tabs .nav-item:last-child {
    padding-right: 0px;
}
.dashboard-skills-left .ds-skill-tabs .nav-item .nav-link {
    background: rgba(241,241,241,1);
    background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0 );

    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding: 15px 15px;
    border: 1px solid #e8e8e8;
    border-top: 3px solid rgba(241,241,241,1);
}
.dashboard-skills-left .ds-skill-tabs .nav-item .nav-link:hover,
.dashboard-skills-left .ds-skill-tabs .nav-item .nav-link.active {
    background: #fff;
    border-color: #37b34a #dee2e6 #fff;

}
.dashboard-skills-left .ds-skill-tabs-content {

}
.dashboard-skills-left .ds-skill-tabs-content .heading {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
    padding: 0;
}
.dashboard-skills-left .ds-skill-tabs-content .heading span {
    font-size: 14px;
    color: #777;
    font-weight: normal;
}
.ds-skills-pdofile-skills-list-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
    padding: 0;
}
ul.ds-skills-pdofile-skills-list {
    margin: 0;
    padding: 0 0 10px 0;
    list-style: none;
}
ul.ds-skills-pdofile-skills-list li {

}
ul.ds-skills-pdofile-skills-list li a {
    color: #777;
    text-decoration: none;
}
.ds-related-skills .matched-bids-box .heading {
    margin: 0 0 15px 0;
}
.ds-related-skills .matched-bids-box ul {
    margin: 0 -1%;
}
.ds-related-skills .matched-bids-box .matched-bids-box-item {
    margin-right: 1%;
    margin-left: 1%;
    width: 48%;
    margin-bottom: 1%;
    box-shadow:none;
}
.ds-related-skills .matched-bids-box .matched-bids-box-item .works-delight {
    border-radius: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
}
.ds-related-skills .matched-bids-box .matched-bids-box-item .works-delight-percentage {
    top: 10px;
}
.ds-related-skills .matched-bids-box .matched-bids-box-item .progres-ellipsis {
    display: inline-block;
    bottom: 20px;
    right: 10px;
}
.ds-related-skills .matched-bids-box .matched-bids-box-item .progres-ellipsis a.ellipsis-link {
    background-color: #fff;
}
.ds-related-skills .matched-bids-box .matched-bids-box-item .progres-ellipsis.top {
    padding-top: 8px;
    bottom: 28px;
    right: 10px;
}
.ds-related-skills .matched-bids-box .matched-bids-box-item .progres-ellipsis.top .item-overlay {
    bottom: 28px;
}
.ds-related-skills .matched-bids-box .matched-bids-box-item .progres-ellipsis:hover {
    width: 160px;
}
.ds-related-skills .matched-bids-box .matched-bids-box-item .progres-ellipsis .item-overlay li:hover .sub-menu {
    left: -258px !important;
}
.dashboard-skills-right {
    float: left;
    width: 24%;
    margin-left: 1.2%;
    }
.dashboard-skills-right .dashboard-skills-right-box {
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    background: #fff;
    padding: 20px 15px;
    float: left;
    width: 100%;

}
.dashboard-skills-right .heading {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
    padding: 0;
}
.ds-right-upcoming-events {
    margin-top: 30px;
    float: left;
    width: 100%;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    background: #fff;
    padding: 20px 15px;
}
.ds-right-upcoming-events .heading {
 margin: 0 0 20px 0;
 display: inline-block;
}
.ds-right-upcoming-events .ds-right-upcoming-events-see-all {
    float: right;
}
.ds-right-upcoming-events .ds-right-upcoming-events-see-all a {
    text-decoration: underline;
    color: #1d77bb;
    cursor: pointer;
}
.ds-right-upcoming-events .ds-right-upcoming-events-see-all .svg-inline--fa {
    display: none;
    margin-right: 10px;
}
.ds-right-upcoming-events:hover .ds-right-upcoming-events-see-all .svg-inline--fa {
    display: inline-block;
    color: #606875;
}
.ds-right-upcoming-events ul.ds-right-ue-item-main {
    list-style: none;
    margin: 0;
    padding: 0 0 12px 0;
    float: left;
    width: 100%;
    position: relative;
    height: 325px;
}
/* .ds-right-upcoming-events ul.ds-right-ue-item-main:before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 3px;
    height: 100%;
    background: url(../images/border-dashed-vertical.png);
    content: "";
    z-index: 0;
}
.ds-right-upcoming-events ul.ds-right-ue-item-main:after {
    background-color: #aaaaaa;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    bottom: 0px;
    left: -2px;
    content: "";
    z-index: 1;
} */
.ds-right-upcoming-events ul li.ds-right-ue-item {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #e8e8e8;
    min-height: 85px;
    padding: 12px 12px;
    position: relative;
    float: left;
    margin-bottom: 12px;
    margin-top: 6px;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ds-right-ue-icon {
    display: inline-block;
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #fff;
    height: 44px;
    width: 44px;
    border-radius: 100%;
    text-align: center;
    float: left;
    margin-top: 7px;
    overflow: hidden;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ds-right-ue-icon .svg-inline--fa {
    color: #37b34a;
    font-size: 20px;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ds-right-ue-icon img {
    width: 42px;
    height: 42px;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ds-right-ue-des {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    width: 78%;
    padding-left: 12px;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ds-right-ue-des h2 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 0px 0 2px 0;
    display: inline!important;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ds-right-ue-des h2 a {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ds-right-ue-des .ds-right-ue-sponsor {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ds-right-ue-des .ds-right-ue-date {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    font-style: italic;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ds-right-ue-des .ds-right-ue-date span {
    color: #777;
}
.ds-right-upcoming-events ul li .ellipsis-icon {
    margin-top: 10px;
    right: 10px;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ellipsis-icon:hover a.ellipsis-link {
    color: #fff;
    background: #535762;
    position: relative;
    z-index: 1;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ellipsis-icon:hover .item-overlay {
    display: inline-block;
    width: 170px;
    z-index: 9;
}
.ds-right-upcoming-events ul li.ds-right-ue-item .ellipsis-icon .item-overlay li:hover .sub-menu {
    left: -260px;
}
.orange-dots:before {
    background-color: #ee9498;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    top: 39px;
    left: -23px;
    content: "";
    z-index: 1;
}
.orange-dots:after {
    background-color: #fff;
    border: 2px solid #f2d4d5;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    position: absolute;
    top: 34px;
    left: -28px;
    content: "";
    z-index: 0;
}
.skyblue-dots:before {
    background-color: #56d3be;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    top: 39px;
    left: -23px;
    content: "";
    z-index: 1;
}
.skyblue-dots:after {
    background-color: #fff;
    border: 2px solid #c9eee8;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    position: absolute;
    top: 34px;
    left: -28px;
    content: "";
    z-index: 0;
}
.blue-dots:before {
    background-color: #5fa0e0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    top: 39px;
    left: -23px;
    content: "";
    z-index: 1;
}
.blue-dots:after {
    background-color: #fff;
    border: 2px solid #b5d3f1;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    position: absolute;
    top: 34px;
    left: -28px;
    content: "";
    z-index: 0;
}
.ds-right-upcoming-events ul li .ellipsis-icon.top {
    padding-top: 10px;
    margin-top: 0;
}
.ds-right-upcoming-events ul li .ellipsis-icon.top .item-overlay {
    bottom: 26px;
    top: auto;
}
.ds-right-upcoming-events ul li .ellipsis-icon.top .item-overlay:before {
    bottom: -8px;
    border-top-color: #ddd;
    border-bottom: none;
}
.ds-right-upcoming-events ul li .ellipsis-icon.top .item-overlay:after {
    bottom: -6px;
    border-top-color: #fff;
    border-bottom: none;
}
.ds-social-following {
    float: left;
    width: 62%;
    padding-right: 0px;
    border-right: 1px solid #e8e8e8;
}
.ds-social-right-who-to {
    float: left;
    width: 38%;
    padding-left: 15px;
}
.ds-social-right-who-to .ds-resource-profile-map-list {
    width: 100%;
    padding-left: 0px;
}
.ds-social-following-scroll {
    height: 520px;
    float: left;
    width: 100%;
}
.ds-social-following-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.2);
}
.ds-social-following-list-main {
    float: left;
    width: 100%;
    padding-right: 20px;
    background: #f5f5f5;
    padding-left: 15px;
}

.ds-social-following-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ds-social-following .ds-social-following-list-box {
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    position: relative;
}
.ds-social-following .ds-social-following-img {
    position: absolute;
    left: 0;
    top: 6px;
}
.ds-social-following .ds-social-following-img img {
    width: 45px;
    height: 45px
}
.ds-social-following .ds-social-following-comments {
    position: relative;
    padding: 0 115px 0 60px;
}
.ds-social-following .ds-social-following-comments .form-group .btn {
    position: absolute;
    right: 0;
    top: 12px;
    min-width: 100px;
}
.ds-social-comments-list {
    position: relative;
    margin-top: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 20px;
}
.ds-social-comments-list:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    /*padding-bottom: 0px;*/
}
.ds-social-comments-list .ds-social-comments-img {
    position: absolute;
    left: 0;
    top: 0px;
    overflow: hidden;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
}
.ds-social-comments-list .ds-social-comments-img img {
    width: 45px;
    height: 45px
}
.ds-social-comments-list .ds-social-comments-des {
    position: relative;
    padding: 0 130px 0 60px;
}
.ds-social-comments-list .ds-social-comments-text img {
    width: 120px;
    height: 80px;
    padding: 5px;
    border: 1px solid #ebf1f5;
    vertical-align: top;
    margin-right: 5px;
    float: left;
}
.ds-social-comments-list .ds-social-comments-des .time {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 12px;
}
.ds-social-comments-list .ds-social-comments-des h2 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 0px 0 3px 0;
    display: inline-block;
}
.ds-social-comments-list .ds-social-comments-des h2 a {
    color: #333;
}
.ds-social-comments-list .ds-social-comments-text {

}
.ds-social-comments-list .ds-social-comments-icon {
    margin-top: 10px;
}
.ds-social-comments-list .ds-social-comments-icon ul {
    margin: 0;
    padding: 0 0 0px 0;
    list-style: none;
}
.ds-social-comments-list .ds-social-comments-icon ul li {
    display: inline-block;
    padding-right: 15px;
    min-height: inherit;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.next-level-comments-textarea {
        margin-top: 10px;
        position: relative;
}
.ds-social-following .next-level-comments-textarea textarea {
    height: 36px;
    padding-right: 40px;
}
.ds-social-following .next-level-comments-textarea a.attach-icon {
    position: absolute;
    right: 15px;
    top: 6px;
    color: #777777;
    font-size: 16px;
}
.ds-social-comments-list .ds-social-comments-icon ul li a {
    color: #777777;
    font-size: 13px;
}
.ds-social-comments-list .ds-social-comments-icon ul li a .svg-inline--fa {
    font-size: 16px;
    margin-right: 5px;
}
.ds-social-comments-list .ds-social-comments-icon ul li a:hover {
    color: #333;
    text-decoration: none;
}
.ds-social-comments-list .ds-social-comments-icon ul li a.active {
    color: #333;
}
.ds-social-comments-open-list {
    margin-right: -130px;
    border-top: 1px solid #ddd;
    padding: 15px 0px;
    margin-top: 10px;
    border-right: none;
    border-left: none;
}
.ds-social-comments-open-list ul {
    margin: 0;
    padding: 0 0 0;
    list-style: none;
}
.lightbox .lb-data .lb-close {
    position: absolute;
    top: -40px;

}
.ds-social-comments-open-list ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    position: relative;
    min-height: 53px;
}
.ds-social-comments-open-list ul li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.ds-social-comments-open-list ul li.textarea-box .ds-social-comments-open-list-img {
    top: 9px;
}
.ds-social-comments-open-list-img {
    position: absolute;
    left: 0;
    top: 0px;
}
.ds-social-comments-open-list-img img {
    width: 38px;
    height: 38px
}
.ds-social-comments-open-list-des {
    position: relative;
    padding: 0 0px 0 53px;
}
.textarea-box .ds-social-comments-open-list-des textarea {
        padding-right: 40px;
}
.ds-social-comments-open-list-des a.attach-icon {
    position: absolute;
    right: 15px;
    top: 17px;
    color: #777777;
    font-size: 16px;
}
.ds-social-following .ds-social-comments-open-list-des h2 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 0px 0 2px 0;
    display: inline-block;
    padding-right: 0px;
}
.ds-social-following .ds-social-comments-open-list-des h2 a {
    color: #333;
}
.ds-social-comments-open-list-des-text {

}
.ds-social-following textarea {
    height: 56px;
}
.ds-social-following .ds-social-following-comments textarea  {
padding-right: 40px;
}
.ds-social-following .ds-social-following-comments a.attach-icon {
    position: absolute;
    right: 130px;
    top: 17px;
    color: #777777;
    font-size: 16px;
}
.ds-social-following textarea::-webkit-input-placeholder {
  color: #999;
}
.ds-social-following textarea::-moz-placeholder {
  color: #999;
}
.ds-social-following textarea:-ms-input-placeholder {
  color: #999;
}
.ds-social-following textarea:-moz-placeholder {
  color: #999;
}
.ds-social-comments-list .ds-social-comments-img .svg-inline--fa {
    color: #fff;
    font-size: 16px;
}
.ds-social-comments-list .ds-social-comments-des h2 .video {
    background: #70a8df;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding: 3px 12px;
    border-radius: 10px;
    margin-left: 5px;
    font-weight: normal;
}
.ds-social-comments-list .ds-social-comments-des h2 .article {
    background: #7ed0c2;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding: 3px 12px;
    border-radius: 10px;
    margin-left: 5px;
    font-weight: normal;
}
.ds-social-comments-list .ds-social-comments-des h2 .following {
    background: #4a9ef0;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding: 3px 12px;
    border-radius: 10px;
    margin-left: 5px;
    font-weight: normal;
}
.ds-social-comments-list .ds-social-comments-des h2 .featured {
    background: #4ec260;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding: 3px 12px;
    border-radius: 10px;
    margin-left: 5px;
    font-weight: normal;
}
.spinner-img {
    text-align: center;
}
.spinner-img img {
    max-width: 100px;
}
.ds-related-skills .matched-bids-box ul li .works-delight .works-delight-detail .experiance {

}
.ds-resource-profile-map {
    float: left;
    width: 62%;
    padding-right: 15px;
    border-right: 1px solid #e8e8e8;
}
.ds-resource-profile-map-list {
    float: left;
    /* width: 38%; */
    padding-left: 15px;
}
.ds-resource-profile-map-list .skills-box-list {
    margin: 0;
    width: 100%;
    min-width: 450px;
    padding-right: 3%;
}
.ds-resource-profile-map-list .skills-box-list li {
    width: 100%;
    margin-left: 0%;
    margin-bottom: 15px;
}
.ds-resource-profile-map-list .skills-box-list li .item-overlay ul li {
    margin-bottom: 0px;
}
.ds-resource-profile-map-list .skills-box-list li .ellipsis-icon.top {
    padding-top: 20px;
    margin-top: 0;
}
.ds-resource-profile-map-list .skills-box-list li .ellipsis-icon.top .item-overlay {
    bottom: 16px;
    top: auto;
}
.ds-resource-profile-map-list .skills-box-list li .ellipsis-icon.top .item-overlay:before {
    bottom: -8px;
    border-top-color: #ddd;
    border-bottom: none;
}
.ds-resource-profile-map-list .skills-box-list li .ellipsis-icon.top .item-overlay:after {
    bottom: -6px;
    border-top-color: #fff;
    border-bottom: none;
}
.ds-resource-profile-ws {
    padding-bottom: 5px;
    float: left;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 15px;
    padding-top: 5px;
}
.ds-resource-profile-list-scroll {
    height: 580px;
    float: left;
    width: 101%;
}
.ds-resource-profile-list-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.2);
}
.ds-related-skills .skills-box-heading {
        padding: 0px 0px 12px 0%;
}
.ds-related-skills .skills-box-heading .heading {
        margin: 0 0 0px 0;
}
.ds-related-skills .matched-bids-box.skills-matched-bids-box:hover .skills-box-heading-see-all .svg-inline--fa {
    display: inline-block;
    color: #606875;
}
.ds-resource-profile-list-scroll .tab-pane {
    float: left;
    width: 100%;
    vertical-align: top;
    display: none;
}
.ds-resource-profile-list-scroll .tab-pane.active {
    display: block;
}
.ds-resource-profile-map-list ul.nav li.nav-item .nav-link {
    font-size: 12px;
    color: #777;
    padding: 0;
    position: relative;
    padding: 10px 0px 0px 0px;
    text-align: center;
}
.ds-resource-profile-map-list ul.nav li.nav-item .nav-link:before {
    background-color: #e8e8e8;
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    z-index: 1;
}
.ds-resource-profile-map-list ul.nav li.nav-item .nav-link.active:before {
    background-color: #37b34a;
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    z-index: 1;
}
.ds-resource-profile-map-list ul.nav {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 15px;
    /*border-top: 1px solid #e8e8e8;
    padding-top: 5px;*/
}
.ds-resource-profile-map-list ul.nav li.nav-item {
    float: left;
    width: 50%;
}
.ds-resource-profile-map-list ul.nav li.nav-item:first-child a span.count {
    font-size: 18px;
    color: #0081ff;
    font-weight: bold;
    padding-right: 5px;
    vertical-align: sub;
}
.ds-resource-profile-map-list ul.nav li.nav-item:last-child a span.count {
    font-size: 18px;
    color: #00bc9c;
    font-weight: bold;
    padding-right: 5px;
    vertical-align: sub;
}
.ds-related-skills .matched-bids-box.skills-matched-bids-box .heading span {
    background: #eb3b48;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    margin-left: 6px;
    vertical-align: top;
    margin-top: 3px;
}
.dashboard-skills-right .ds-right-who-follow {
    margin-top: 20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    background: #fff;
    padding: 20px 15px;
    float: left;
    width: 100%;
}
.ds-right-who-follow-box {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}
.ds-right-who-follow-box .ds-right-who-follow-list {
    position: relative;
    margin-top: 15px;
    border-bottom: 1px solid #ebf1f5;
    margin-bottom: 15px;
    padding-bottom: 15px;
    min-height: 45px;
}
.ds-right-who-follow-box .ds-right-who-follow-list:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.ds-right-who-follow-box .ds-right-who-follow-list-img {
    border-radius: 100%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    float: left;
    position: absolute;
    left: 0;
    top: 0px;
    overflow: hidden;
}
.ds-right-who-follow-box .ds-right-who-follow-list-img img {
    width: 45px;
    height: 45px;
}

.ds-right-who-follow-box .ds-right-who-follow-list-des {
    position: relative;
    padding: 0 100px 0 60px;
}
.ds-right-who-follow-box .ds-right-who-follow-list-des h2 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 0px 0 3px 0;
    display: inline-block;
}
.ds-right-who-follow-box .ds-right-who-follow-list-des a {
    color: #333;
}
.ds-right-who-follow-list-follow-close {
    position: absolute;
    right: 0;
    top: 8px;
}
.ds-right-who-follow-list-follow-close a.follow-btn {
    font-size: 13px;
    color: #37b34a;
    border: 1px solid #37b34a;
    padding: 0 12px;
    line-height: 26px;
    display: inline-block;
    border-radius: 20px;
    margin-right: 10px;
}
.ds-right-who-follow-list-follow-close a.follow-btn:hover {
    color: #1d77bb;
    border: 1px solid #1d77bb;
    text-decoration: none;
}
.ds-right-who-follow-list-follow-close a.close-btn img {
    width: 12px;
}
.my-dashboard-mapping {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    padding-top: 30px;
    margin-top: 20px;
}
.my-dashboard-left {
    float: left;
    width: 100%;
}
.my-dashboard-skills {
    float: left;
    width: 100%;
}
.my-dashboard-skills .progress-main {
    padding-top: 10px;
}
.progress-main .progress {
    margin-bottom: 15px;
}
.my-dashboard-skills .progress-main .progress {
    height: 10px;
}
.ds-skills-pdofile-left {
    float: left;
    width: 62%;
    padding-right: 0px;
    border-right: 1px solid #e8e8e8;
}
.ds-skills-pdofile-left-scroll {
    height: 500px;
    float: left;
    width: 100%;
}
.ds-skills-pdofile-left-content {
    float: left;
    width: 100%;
    padding-right: 20px;
}
.ds-skills-pdofile-left-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.2);
}
.ds-skills-pdofile-right {
    float: left;
    width: 38%;
    padding-left: 15px;
}

.ds-resource-profile-map-list.ds-skills-pdofile-right .progress-service-skills-des h2 a {
    color: #333;
}
.progressbar-skills-left {
    float: left;
    width: 62%;
    padding-right: 15px;
    border-right: 1px solid #e8e8e8;
}
.skills-summary-right {
    height: 460px;
    float: left;
    width: 100%
}
.ds-related-skills .matched-bids-box .skills-summary-right .mCSB_container > ul {
    margin: 0 0%;
    padding-right: 15px;
}
.ds-related-skills .matched-bids-box .skills-summary-right .matched-bids-box-item {
    margin-right: 0%;
    margin-left: 0%;
    width: 100%;
    margin-bottom: 15px;
}
.ds-related-skills .matched-bids-box .skills-summary-right .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.2);
}
.skills-summary-left {
    padding-right: 15px;
}
.skills-summary-left .nav {
    float: right;
    margin-bottom: -15px;
}
.skills-summary-tab-content {
    float: left;
    width: 100%;
}
.my-dashboard-skills .progress-box {
    position: relative;
    padding-right: 50px;
    padding-bottom: 5px;
}
.my-dashboard-skills .progress-box label {
    margin-bottom: 5px;
}
.my-dashboard-skills .progress-box span {
    position: absolute;
    bottom: 14px;
    right: 0;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
.skills-summary-left .nav li.nav-item a.nav-link {
padding: 0;
}
.skills-summary-left .nav li.nav-item a.nav-link span  {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    padding: 0;
    display: inline-block;
    position: relative;

}
.skills-summary-left .nav li.nav-item {
    padding-left: 15px;
}
.skills-summary-left .nav li.nav-item a.nav-link#pr-skills-summary-blue span {
    background-color: #1d77bb;
}
.skills-summary-left .nav li.nav-item a.nav-link#pr-skills-summary-green span {
    background-color: #2bab58;
}
.skills-summary-left .nav li.nav-item a.nav-link#pr-skills-summary-yellow span {
    background-color: #ffb302;
}
.skills-summary-left .nav li.nav-item a.nav-link#pr-skills-summary-red span {
    background-color: #d9534f;
}
.skills-summary-left .nav li.nav-item a.nav-link.active#pr-skills-summary-blue span:after {
    border: 2px solid rgba(29,119,187,0.6);
}
.skills-summary-left .nav li.nav-item a.nav-link.active#pr-skills-summary-green span:after {
    border: 2px solid rgba(43,171,88,0.6);
}
.skills-summary-left .nav li.nav-item a.nav-link.active#pr-skills-summary-yellow span:after {
    border: 2px solid rgba(225,179,2,0.6);
}
.skills-summary-left .nav li.nav-item a.nav-link.active#pr-skills-summary-red span:after {
    border: 2px solid rgba(217,83,79,0.6);
}
.skills-summary-left .nav li.nav-item a.nav-link.active span:after {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    left: -5px;
    content: "";
    z-index: 0;
}
.skills-summary-left .nav li.nav-item a.nav-link#pr-skills-summary-drop {
    background-color: #777;
    text-align: center;
    line-height: 25px;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    padding: 0;

}
.skills-summary-left .nav li.nav-item.pr-drop {
    position: relative;
    padding-bottom: 12px;
}
.skills-summary-left .nav li.nav-item.pr-drop:hover .pr-drop-overlay {
    display: inline-block;
}
.skills-summary-left .nav li.nav-item.pr-drop:hover a.nav-link#pr-skills-summary-drop {
    background-color: #333;
}
.pr-drop-overlay {
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    top: 32px;
    right: 4px;
    padding: 0;
    text-align: left;
    transition: 0.3s;
    -moz-transform: 0.3s;
    -webkit-transform: 0.3s;
    display: none;
    z-index: 1;
    width: 120px;
}
.pr-drop-overlay:after,
.pr-drop-overlay:before {
    bottom: 100%;
    right: 1px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.pr-drop-overlay:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 6px;
}
.pr-drop-overlay:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 8px;
    right: -1px;
}
.pr-drop-overlay ul {
    margin: 0;
    padding:5px 0;
    list-style: none;
    float: left;
    width: 100%;
}
.pr-drop-overlay ul li a {
    color: #777;
    padding: 0 10px;
    width: 100%;
    float: left;
}
.pr-drop-overlay ul li a span {
    float: right;
}
.pr-drop-overlay ul li:hover a {
    color: #333;
    text-decoration: none;
}
#skills-summary-green .progressbar-box .progress-bar.hired {
    background-color: #c0f5d3;
}
#skills-summary-green .progressbar-box .progress-bar.interviewed {
    background-color: #9aefb8;
}
#skills-summary-green .progressbar-box .progress-bar.applied {
    background-color: #74df9a;
}
#skills-summary-green .progressbar-box .progress-bar.invited {
    background-color: #5bd486;
}
#skills-summary-green .progressbar-box .progress-bar.matched {
    background-color: #2bab58;
}
#skills-summary-yellow .progressbar-box .progress-bar.hired {
    background-color: #f5dda5;
}
#skills-summary-yellow .progressbar-box .progress-bar.interviewed {
    background-color: #f9da90;
}
#skills-summary-yellow .progressbar-box .progress-bar.applied {
    background-color: #f9ce69;
}
#skills-summary-yellow .progressbar-box .progress-bar.invited {
    background-color: #f7bd36;
}
#skills-summary-yellow .progressbar-box .progress-bar.matched {
    background-color: #ffb302;
}
#skills-summary-red .progressbar-box .progress-bar.hired {
    background-color: #f8bfbd;
}
#skills-summary-red .progressbar-box .progress-bar.interviewed {
    background-color: #f6a7a4;
}
#skills-summary-red .progressbar-box .progress-bar.applied {
    background-color: #e98986;
}
#skills-summary-red .progressbar-box .progress-bar.invited {
    background-color: #d9534f;
}
#skills-summary-red .progressbar-box .progress-bar.matched {
    background-color: #d9534f;
}
.datepicker-input-main .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100%;
}
.skill-list-tooltip .tooltip-inner {
    max-width: 300px;
}
.selected-skills {
    position: fixed;
    bottom: 60px;
    right: 180px;
    width: 65px;
    height: 65px;
    background-color: #40ab57;
    color: #fff;
    border-radius: 52px;
    z-index: 1;
}
.selected-skills a {
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 57px;
    width: 57px;
    float: left;
    font-weight: bold;
}
.selected-skills:hover a {
    text-decoration: none;
}
.selected-skills a span {
    width: 65px;
    height: 65px;
    display: inline-block;
}
.modal-selected-skills .close {
    opacity: 1;

}
.modal-selected-skills .close span {

}
.modal-selected-skills .review-box {
     padding: 3px 45px 3px 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /*line-height: 34px;*/
    position: relative;
}
.modal-selected-skills .review-box:hover {
    background: #f5f5f5;
}
.modal-selected-skills .review-box .star {
    margin: 0;
    float: left;
}
.modal-selected-skills .review-box .star a {
    margin: 0;
    padding: 0;
    color: #cccccc;
    font-size: 16px;
}
.modal-selected-skills .review-box a.star-green {
    color: #37b34a;
    margin: 0;
}
.modal-selected-skills .review-box .star a:hover {
    color: #37b34a;
}
.modal-selected-skills .review-box p {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    text-decoration: none;
    display: inline!important;
}
.modal-selected-skills .modal-dialog-centered .modal-content .modal-body .review-box-list {
    max-height: 420px;
}
.modal-selected-skills .review-box .close-skills {
    color: #777;
    display: inline-block;
    margin-top: 2px;
    margin-left: 0px;
    position: absolute;
    right: 20px;
}
.modal-selected-skills .review-box:hover .close-skills {
    color: #333;
}
.modal-selected-skills {
    padding: 0 !important;
}
header.topbar .topbar-right .skills-wizard-icon-box {
    position: absolute;
    top: 65px;
    background: #fff;
    width: 350px;
    padding: 0px;
    box-shadow: 0px 0 5px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0 5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0 5px rgba(0,0,0,.2);
    left: -290px;
    border-top: 0;
}
header.topbar .topbar-right .tutorial-wizard-icon-box {
  position: absolute;
  top: 65px;
  background: #fff;
  width: 350px;
  padding: 0px;
  box-shadow: 0px 0 5px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0px 0 5px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 0 5px rgba(0,0,0,.2);
  left: -290px;
  border-top: 0;
}
/*
* Header App Listing Changes
*/
.dropdown-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* border: 1px solid #a6a6a6; */
    padding: 0
  }
  .dropdown-container a {
    line-height: normal !important;
  }
  .line-item {
    /* padding: 10px; */
  }

  .line-item-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;
    padding: 10px 5px;
    align-items: baseline;
    color: #333333;
    font-size: 16px;
  }

   .header-left {
      margin-left: 7px;
    }
   .header-right {
        font-size: 13px;
        line-height: 25px;
        font-weight: normal;
    }
    .line-item-container{
        padding: 20px 15px;
        display: flex;
        flex-wrap: wrap;
    }
  .line-item {
    line-height: normal;
    display: inline-block;
    margin: 0 10px;
    text-align: center;
    width: 85px;
    height: 85px;
    border: 1px solid #ddd;
    padding: 12px;
    color: #1d77bb;
    cursor: pointer;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
  }
  .line-item:hover{
    background: #66d7f9;
  }

  .line-item-footer {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    border-top: 1px solid #dddddd;
  }

  .line-item-footer a {
    text-decoration: none;
    padding: 8px 20px;
    background-color: #1a5e95;
    color: #fff !important;
    width: 100%;
    margin: 10px 15px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    width: 100%;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
  }

  .app-bg {
    background-color: #ab80ff;
    padding: 2px 0;
    color: #fff;
    font-weight: 900;
    font-size: 20px;
    display: inline-block;
    width: 54px;
    text-align: center;
  }
  .app-title{
    margin: 3px 0;
    font-weight: 900;
    font-size: 10px;
    color: #dddddd;
    display: inline-block;
  }

  /* toggle in label designing */
  .app-toggle {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    background-color: #999999;
    border-radius: 30px;
    border: 1px solid #fff;
    cursor: pointer;
    top: 8px;
  }

  /* After slide changes */
  .app-toggle:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    top: 3px;
    left: 4px;
    transition: all 0.3s;
  }

  /* Checkbox checked effect */
  .app-checkbox:checked+.app-toggle::after {
    left: 20px;
  }

  /* Checkbox checked toggle label bg color */
  .app-checkbox:checked+.app-toggle {
    background-color: #2bab58;
  }

  /* Checkbox vanished */
  .app-checkbox {
    display: none;
  }
/*
* Header App Listing Changes Ends
*/
/* header.topbar .topbar-right .skills-wizard-icon-box a {
    line-height: normal;
    display: inline-block;
    margin: 0 10px;
    text-align: center;
    width: 84px;
    height: 70px;
    border: 1px solid #ddd;
    padding: 10px 5px;
    color: #1d77bb;
} */
header.topbar .topbar-right li.skills-wizard-icon .skills-wizard-icon-box .svg-inline--fa {
    font-size: 20px;
    color: #fff;
}
header.topbar .topbar-right li.skills-wizard-icon .skills-wizard-icon-box .skills-wizard-icon-title .icon .svg-inline--fa {
    font-size: 26px;
    color: #1a5e95;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
header.topbar .topbar-right li.skills-wizard-icon .skills-wizard-icon-box .svg-inline--fa.fa-address-book {
    color: #37b34a;
}
header.topbar .topbar-right li.skills-wizard-icon .skills-wizard-icon-box .svg-inline--fa.fa-magic {
    color: #1b75bb;
}
header.topbar .topbar-right li.skills-wizard-icon .skills-wizard-icon-box .svg-inline--fa.fa-file-alt {
    color: #69717e;
}
header.topbar .topbar-right li.skills-wizard-icon.show .svg-inline--fa.fa-th,header.topbar .topbar-right li.tutorial-wizard-icon.show svg {
    color: #fff;
}

header.topbar .topbar-right .skills-wizard-icon-box a span {
    display: inline-block;
    /* min-width: 50px;
    min-height: 30px; */
}
.skills-wizard-icon-title {
    color: #333333;
    font-size: 16px;
    /* border-bottom: 1px solid #dddddd; */
    /* padding: 0 14px; */
    display: flex;
    width: 100%;
    /* padding-bottom: 3px; */
    /* width: 100%; */
    /* align-items: center; */
    /* justify-content: space-between; */
}
.skills-wizard-icon-list {
    padding: 20px 15px;
}
header.topbar .topbar-right .skills-wizard-icon-box .view-all-apps-btn {
    padding: 12px 14px;
    border-top: 1px solid #dddddd;
}
header.topbar .topbar-right .skills-wizard-icon-box .view-all-apps-btn a {
    background: #1a5e95;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    width: 100%;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    height: auto;
    border: none;
    padding: 0;
    margin: 0;
}
header.topbar .topbar-right .skills-wizard-icon-box .view-all-apps-btn a:hover {
    background: #0064b0;
    text-decoration: none;
}

#skill-list-slider .carousel-control-next,
#skill-list-slider .carousel-control-prev {
    width: 30px;
    top: -62px;
}
#skill-list-slider .carousel-control-next-icon,
#skill-list-slider .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    color: #000;
    background-image: none !important;
    z-index: 1;
    background: #999999;
    border-radius: 100%;
    line-height: 32px;
    font-size: 18px;
}
.modal-selected-skills .modal-dialog-centered .modal-content .modal-body .review-box-list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.2);
}
.no-header-sidebar {
    padding: 0;
}
.skill-directory-top-logo {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 20px;
}

.activeshake {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    animation-duration: 3s;
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(0, 1px, 0);
    }

    20%, 80% {
        transform: translate3d(0, -2px, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(0, 4px, 0);
    }

    40%, 60% {
        transform: translate3d(0, -4px, 0);
    }
}

.noscrolldiv {
    height: auto !important;
}
.item-overlay li{
    text-overflow: ellipsis;
}
.matched-bids-box ul li .works-delight-progress-bar .socials-more-users li {
    white-space: inherit;
}

#skill-list-slider .carousel-inner .carousel-item .col-lg-4.col-md-6.col-xl-4 .review-box {
    max-width: 370px;
    margin: 6px auto;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#search-results-skill .carousel-inner .carousel-item .col-lg-4.col-md-6.col-xl-4 .review-box {
    max-width: 370px;
    margin: 6px auto;
}
#search-results-skill .col-lg-4.col-md-6.col-xl-4 .select-all {
    max-width: 370px;
    margin: 0px auto;
}
#search-results-skill .col-lg-4.col-md-6.col-xl-4 .suggest-skill {
    max-width: 370px;
    margin: 0px auto;
}
.wizard-container-bg {
    background: #fff;
}
.matched-bids-heading h1.hello-title {
    font-size: 20px;
}
.ekko-lightbox .modal-header {
    padding: 0 10px;
    border-bottom: none;
    position: relative;
}
.ekko-lightbox .modal-header .close {
    position: absolute;
    right: -15px;
    background: #fff;
    opacity: 1;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    top: -15px;
}
.ekko-lightbox .modal-header .close:hover {
    opacity: 1;
}
.ekko-lightbox .modal-header .modal-title {
    display: none;
}
.ekko-lightbox .modal-body {
    padding: 10px;
}
.ds-social-comments-list .ds-social-comments-text a.ds-com-img {
    position: relative;
    height: 80px;
    width: 120px;
    display: inline;
    float: left;
}
.ds-social-comments-list .ds-social-comments-text span.overlay-icon {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 24px;
    height: 24px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    line-height: 24px;
}
.ds-social-comments-list .ds-social-comments-text span.overlay-icon .svg-inline--fa {
    font-size: 13px;
}
.ds-resource-profile-map-list .skills-box-list.ds-reference-content-list li .skills-list-img {
    width: 100px;
    border-radius: 0;
    margin-top: 3px;
    height: 52px;
    position: relative;
}
.ds-resource-profile-map-list .skills-box-list.ds-reference-content-list li .skills-list-img .media-icon {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 24px;
    height: 24px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    line-height: 24px;
}
.ds-resource-profile-map-list .skills-box-list.ds-reference-content-list li .skills-list-img img {
    height: 52px;
    width: 100px;
}
.progress-service-skills-des h2 .online {
    margin-top: 0px;
    vertical-align: middle;
}
.opportunities-post-bid-box#input-step-3 .post-bid-white-bg {
 overflow: inherit;
}
.overflow-y-auto {
    overflow-y: auto;
}
.opportunities-post-bid-box#input-step-3 .post-bid-white-bg.overflow-y-auto {
 overflow-y: auto;
}
.input-form-main .form-white-box-inner .size-radio-btn .custom-radio {
    padding-top: 4px;
    padding-bottom: 0px;
}
label.group-label.radio-toggle-label {
    line-height: 25px;
    float: left;
    vertical-align: top;
    margin: 0;
}
.range-slider-main .form-group {
    min-width: 110px;
    line-height: 30px;
    float: left;
}
.range-slider-main .error-msg {
    margin-top: -6px;
}
.range-slider-main.bonus .range-slider-inner,
.range-slider-main.salary .range-slider-inner {
    padding-left: 110px;
}
.range-slider-main.sch_value .irs-from, .range-slider-main.sch_value .irs-to, .range-slider-main.sch_value .irs-single {
    top: 35px !important;
}

.range-slider-main.sch_value .form-group {
    float: none;
}

.range-slider-main.bonus .irs-bar {
left: 0 !important;
}
.range-slider-main.bonus .irs-bar-edge,
 .range-slider-main.sch_value .irs-bar-edge{
    display: none;
}
.toggle-switch-title {
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}
.toggle-switch-title h3 {
    padding-right: 80px;
}
.toggle-switch-title .toggle-switch {
    position: absolute;
    right: 0;
    top: 0px;
}
.modal-input-form .post-product-main-box {
    margin-top: 50px;
    padding: 0;
    width: 160px;
}
.modal-input-form .post-product-img {
    margin: 0;
    padding: 0;
    position: relative;
}
.modal-input-form .post-product-img img {
    border: solid 5px #ddd;
    border-radius: 50%;
    width: 160px;
    height: 160px;
}
.modal-input-form .post-product-main-box .camera-icon {
    margin: 0;
    position: relative;
    bottom: 24px;
    background-color: #69717e;
    width: 40px;
    height: 40px;
    color: #fff;
    display: inline-block;
    padding: 0.21rem;
    font-size: 22px;
    border-radius: 50%;
}
.modal-input-form-singal-box textarea.form-control,
.modal-input-form textarea.form-control {
    height: 75px;
}
.modal-input-form .form-group label {
    margin-bottom: 0;
}
.modal-input-form .form-group a.delete-btn {
    font-size: 12px;
    float: right;
}
.modal-input-form .form-group a.delete-btn .svg-inline--fa {
    color: #777;
}
.modal-input-form .form-group a.delete-btn:hover .svg-inline--fa {
    color: #1d77bb;
}
.modal-input-form .opportunities-post-bid-form .post-bid-white-bg.width-increase.post-left-img-box {
    padding: 30px 60px 0px 60px;
}
.modal-input-form-singal-box .modal-radio-list {
    padding-top: 5px;
}
.modal-input-form-singal-box .modal-radio-list .custom-radio {
    display: inline-block;
    margin-right: 15px;
}
/*.pending-approved-switch .modal-toggleWrapper {
  position: relative;
  overflow: hidden;
  padding: 0 72px;
}
.pending-approved-switch .modal-toggleWrapper input {
  position: absolute;
  left: -99em;
}
.pending-approved-switch .modal-toggleWrapper .toggle {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 54px;
  height: 28px;
  background-color: #37b34a;
  border-radius: 15px;
  margin: 0;
  transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.pending-approved-switch .modal-toggleWrapper .toggle:after {
  content: 'Pending';
  position: absolute;
  left: -70px;
  top: 2px;
  font-weight: bold;
  color: #333;
}
.pending-approved-switch .modal-toggleWrapper .toggle:before {
  content: 'Approved';
  position: absolute;
  right: -62px;
  top: 2px;
  color: #333;
}
.pending-approved-switch .modal-toggleWrapper .toggle-handler {
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 50px;
  transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.pending-approved-switch .modal-toggleWrapper input:checked + .toggle {
  background-color: #999;
}
.pending-approved-switch .modal-toggleWrapper input:checked + .toggle:before {
  color: #333;
  font-weight: normal;
}
.pending-approved-switch .modal-toggleWrapper input:checked + .toggle:after {
  color: #333;
  font-weight: bold;
}
.pending-approved-switch .modal-toggleWrapper input:checked + .toggle .toggle-handler {
  background-color: #fff;
  transform: translate3d(26px, 0, 0) rotate(0);
}
.pending-approved-switch .modal-toggleWrapper input:checked + .toggle .toggle-handler .crater {
  opacity: 1;
}
*/

.pending-approved-switch .modal-toggleWrapper {
position: relative;
overflow: hidden;
padding: 0 78px;
}
.pending-approved-switch .modal-toggleWrapper input {
position: absolute;
left: -99em;
}
.pending-approved-switch .modal-toggleWrapper .toggle {
cursor: pointer;
display: inline-block;
position: relative;
width: 54px;
height: 28px;
background-color: #37b34a;
border-radius: 15px;
margin: 0;
transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.pending-approved-switch .modal-toggleWrapper .toggle:before {
content: 'Approved';
position: absolute;
left: -78px;
top: 3px;
font-weight: bold;
color: #333;
}
.pending-approved-switch .modal-toggleWrapper .toggle:after {
content: 'Pending';
position: absolute;
right: -64px;
top: 3px;
color: #333;
}
.pending-approved-switch .modal-toggleWrapper .toggle-handler {
display: inline-block;
position: relative;
z-index: 1;
top: 3px;
left: 3px;
width: 22px;
height: 22px;
background-color: #fff;
border-radius: 50px;
transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.pending-approved-switch .modal-toggleWrapper input:checked + .toggle {
background-color: #999;
}
.pending-approved-switch .modal-toggleWrapper input:checked + .toggle:before {
color: #333;
font-weight: normal;
}
.pending-approved-switch .modal-toggleWrapper input:checked + .toggle:after {
color: #333;
font-weight: bold;
}
.pending-approved-switch .modal-toggleWrapper input:checked + .toggle .toggle-handler {
background-color: #fff;
transform: translate3d(26px, 0, 0) rotate(0);
}
.pending-approved-switch .modal-toggleWrapper input:checked + .toggle .toggle-handler .crater {
opacity: 1;
}
/* research-status-switch */
.research-status-switch .modal-toggleWrapper {
  position: relative;
  overflow: hidden;
  padding: 0 78px;
}
.research-status-switch .modal-toggleWrapper input {
  position: absolute;
  left: -99em;
}
.research-status-switch .modal-toggleWrapper .toggle {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 54px;
  height: 28px;
  background-color: #37b34a;
  border-radius: 15px;
  margin: 0;
  transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.research-status-switch .modal-toggleWrapper .toggle:before {
  content: 'Completed';
  position: absolute;
  left: -78px;
  top: 3px;
  font-weight: bold;
  color: #333;
}
.research-status-switch .modal-toggleWrapper .toggle:after {
  content: 'Ongoing';
  position: absolute;
  right: -64px;
  top: 3px;
  color: #333;
}
.research-status-switch .modal-toggleWrapper .toggle-handler {
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 50px;
  transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.research-status-switch .modal-toggleWrapper input:checked + .toggle {
  background-color: #999;
}
.research-status-switch .modal-toggleWrapper input:checked + .toggle:before {
  color: #333;
  font-weight: normal;
}
.research-status-switch .modal-toggleWrapper input:checked + .toggle:after {
  color: #333;
  font-weight: bold;
}
.research-status-switch .modal-toggleWrapper input:checked + .toggle .toggle-handler {
  background-color: #fff;
  transform: translate3d(26px, 0, 0) rotate(0);
}
.research-status-switch .modal-toggleWrapper input:checked + .toggle .toggle-handler .crater {
  opacity: 1;
}
.modal-skill-slider .carousel-indicators {
    bottom: 0px;
    margin: 0;
}
.modal-skill-slider .carousel-indicators li {
    background-color: #d9d9d9;
    width: 9px;
    height: 9px;
    border-radius: 100%;
}
.modal-skill-slider .carousel-indicators .active {
    background-color: #37b34a;
}
.modal-skill-slider .carousel-control-next,
.modal-skill-slider .carousel-control-prev {
    width: 30px;
    top: -5px;
}
.modal-skill-slider .carousel-control-next-icon,
.modal-skill-slider .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    color: #000;
    background-image: none !important;
    z-index: 1;
    background: #999999;
    border-radius: 100%;
    line-height: 32px;
    font-size: 18px;
}
.modal-skill-slider .carousel-control-prev {
    left: -45px;
}
.modal-skill-slider .carousel-control-next {
    right: -45px;
}
.modal-input-form .modal-radio-list {
    padding-top: 5px;
}
.modal-input-form .opportunities-post-bid-form .form-group .modal-radio-list .custom-control.custom-radio {
    margin: 0 15px 0 0px;
}
.range-slider-main.salary .irs-from,
.range-slider-main.salary .irs-to,
.range-slider-main.salary .irs-single {
    bottom: -12px;
    top: auto;
}
.range-slider-main.bonus .irs-from,
.range-slider-main.bonus .irs-to,
.range-slider-main.bonus .irs-single {
    bottom: -12px;
    top: auto;
}
.attachment-icon {
    position: relative;
}
.attachment-icon .svg-inline--fa {
    position: absolute;
    right: 15px;
    top: 31px;
    color: #999;
}
.modal-input-form-singal-box {
    padding-right: 0px !important;
}
.modal-input-form-singal-box .bootstrap-datetimepicker-widget.dropdown-menu {
    min-width: 300px;
}
.modal-input-form .bootstrap-datetimepicker-widget.dropdown-menu {
    min-width: 300px;
}
.matched-bids-box.progres-ellipsis-increase ul li .progres-ellipsis:hover {
    width: 190px;
}
.matched-bids-box.progres-ellipsis-increase ul li .progres-ellipsis .item-overlay {
        width: 190px;
}
.matched-bids-container .matched-bids-box.progres-ellipsis-increase .works-delight.list-card-view .progres-ellipsis .item-overlay ul li ul.sub-menu {
    width: 290px;
}
.matched-bids-container .matched-bids-list-view.ellipsis-increase .progres-ellipsis .item-overlay:hover {
    width: 190px;
}
.matched-bids-container .matched-bids-list-view.ellipsis-increase .progres-ellipsis .item-overlay {
        width: 190px;
}
.matched-bids-box.progres-ellipsis-increase.organization-ellipsis-increase ul li .progres-ellipsis:hover {
    width: 215px;
}
.matched-bids-box.progres-ellipsis-increase.organization-ellipsis-increase ul li .progres-ellipsis .item-overlay {
        width: 215px;
}
.matched-bids-container .matched-bids-list-view.ellipsis-increase.organization-ellipsis-increase .progres-ellipsis:hover .item-overlay {
    width: 215px;
}
.matched-bids-container .matched-bids-list-view.ellipsis-increase.organization-ellipsis-increase .progres-ellipsis .item-overlay {
     width: 215px;
}

/* Filter Css */
.form-group-icon {
    position: relative;
}
.form-group-icon .svg-inline--fa {
    position: absolute;
    right: 10px;
    bottom: 9px;
    color: #999;
    font-size: 16px;
}
.matched-bids-filter-box.column-layout {
    padding: 0px 15px 0 15px;
}
.matched-bids-filter-box.column-layout .filter-box-gradient:first-child {
    border-left: none;
}
.matched-bids-filter-box.column-layout .filter-box-gradient {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.matched-bids-filter-box.column-layout .filter-box-column {
    padding-top: 10px;
}
.matched-bids-filter-box.column-layout h2 {
    margin: 0px 0 14px 0;
}
.form-group.toggle-switch-yes-no .toggle-switch {
    display: inline-block;
    padding-left: 15px;
}
.matched-bids-filter-box .form-group.toggle-switch-yes-no .group-label {
    vertical-align: top;
    line-height: 30px;
}
.matched-bids-filter-box .custom-checkbox-list {
    padding-left: 15px;
}
.matched-bids-filter-box .custom-radio-list {
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
}
.matched-bids-filter-box.column-layout .datepicker-input-main .calendar-icon-inside {
    bottom: 3px;
    top: auto;
}
.horizontal-radio-list {
    padding-top: 5px;
}
.horizontal-radio-list .custom-radio {
display: inline-block;
padding-right: 8px;
}
.horizontal-radio-list .custom-radio:last-child {
    padding-right: 0;
}
.matched-bids-filter-box textarea.form-control {
    height: 65px;
}
.matched-bids-filter-box .range-slider-main.budget .form-group {
    min-width: 70px;
}
.matched-bids-filter-box .range-slider-main.budget .range-slider-inner {
    padding-left: 70px;
}
.matched-bids-filter .bootstrap-datetimepicker-widget.dropdown-menu {
    min-width: 300px;
}
/**/
.ongoing-completed-switch .modal-toggleWrapper {
  position: relative;
  overflow: hidden;
  padding: 0 80px;
}
.ongoing-completed-switch .modal-toggleWrapper input {
  position: absolute;
  left: -99em;
}
.ongoing-completed-switch .modal-toggleWrapper .toggle {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 54px;
  height: 28px;
  background-color: #37b34a;
  border-radius: 15px;
  margin: 0;
  transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.ongoing-completed-switch .modal-toggleWrapper .toggle:before {
  content: 'Completed';
  position: absolute;
  left: -78px;
  top: 2px;
  font-weight: bold;
  color: #333;
}
.ongoing-completed-switch .modal-toggleWrapper .toggle:after {
  content: 'Ongoing';
  position: absolute;
  right: -65px;
  top: 2px;
  color: #333;
}
.ongoing-completed-switch .modal-toggleWrapper .toggle-handler {
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 50px;
  transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.ongoing-completed-switch .modal-toggleWrapper input:checked + .toggle {
  background-color: #999;
}
.ongoing-completed-switch .modal-toggleWrapper input:checked + .toggle:before {
  color: #333;
  font-weight: normal;
}
.ongoing-completed-switch .modal-toggleWrapper input:checked + .toggle:after {
  color: #333;
  font-weight: bold;
}
.ongoing-completed-switch .modal-toggleWrapper input:checked + .toggle .toggle-handler {
  background-color: #fff;
  transform: translate3d(26px, 0, 0) rotate(0);
}
.ongoing-completed-switch .modal-toggleWrapper input:checked + .toggle .toggle-handler .crater {
  opacity: 1;
}
.mobile-topbar {
    display: none;
}
.select-all.sdsr-search-results {
    width: 370px;
    margin: 0 auto;
}
.load-more {
    text-align: center;
}
.load-more .btn:focus {
    box-shadow:none;
}
.load-more .btn {
    color: #777;
    display: inline-flex;
}
.load-more .btn .svg-inline--fa.fa-spinner {
    font-size: 30px;
}
.fa-spinner.fa-spin {
    display: none;
}
.matched-bids-filter-search {
    position: relative;
    width: 100%;
    display: none;
    border: 1px solid #ddd;
    position: relative;
    margin-bottom: 15px;
    padding: 15px;
}
.matched-bids-filter-search .btn {
    min-width:inherit;
    padding: 0.45rem 20px;
}
.modal-mobile-open .modal-footer {
    display: block;
}
.modal-mp-filter-box {
    /*padding: 15px;
    background: #fff;
    border: 1px solid #ddd;*/
    width: 100%;
    display: inline-block;
    position: relative;
}
.modal-mp-filter-box.companies-filter-box {
    display: none;
}
.modal-more-person .modal-mp-filter-item-main {

}
.modal-more-person .modal-mp-filter-item-main {
    display: inline-block;
    width: 100%;
}
.modal-more-person .modal-mp-filter-item-list-box {
    margin: 0 -1% 0 0;
    padding: 0;
    list-style: none;
    width: 101%;
    display: inline-block;
}
.modal-more-person .modal-mp-filter-item {
    float: left;
    width: 24%;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    margin-right: 1%;
    margin-bottom: 1%;
    background-color: #fff;
    min-height: 105px;
    padding: 0px 12px 0px 0px;
    position: relative;
    border-radius: 2px;
}
.modal-more-person .modal-mp-filter-item-img {
    float: left;
    margin: 0 12px 0 0;
    background: #edf0f3;
    padding: 12px;
    min-height: 105px;
}
.modal-more-person .modal-mp-filter-item-img img {
    width: 40px;
    height: 40px;
    margin: 20px 0;
    border-radius: 100%;
}
.modal-more-person .modal-mp-filter-item-detail {
    padding: 10px 58px 0 0px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.modal-more-person .modal-mp-filter-item-detail h2 {
    font-size: 17px;
    font-weight: bold;
    color: #37b34a;
    text-transform: none;
    margin: 0;
    padding: 0;
    display: inline;
}
.modal-more-person .modal-mp-filter-item-detail h2 a {
    color: #37b34a;
    text-decoration: none;
}
.modal-more-person .modal-mp-filter-item-detail .experiance {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    line-height: 16px;
}
.modal-more-person .modal-mp-filter-item-detail .location {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    font-style: italic;
    line-height: 16px;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon {
    padding: 5px 0 0 0px;
    float: left;
    margin-bottom: 7px;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li {
    float: left;
    margin-right: 4px;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li a {
    width: 24px;
    height: 24px;
    border: 1px solid #777;
    font-size: 12px;
    font-weight: bold;
    color: #777;
    border-radius: 100%;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    position: relative;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li:hover a {
   border: 1px solid #1d77bb;
   color: #1d77bb;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li span.following-match-icon {
    background: url(../images/black-match-icon.png);
    background-size: 14px;
    display: inline-block;
    width: 22px;
    height: 22px;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: 50%;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li.active span.following-match-icon {
    opacity: 1;
    background: url(../images/black-match-icon-white.png);
    background-size: 14px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li span.following-claim-icon {
    background: url(../images/black-icon-file-time.png);
    background-size: 14px;
    display: inline-block;
    width: 22px;
    height: 22px;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: 50%;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li.active span.following-claim-icon {
    opacity: 1;
    background: url(../images/black-icon-file-time-white.png);
    background-size: auto 14px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li span.following-follow-icon {
    background: url(../images/black-icon-user-plus.png);
    background-size: 12px;
    display: inline-block;
    width: 22px;
    height: 22px;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: 50%;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li:hover span.following-follow-icon {
    opacity: 1;
    background: url(../images/black-icon-user-plus-blue.png);
    background-size: 12px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li span.following-endorse-icon {
    background: url(../images/black-icon-aword.png);
    background-size: 12px;
    display: inline-block;
    width: 22px;
    height: 22px;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: 50%;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li.active span.following-endorse-icon {
    opacity: 1;
    background: url(../images/black-icon-aword-white.png);
    background-size: 12px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li span.following-recommend-icon {
    background: url(../images/black-icon-user-right.png);
    background-size: 12px;
    display: inline-block;
    width: 22px;
    height: 22px;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: 50%;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li:hover span.following-recommend-icon {
    opacity: 1;
    background: url(../images/black-icon-user-right-blue.png);
    background-size: 12px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
}
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li.comment-icon a,
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li.rate-icon a,
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li.like-icon a { line-height: 22px; }
.modal-more-person .modal-mp-filter-item .modal-mp-following-icon ul.modal-mp-following-icon-list li.active a {
    background: #1d77bb;
    border: 1px solid #1d77bb;
    color: #fff;
}
.modal-more-person .modal-mp-filter-item-right {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 46px;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match {
    position: absolute;
    left: 0;
    top: 0;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match .match-overlay {
    z-index: 2;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match a.match-icon {
    width: 26px;
    height: 26px;
    border: 1px solid #1b75bb;
    font-size: 14px;
    font-weight: bold;
    color: #1b75bb;
    border-radius: 100%;
    display: inline-block;
    line-height: 26px;
    text-align: center;
    z-index: 1;
    position: relative;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match:hover {
    padding-bottom: 10px;
    /*width: 240px;*/
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match:hover a.match-icon {
    float: right;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match:hover .match-overlay {
    display: inline-block;
    top: 33px;
    right: 5px;

}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match.top:hover {
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: -10px;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match.top .match-overlay {
    bottom: 32px;
    top: auto;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match.top .match-overlay:before {
    bottom: -8px;
    border-top-color: #ddd;
    border-bottom: none;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match.top .match-overlay:after {
    bottom: -6px;
    border-top-color: #fff;
    border-bottom: none;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match-bubbles {
    width: 46px;
    float: left;
    position: relative;
    margin-top: -4px;
    height: 26px;
    margin-bottom: 3px;
}
.modal-more-person .modal-mp-filter-item-right .progres-ellipsis {
    right: 12px;
    top: 30px;
}
.modal-more-person .modal-mp-filter-item-right .progres-ellipsis .item-overlay {
    z-index: 2;
    width: 190px;
}
.modal-more-person .modal-mp-filter-item-right .progres-ellipsis.top {
    height: auto;
    padding-top: 10px;
    top: 37px;
}
.modal-more-person .modal-mp-filter-item-right .progres-ellipsis.top .item-overlay {
    bottom: 28px;
}
.modal-more-person .modal-mp-filter-item-right .progres-ellipsis a.ellipsis-link {
    background: transparent;
}
.modal-more-person .modal-mp-filter-item-right .progres-ellipsis:hover a.ellipsis-link {
    background: #535762;

}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match-cf {
    width: 47px;
    float: right;
    text-align: center;
    margin-top: 0px;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match-claim {
    position: absolute;
    top: 0px;
    right: 0;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match-claim a {
    width: 26px;
    height: 26px;
    border: 1px solid #37b34a;
    font-size: 16px;
    font-weight: bold;
    color: #37b34a;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match-claim img {
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-top: 4px;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match-cf .modal-mp-filter-match-follow a {
    /*background-color: #37b34a;*/
    font-size: 12px;
    color: #1b75bb;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    padding: 0px 5px;
    border: 1px solid #1b75bb;
    line-height: 16px;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match-cf .modal-mp-filter-match-follow a:hover {
    text-decoration: none;
    color: #37b34a;
    border: 1px solid #37b34a;
}
.modal-more-person .modal-mp-filter-item-right .modal-mp-filter-match-cf .modal-mp-filter-match-follow img {
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin-right: 3px;
    margin-top: 3px;
    display: none;
}
.mp-load-more-icon {
    text-align: center;
    color: #fff;
    padding: 15px;
    position: relative;
    width: 100%;
    font-size: 10px;
    opacity: 0.8;
    margin-top: -25px;
}
.modal-title-ec {
    width: 300px;
    float: left;
    text-align: center;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0 auto;
    margin-top: 0px;
}
.modal-title-ec h2 {
    font-size: 24px;
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: none;
    line-height: normal;
    display: inline-block;
}
.modal-title-ec h2 span {
    background: #eb3b48;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    margin-left: 5px;
    vertical-align: top;
    margin-top: 7px;
}
.more-person-modal-header {
    width: 100%;
    display: inline-block;
    position: relative;
}
.modal-title-ec .modal-previous {
    float: left;
}
.modal-title-ec .modal-next {
    float: right;
}
.modal-title-ec .modal-previous a,
.modal-title-ec .modal-next a {
    color: #fff;
    font-size: 24px;
    width: 30px;
    display: inline-block;
}
.body-overflow-hidden { overflow: hidden; }
.body-overflow-hidden .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-more-person {
  /*transform: scale(0);*/
  opacity: 0;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  margin-top: 30px;
}
.modal-more-person.show {
  opacity: 1;
  /*transform: scale(1);*/
}
.modal.modal-more-person.fade .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.modal-title-ec .monal-navigate {
    padding-top: 10px;
}
.modal-title-ec .monal-navigate ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.modal-title-ec .monal-navigate ul li {
    display: inline-block;
    margin:0 3px;
}
.modal-title-ec .monal-navigate ul li a {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: rgba(255,255,255,0.8);
    float: left;
}
.modal-title-ec .monal-navigate ul li:hover a,
.modal-title-ec .monal-navigate ul li a.active {
        background: #37b34a;
}
.matched-bids-container .progres-ellipsis .item-overlay ul li .sub-menu li {
    line-height: 16px;
}
.matched-bids-container .progres-ellipsis .item-overlay ul li .sub-menu h3.ellipsis-sub-menu-title  {
    font-size: 16px;
    background: #69717e;
    color: #fff;
    padding: 5px;
    margin-top: -5px;
    margin-bottom: 5px;
    text-align: center;
}
.matched-bids-container .progres-ellipsis .item-overlay ul li .sub-menu.sub-menu-list h3.ellipsis-sub-menu-title  {
    margin-left: -25px;
}

.progres-ellipsis .item-overlay li .sub-menu.sub-menu-list {
    list-style: disc;
    padding-left: 25px !important;
}
.progres-ellipsis .item-overlay ul li ul.sub-menu.sub-menu-list li {
    padding-left: 0;
    line-height: 16px;
    padding-bottom: 8px;
}
.progres-ellipsis .item-overlay ul li ul.sub-menu.sub-menu-list li label {
    margin: 0;
    font-weight: bold;
    width: 100px;
    float: left;
}
.progres-ellipsis .item-overlay ul li ul.sub-menu.sub-menu-list li span {
    display: block;
    padding-left: 110px;
}
.item-overlay ul li.border-top {
    border-top: 1px solid #ddd;
        padding-top: 4px !important;
    margin-top: 4px !important;
}
.ds-social-right-who-to .ds-resource-profile-map-list .skills-box-list .ellipsis-icon {
    right: 10px;
}
.ds-social-right-who-to .ds-resource-profile-map-list .skills-box-list .ellipsis-icon .item-overlay li .sub-menu {
    left: -260px;
}
.ds-resource-profile-map-list .ds-resource-profile-list-scroll .skills-box-list .ellipsis-icon {
    margin-top: 10px;
    right: 10px;
    margin-right: 0;
}
.ds-resource-profile-map-list .ds-resource-profile-list-scroll .skills-box-list .ellipsis-icon.top {
    padding-top: 10px;
    margin-top: 0px;
}
.ds-resource-profile-map-list .ds-resource-profile-list-scroll .skills-box-list .ellipsis-icon.top:hover .item-overlay {
    bottom: 26px;
}
.ds-resource-profile-map-list .ds-resource-profile-list-scroll .skills-box-list .ellipsis-icon .item-overlay {
        width: 190px;
}
.ds-resource-profile-map-list .ds-resource-profile-list-scroll .skills-box-list .ellipsis-icon .item-overlay li .sub-menu {
    left: -260px;
}
.ds-right-skill-mate {
    margin-top: 30px;
    float: left;
    width: 100%;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    background: #fff;
    padding: 20px 15px;
}
.ds-right-skill-mate .heading {
    margin: 0 0 20px 0;
    display: inline-block;
}
.ds-right-skill-mate .ds-right-upcoming-events-see-all {
    float: right;
}
.ds-right-skill-mate .ds-resource-profile-map-list {
    width: 100%;
    padding-left: 0px;
}
.ds-right-skill-mate .ds-resource-profile-map-list .skills-box-list {
    padding-right: 0%;
}
.ds-right-skill-mate .ds-resource-profile-map-list .skills-box-list li .ellipsis-icon {
    margin-top: 10px;
    right: 10px;
    margin-right: 0;
}
.ds-right-skill-mate .ds-resource-profile-map-list .skills-box-list li .ellipsis-icon .item-overlay li:hover .sub-menu {
    left: -260px;
}
.matched-bids-box ul li.matched-bids-box-item {
    position: relative;
}
.header_view.matched-bids-box ul li.matched-bids-box-item {
    min-height: inherit;
    height: 88px;
}
.matched-bids-box ul li.matched-bids-box-item:hover .claim-button-on-hover {
 opacity: 1;
}
.claim-button-on-hover.no-bottom{
    right: 0px;
}
.matched-bids-box ul li .works-delight.list-card-view .claim-button-on-hover {
    bottom: 32px;
}
.claim-button-on-hover {
    position: absolute;
    right: 3px;
    top: 12px;
    opacity: 0;
}
.tagged-skills {
    /* bottom: 27px; */
    opacity: 0;
}
.edit_post{
    display: inline-block;
}
.header_view .claim-button-on-hover{
    top: 22px;
}
.header_view .claim-button-on-tagged{
    top: 23px;
}
.claim-button-on-tagged a:hover {
    color: #1d76bb;
    text-decoration: underline;
}

/* .matched-bids-box ul li.matched-bids-box-item:hover .claim-button-on-tagged.hover {
    opacity: 1;
} */
.matched-bids-box.header_view ul li.matched-bids-box-item:hover .tagged-skills.hover {
    opacity: 1;
}
.matched-bids-box-item.box1.card_view .works-delight-detail {
    padding: 0 100px 0 0px;
}

a.tagged-skills svg{
    color: transparent;
    stroke: #1d76bb;
    stroke-width: 32px;
}
a.tagged-skills.tagged svg{
    color: #1d76bb;
    stroke: transparent;
    stroke-width: unset;
}

.claim-button-on-hover a {
    /*background: #edf0f3;*/
    color: #1d76bb;
    border-radius: 3px;
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: 20px;
    display: inline-block;
    letter-spacing: 1px;
}
.claim-button-on-hover .fa-user-plus {
    font-size: 0.95em;
}
.claim-button-on-hover.m-right a{
    font-size: 25px;
    padding: 0 7px;
}

.claim-button-on-hover a:hover {
    text-decoration: none;
}
.matched-bids-list-view .matched-bids-list-view-main .claim-button-on-hover {
    top: 12px;
    bottom: auto;
}
.matched-bids-list-view .matched-bids-list-view-main:hover .claim-button-on-hover {
 opacity: 1;
}
.matched-bids-box.dashboard-skills-chart {
    padding-bottom: 20px;
    margin: 0 0 0 0px;
    width: 100%;
    z-index: 9;
    position: relative;
}
#ds-owl-slide,#ds-owl-vms-slide {
    margin: 0px;
}

#ds-owl-slide .matched-bids-box-item,#ds-owl-vms-slide .matched-bids-box-item{
    width: 100%;
    /*margin-right: 0px;
    margin-left: 20px;*/
    margin-bottom: 20px;
    width: 100%;
    /*width: auto;*/
    margin-right: 0;
  }

  /* #ds-owl-vms-slide .matched-bids-box-item {
    max-width: 23.8% !important;
  } */

#ds-owl-slide.owl-carousel .owl-wrapper-outer .owl-item, #ds-owl-vms-slide.owl-carousel .owl-wrapper-outer .owl-item {
    padding: 0 10px;
}
#ds-owl-vms-slide.owl-carousel .owl-wrapper-outer .owl-item {
  padding-left: 0;
}


.owl-theme .owl-controls .owl-page span {
    display: block;
    border-radius: 20px;
    cursor: pointer;
 }
 .owl-pagination {
    text-align: center;
    padding-top: 10px;
}
.owl-page {
    display: inline-block;
    zoom: 1;
}

#ds-owl-slide.owl-theme .owl-controls .owl-pagination,#ds-owl-vms-slide.owl-theme .owl-controls .owl-pagination {
    position: relative;
    text-align: center;
    /*width: 101%;*/
    bottom: -10px;
}
#ds-owl-slide.owl-theme.owl-theme .owl-controls .owl-page.active span,
#ds-owl-slide.owl-theme.owl-theme .owl-controls.clickable .owl-page:hover span,
#ds-owl-vms-slide.owl-theme.owl-theme .owl-controls .owl-page.active span,
#ds-owl-vms-slide.owl-theme.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #37b34a;
}
#ds-owl-slide.owl-theme .owl-controls .owl-page span,
#ds-owl-vms-slide.owl-theme .owl-controls .owl-page span{
    background: #999999;
    width: 10px;
    height: 10px;
    margin: 0px 3px;
    opacity: 1;
}
#ds-owl-slide.owl-theme .owl-controls .owl-buttons,
#ds-owl-vms-slide.owl-theme .owl-controls .owl-buttons{
    display: none;
}
#ds-owl-slide.owl-theme .owl-controls .owl-buttons .owl-prev ,
#ds-owl-vms-slide.owl-theme .owl-controls .owl-buttons .owl-prev{
    left: -0px;
}
#ds-owl-slide.owl-theme .owl-controls .owl-buttons .owl-next,
#ds-owl-vms-slide.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -15px;
}
#ds-owl-slide.owl-theme .owl-controls .owl-buttons div,
#ds-owl-vms-slide.owl-theme .owl-controls .owl-buttons div {
    background: #999999;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    position: absolute;
    top: 40%;
    z-index: 9;
    border-radius: 30px;
    opacity: .5;
}
#ds-owl-slide.owl-carousel:hover .owl-buttons,
#ds-owl-vms-slide.owl-carousel:hover .owl-buttons
 {
    display: block;
}
#ds-owl-slide.owl-carousel .owl-wrapper-outer,
#ds-owl-vms-slide.owl-carousel .owl-wrapper-outer {
    z-index: 5;
}
#ds-owl-slide.owl-carousel .owl-wrapper-outer.hover,
#ds-owl-vms-slide.owl-carousel .owl-wrapper-outer.hover{
    overflow: visible;
}
.ds-related-skills .matched-bids-box ul li .works-delight .works-delight-detail h2 a {
    color: #333;
    font-size: 16px;
    text-transform: none;
}

.dashboard-skills-right .calendar .heading {
    text-align: left;
}

/* Modal Claim */
.modal-claim-successful,.modal-claim-notification,.modal-interest-volunteers-event2 {
    padding-right: 0 !important;
}
.modal-claim-successful .modal-header,.modal-claim-notification .modal-header,.modal-interest-volunteers-event2 .modal-header{
    padding: 0.5rem 1rem;
    background: #69717e;
    color: #fff;
}
.modal-claim-successful .modal-header .close, .modal-claim-notification .modal-header .close,.modal-interest-volunteers-event2 .modal-header .close{
    opacity: 1;
    text-shadow: none;
    outline: 0;
}
.modal-claim-successful .modal-header .close span, .modal-claim-notification .modal-header .close span,.modal-interest-volunteers-event2 .modal-header .close span {
    color: #fff;
}

.modal-claim-successful .claim-successful-box {

}
.modal-claim-successful .claim-successful-box ul,.modal-claim-notification .claim-successful-box ul, .modal-interest-volunteers-event2 .claim-successful-box ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item
{
    background-color: #edf0f3;
    min-height: 75px;
    padding-top: 10px;
    position: relative;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year label,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year label,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year label {
    margin: 0;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year {
    position: absolute;
    right: 12px;
    top: 8px;
    margin: 0;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img
 {
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin: 6px 0px 0 10px;
    width: 40px;
    height: 40px;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img img,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img img,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img img{
    width: 40px;
    height: 40px;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail{
    padding: 0px 12px 0px 12px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail {
    padding-right: 135px;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star {
    position: absolute;
    right: 12px;
    top: 16px;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a.star-green,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a.star-green,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a.star-green
 {
    color: #37b34a;
    margin: 0;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a{
    color: #cccccc;
    font-size: 16px;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a:hover,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a:hover,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a:hover{
    color: #37b34a;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2{
    font-size: 16px;
    font-weight: bold;
    white-space: normal;
    color: #2bab58;
    margin: 0;
    padding: 0;
    display: flex;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .new,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .new,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .new{
    background: #eb3b48;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    padding: 2px 5px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 5px;
    height: 16px;
    font-weight: normal;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2 a,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2 a,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2 a{
    color: #2bab58;
    text-decoration: none;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: block;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .experiance,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .experiance,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .experiance{
    font-size: 13px;
    color: #777;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    line-height: 16px;
}
.modal-claim-successful .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .location,
.modal-claim-notification .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .location,
.modal-interest-volunteers-event2 .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .location {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    font-style: italic;
    line-height: 16px;
}
.matched-bids-heading .star {
    display: inline-block;
    padding-left: 5px;
}
.matched-bids-heading .star a.star-green {
    color: #37b34a;
    margin: 0;
}
.matched-bids-heading .star a {
    margin: 0;
    padding: 0;
    color: #cccccc;
    font-size: 16px;
}
.matched-bids-heading .star a:hover {
    color: #37b34a;
}

/* Live Chat */
.live-chat-btn.online-green .svg-inline--fa {
    color: #37b34a;
}
.live-chat-btn.online-gray .svg-inline--fa {
    color: #999;
}

.live-chat-bottom-right {
    position: fixed;
    width: 440px;
    right: 15px;
    bottom: 0%;
    box-shadow: 0 0 5px rgba(0,0,0,0.30);
    transition: none;
    display: none;
    z-index: 10;
}
.live-chat-bottom-right .icon-plus {
    display: none;
}
.live-chat-bottom-right .all-chat-message {
    margin-left: 0px;
    width: 100%;
    padding-bottom: 35px;
    min-height: inherit;
    transition:none;
}
.live-chat-bottom-right .chat-heading {
    padding: 0px 15px;
    z-index: 1;
    position: absolute;
    width: 100%;
    background: #2d84c9;
    height: 40px;
    line-height: 40px;
}
.live-chat-bottom-right .chat-heading a {
    font-size: 18px;
    color: #fff;
}
.live-chat-bottom-right .chat-icon-heading {
    margin-top: 10px;
}
.live-chat-bottom-right span.chat-icon-heading a {
    font-size: 16px;
    margin-left: 10px;
}
.live-chat-bottom-right .chat-message-list
 {
    padding: 50px 10px 0 10px;
    background: #fff;
    height: 350px;
    overflow-y: scroll;
    margin-top: 35px;
}
.live-chat-bottom-right .chat-message-list ul li .avatar {
    margin-right: 10px;
}
.live-chat-bottom-right .chat-message-list .msj {
    margin-right: 0px;
    padding-right: 15px;
}
.live-chat-bottom-right .chat-message-list ul li .msj-text {
    padding: 5px 0 5px 0px;
}

.live-chat-bottom-right .type-msj {
    padding: 0 15px 0 15px;
    width: 100% !important;
    height: 40px;
    position: absolute;
}
.live-chat-bottom-right .type-msj input {
    margin: 0 15px;
    width: calc(100% - 115px);
}
.live-chat-bottom-right .type-msj .msj-send-icon {
    width: 30px;
    height: 30px;
    margin-left: 15px;
    min-width: 30px;
}
.live-chat-bottom-right .type-msj input.type-home-input {
    width: calc(100% - 45px);
}


.live-chat-bottom-right .type-msj a.align-self-center .fa-smile {
    margin-top: 5px;
}
.live-chat-bottom-right .type-msj .attach-icon {
    width: 18px;
    height: 18px;
}
.live-chat-bottom-right .chat-message-list ul li {
    padding-bottom: 35px;
}
.matched-bids-box ul li.matched-bids-box-item .new {
    background: #eb3b48;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    padding: 2px 5px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 3px;
    height: 16px;
    font-weight: normal;
}
.bids-list-view-box .new {
   background: #eb3b48;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    padding: 2px 5px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 3px;
    height: 16px;
    font-weight: normal;
}
#ds-skills-pdofile {
    width: 100%;
    float: left;
}
.achievements-tab-content.tab-content.matched-bids-container {
    overflow: inherit;
    min-height: inherit;
}
.achievements-tab-content .ellipsis-icon {
    top: 10px;
}
.achievements-tab-content .ellipsis-icon .item-overlay {
    width: 215px;
}
.panel-collapse.matched-bids-container .progres-ellipsis .item-overlay {
    width: 215px;
}
.profile-service-skills #profile-service-skills .ellipsis-icon {
    top:6px;
    right: 12px;
}
.profile-service-skills .skills-box-list li .ellipsis-icon {
    top:6px;
    right: 0;
}
.profile-service-skills.matched-bids-container {
    padding: 0;
}
.skills-tab-section .skills-box-list .item-overlay {
    width: 210px;
}

/* Item Overlay Modal */
.modal-item-overlay {
    padding-right: 0 !important;
}

.modal-item-overlay .modal-header {
    padding: 0.5rem 1rem;
    background: #69717e;
    color: #fff;
}
.modal-claim-successful .modal-header .modal-title,
.modal-claim .modal-header .modal-title,
.modal-item-overlay .modal-header .modal-title {
    font-size: 1.2rem;
}
.modal-claim-successful .modal-dialog,
.modal-claim .modal-dialog,
.modal-item-overlay .modal-dialog {
    max-width: 520px;
}
.modal-selected-skills.modal-claim .modal-dialog {
    max-width: 650px;
}
.modal-item-overlay .modal-header .close {
    opacity: 1;
    text-shadow: none;
}
.modal-item-overlay .modal-header .close span {
    color: #fff;
}
.modal-item-overlay .claim-successful-box {

}
.modal-item-overlay .claim-successful-box ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item {
    background-color: #edf0f3;
    min-height: 75px;
    padding-top: 10px;
    position: relative;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year label {
    margin: 0;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year {
    position: absolute;
    right: 12px;
    top: 8px;
    margin: 0;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img {
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin: 6px 0px 0 10px;
    width: 40px;
    height: 40px;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img img {
    width: 40px;
    height: 40px;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail {
    padding: 0px 12px 0px 12px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail {
    padding-right: 135px;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star {
    position: absolute;
    right: 12px;
    top: 16px;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a.star-green {
    color: #37b34a;
    margin: 0;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star.yellow a.star-green {
    color: #ffbf00;
    margin: 0;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a {
    color: #cccccc;
    font-size: 16px;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star.yellow a:hover {
    color: #ffbf00;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a:hover {
    color: #37b34a;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2 {
    font-size: 16px;
    font-weight: bold;
    color: #2bab58;
    margin: 0;
    padding: 0;
    display: flex;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .new {
    background: #eb3b48;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    padding: 2px 5px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 5px;
    height: 16px;
    font-weight: normal;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2 a {
    color: #2bab58;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .experiance {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    line-height: 16px;
}
.modal-item-overlay .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .location {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    font-style: italic;
    line-height: 16px;
}
.modal-item-overlay-download h5.modal-title {
    line-height: 24px;
}
.modal-item-overlay .recommend-custom-radio {
    padding: 15px 0 0 0;
}
.modal-item-overlay .recommend-custom-radio .custom-control.custom-radio .custom-control-label span {
    background: #eb3b48;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    margin-left: 3px;
}
.modal-item-overlay .checkbox-name-list {
    height: 125px;
    border: 1px solid #eee;
    padding: 10px;
    margin-left: 25px;
}
.modal-item-overlay .checkbox-name-list.mCustomScrollbar .mCSB_container {
    padding-right: 15px;
}
.modal-item-overlay .checkbox-name-list .custom-control.custom-checkbox {
    min-height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
}
.modal-item-overlay .checkbox-name-list .custom-control.custom-checkbox .custom-control-label {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 30px;
}
.modal-item-overlay .checkbox-name-list .custom-control.custom-checkbox .custom-control-label:before {
    left: auto;
    right: 0rem;
}
.modal-item-overlay .checkbox-name-list .custom-control.custom-checkbox .custom-control-label:after {
    left: auto;
    right: 0rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.modal-item-overlay .checkbox-name-list .custom-control.custom-checkbox .contacts-image {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 10px;
    margin-left: -1.5rem;
}
.modal-item-overlay .checkbox-name-list .custom-control.custom-checkbox .contacts-image img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.modal-item-overlay .checkbox-name-list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.2);
}
.modal-item-overlay .modal-item-overlay-comment-box {
    padding: 10px 0;
}
.modal-item-overlay .modal-item-overlay-comment-box textarea {
    height: 80px;
}

.modal-claim-successful .dropdown-function-year {
    padding-top: 15px;
}
.modal-claim-successful .dropdown-function-year .form-group {
    margin-bottom: 0rem;
}

/* Dashboard Modal Claim */
.modal-claim {
    padding-right: 0 !important;
}
.modal-claim .modal-header {
    padding: 0.5rem 1rem;
    background: #69717e;
    color: #fff;
}
.modal-claim .modal-header .close {
    opacity: 1;
    text-shadow: none;
}
.modal-claim .modal-header .close span {
    color: #fff;
}

.modal-claim .claim-successful-box {

}
.modal-claim .claim-successful-box ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item {
    background-color: #edf0f3;
    min-height: 75px;
    padding-top: 10px;
    position: relative;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year label {
    margin: 0;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year {
    position: absolute;
    right: 12px;
    top: 8px;
    margin: 0;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img {
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin: 6px 0px 0 10px;
    width: 40px;
    height: 40px;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img img {
    width: 40px;
    height: 40px;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail {
    padding: 0px 12px 0px 12px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail {
    padding-right: 135px;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star {
    position: absolute;
    right: 12px;
    top: 16px;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a.star-green {
    color: #37b34a;
    margin: 0;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a {
    color: #cccccc;
    font-size: 16px;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a:hover {
    color: #37b34a;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2 {
    font-size: 16px;
    font-weight: bold;
    color: #2bab58;
    margin: 0;
    padding: 0;
    display: flex;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .new {
    background: #eb3b48;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    padding: 2px 5px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 5px;
    height: 16px;
    font-weight: normal;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2 a {
    color: #2bab58;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .experiance {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    line-height: 16px;
}
.modal-claim .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .location {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    font-style: italic;
    line-height: 16px;
}
.modal-claim .dropdown-function-year {
    padding-top: 15px;
}
.modal-claim .dropdown-function-year .form-group {
    margin-bottom: 0rem;
}
/* // Dashboard Modal Claim */

/* Sign in Page Modal */
.modal-signin.modal-claim {
    padding-left: 0 !important;
}
.modal-signin.modal-claim .modal-dialog {
    max-width: 900px;
}
.modal-signin.modal-claim .modal-header .modal-title {
    text-align: center;
    width: 100%;
}
.modal-signin.modal-claim .modal-content .modal-body {
    padding: 1rem 1rem 1rem 2rem;
}
.modal-signin.modal-claim .modal-content .modal-body .terms-content-scroll {
    height: 600px;
    overflow: hidden;
}
.modal-signin.modal-claim .modal-content .modal-body .terms-content {
    padding-right: 1rem;
}
.modal-signin.modal-claim .modal-footer {
   display: block;
}
.modal-signin.modal-claim .modal-content .modal-body .terms-content-scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.2);
}

/* // Sign in Page Modal */
.mfb-component__button--main.logout {
    line-height: 52px;
    text-align: center;
}
.mfb-component__button--main.logout .svg-inline--fa.fa-user-plus {
    position: relative;
    top: 2px;
    left: 2px;
}


/* Post Product Upload Slider */
.owl-carousel.post-product-upload.owl-theme {
    position: relative;
}
.owl-carousel.post-product-upload.owl-theme .owl-wrapper-outer {
    width: 100%;
    overflow: hidden;
}
.owl-carousel.post-product-upload.owl-theme .owl-wrapper-outer .owl-item {
    float: left;
}
.owl-carousel.post-product-upload.owl-theme .owl-controls {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
 }
.modal-input-form-singal-box .modal-post-product-box .post-product-main-box:hover .owl-carousel.post-product-upload.owl-theme .owl-controls .owl-buttons {
    display: block;
}
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-buttons {
    position: absolute;
    width: 100%;
    top: 65px;
    left: 0;
    display: none;
}
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-prev,
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-next {
    width: 30px;
    height: 30px;
    color: #000;
    background-image: none !important;
    z-index: 1;
    background: #999999;
    border-radius: 100%;
    line-height: 32px;
    font-size: 18px;
    position: absolute;
    text-align: center;
    opacity: 0.5;
    cursor: pointer;
}
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-next,
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-prev {
    width: 30px;
}
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-next {
    right: -40px;
}
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-prev {
    left: -40px;
}
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-next:hover,
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-prev:hover {
   opacity: 1;
}
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-pagination {
    position: relative;
    width: 100%;
    text-align: center;
    display: inline-block;
    top: -30px;
}
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-pagination .owl-page {
    display: inline-block;
}
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-pagination .owl-page span {
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background-color: #999;
    margin-right: 4px;
    margin-left: 4px;
    display: inline-block;
    cursor: pointer;
}
.owl-carousel.post-product-upload.owl-theme .owl-controls .owl-pagination .owl-page.active span {
    background-color: #37b34a;
}
.modal.modal-post-product-camera-icon .modal-header {
    background: transparent;
    color: #333;
    padding: 1rem;
}
.modal-post-product-camera-icon .modal-header .modal-title {
    width: 100%;
}
.modal-post-product-camera-icon .modal-body .post-product-upload-list-main {

}
.modal-post-product-camera-icon .modal-body .post-product-upload-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.modal-post-product-camera-icon .modal-body .post-product-upload-list > li {
    float: left;
    margin: 2% 2% 2% 2%;
    width: 21%;
    position: relative;
    margin-bottom: 30px;
}
.modal-post-product-camera-icon .modal-body .post-product-upload-list > li .post-product-upload-list-img {
    border: 1px solid #e8e8e8;
    z-index: 1;
    position: relative;
}
.modal-post-product-camera-icon .modal-body .post-product-upload-list > li .post-product-upload-list-img a span {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 26px;
    width: 26px;
    background: rgba(0, 0, 0, 0.6);
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.modal-post-product-camera-icon .modal-body .post-product-upload-list > li .post-product-upload-list-img .product-upload-checkbox {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
.modal-post-product-camera-icon .modal-body .post-product-upload-list > li:hover .post-product-upload-list-img .product-upload-checkbox {
    display: inline-block;
}
.upload-checkbox {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.upload-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.upload-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: rgba(0,0,0,0.5);
    border-radius: 100%;
}
.upload-checkbox input:checked ~ .checkmark, .upload-checkbox input.checkedCheckbox ~ .checkmark {
  background-color: #37b34a;
}
.upload-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.upload-checkbox input:checked ~ .checkmark:after, .upload-checkbox input.checkedCheckbox ~ .checkmark:after {
  display: block;
}
.upload-checkbox .checkmark:after {
  left: 7px;
    top: 2px;
    width: 6px;
    height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal-post-product-camera-icon .modal-body .post-product-upload-list > li .post-product-upload-list-img img {
    width: 100%;
    height: 159px;
}
.modal.modal-post-product-camera-icon.fade.show {
    background: rgba(0,0,0,0.9);
    padding-left: 0 !important;
}
.modal.modal-post-product-camera-icon .modal-dialog {
    max-width: 800px;
}
.modal.modal-post-product-camera-icon .post-product-upload-list .upload-list-overlay ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    border: 1px solid #e8e8e8;
    border-top: none;
    float: left;
    top: -33px;
    left: 0;
    position: absolute;
}
.modal.modal-post-product-camera-icon .post-product-upload-list .upload-list-overlay ul li {
    float: left;
    width: 25%;
}
.modal.modal-post-product-camera-icon .post-product-upload-list .upload-list-overlay ul li:last-child a {
    border: none;
}
.modal.modal-post-product-camera-icon .post-product-upload-list .upload-list-overlay ul li a {
    display: inline-block;
    border-right: 1px solid #e8e8e8;
    width: 100%;
}
.modal.modal-post-product-camera-icon .post-product-upload-list .upload-list-overlay ul li span {
    height: 32px;
    width: 100%;
    line-height: 32px;
    text-align: center;
    font-size: 20px;
    color: #aaa;
    display: inline-block;
}
.modal.modal-post-product-camera-icon .post-product-upload-list .upload-list-overlay ul li:hover span {
    color: #005cbf;
}
.modal.modal-post-product-camera-icon .post-product-upload-list .upload-list-overlay {
    float: left;
    width: 100%;
    position: relative;
}
.modal-post-product-camera-icon .modal-body .post-product-upload-list > li:hover .upload-list-overlay ul {
    top:0;
}

/* Slider Matched Bids Box */
.slider-matched-bids-box.owl-theme {
    position: relative;
    z-index: 1;

}
.slider-matched-bids-box.owl-theme.hover {
    z-index: 3;
}
.slider-matched-bids-box.owl-theme .owl-controls {
    margin: 0;
}
.slider-matched-bids-box.owl-theme .owl-controls .owl-pagination {
    display: none;
}
.slider-matched-bids-box.owl-theme .owl-controls .owl-buttons {
    position: absolute;
    width: 100%;
    top: 120px;
    left: 0;
    opacity: 0;
}
.slider-matched-bids-box.owl-theme:hover .owl-controls .owl-buttons {
    opacity: 1;
 }
.slider-matched-bids-box.owl-theme .owl-controls .owl-prev,
.slider-matched-bids-box.owl-theme .owl-controls .owl-next {
    width: 30px;
    height: 30px;
    color: #000;
    background-image: none !important;
    z-index: 1;
    background: #999999;
    border-radius: 100%;
    line-height: 32px;
    font-size: 18px;
    position: absolute;
    text-align: center;
    opacity: 0.5;
    cursor: pointer;
    padding: 0;
    top: 0px;
    margin: 0;
}
.slider-matched-bids-box.owl-theme .owl-controls .owl-next {
    right: 0px;
}
.slider-matched-bids-box.owl-theme .owl-controls .owl-prev {
    left: 0px;
}
.slider-matched-bids-box.owl-theme .owl-controls .owl-next:hover,
.slider-matched-bids-box.owl-theme .owl-controls .owl-prev:hover {
   opacity: 1;
}
.slider-matched-bids-box.owl-theme.hover .owl-wrapper-outer {
    overflow: visible;
}
.slider-matched-bids-box.owl-theme.hover .owl-wrapper-outer .owl-item {
    opacity: 0;
}
.slider-matched-bids-box.owl-theme.hover .owl-wrapper-outer .owl-item:first-child {
    opacity: 1;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img {
  overflow: hidden;
  width: 100%;
  height: 276px;
  /*position: relative;*/
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img .caption-overlay {
  position: absolute;
  background: rgba(0,0,0,0.7);
  color: #fff;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 8px 15px 32px 15px;
  line-height: 14px;
    display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
    font-size: 12px;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item:hover .slider-matched-img .caption-overlay {
    display: flex;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img img {
  width: 100%;
  height: 268px;
    object-fit: cover;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img .icon-overlay {
    position: absolute;
    color: #fff;
    right: 2px;
    width: 26px;
    bottom: 2px;
    padding: 3px;
    display: none;
  z-index: 3;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item:hover .slider-matched-img .icon-overlay {
  display: block;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img .icon-overlay ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img .icon-overlay ul li {
  margin-bottom: 3px;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img .icon-overlay ul li:last-child {
  margin-bottom: 0px;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img .icon-overlay ul li a {
    width: 20px;
    height:20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,225,255,1);
    border-radius: 100%;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img .icon-overlay ul li a svg {
    fill: rgba(255,255,255,1);
    width: 12px;
    height: 12px;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img .icon-overlay ul li:hover a svg {
    fill: rgba(255,255,255,1);
}

/* Modal Text Box A */
.modal-text-box-a {
    background: rgba(0,0,0,0.9);
}
.modal-text-box-a .modal-dialog {
    max-width: 450px;
}
.modal-text-box-a .modal-header {
    position: relative;
    padding: 0;
}
.modal-text-box-a .modal-header .close {
    position: absolute;
    right: 0;
    top: 0;
    background: #000;
    opacity: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    padding: 0;
}
.modal-text-box-a .modal-header .close:hover {
    opacity: 1;
}
.modal-text-box-a .modal-header .close span {
    color: #fff;
    text-shadow: none;
    line-height: 30px;
    display: inline-block;
}
.text-box-textarea {
    display: inline-block;
    width: 100%;
    position: relative;
}
.text-box-textarea div.type-text {
    display: table;
    width: 100%;
    height: 120px;
}
.text-box-textarea #text-box-a {
    /*-moz-appearance: textfield;
    -webkit-appearance: textfield;*/
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.8rem;
    padding: 15px;
    width: 100%;
    height: 150px;
    display: table-cell;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    vertical-align: middle;
    word-break: break-word;
}
.text-box-textarea #text-box-a:focus {
    box-shadow: none;
    outline: none;
}
.text-box-color-list {
  float: left;
  width: 100%;
  padding: 10px 0 5px 0;
}
.text-box-color-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: inline-block;
    float: left;
    text-align: center;
}
.text-box-color-list ul li {
    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
    border: 2px solid #fff;
    margin-right: 5px;
}
.text-box-color-list ul li:last-child {
    margin-right: 0;
}
.text-box-color-list ul li a {
    float: left;
    width: 26px;
    height: 26px;
}
.modal-text-box-a #black {
    background: #000;
}
.modal-text-box-a #orange {
    background: #FFA500;
}
.modal-text-box-a #green {
    background: #008000;
}
.modal-text-box-a #olive {
    background: #808000;
}
.modal-text-box-a #purple {
    background: #800080;
}
.modal-text-box-a #blue {
    background: #0000FF;
}
.modal-text-box-a #red {
    background: #dc3545;
}
.modal-text-box-a #cyan {
    background: #17a2b8;
}
.modal-text-box-a #gray {
    background: #6c757d;
}

/* // Modal Text Box A */
.sd-skill-list-slider.owl-carousel.owl-theme {
    overflow: hidden;
    position: relative;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-item {
    float: left;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-item >div {
    max-width: 370px;
    margin: 0 auto;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-buttons {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-prev,
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-next {
    width: 30px;
    height: 30px;
    color: #000;
    background-image: none !important;
    z-index: 1;
    background: #999999;
    border-radius: 100%;
    line-height: 32px;
    font-size: 18px;
    position: absolute;
    text-align: center;
    opacity: 0.5;
    cursor: pointer;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-next,
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-prev {
    width: 30px;
    top: 210px;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-next {
    right: 0px;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-prev {
    left: 0px;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-next:hover,
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-prev:hover {
   opacity: 1;
}
.sd-skill-list-slider.owl-carousel.owl-theme .tab-content-right .owl-controls .owl-buttons {
    opacity: 0;
}
.sd-skill-list-slider.owl-carousel.owl-theme .tab-content-right:hover .owl-controls .owl-buttons {
    opacity: 1;
}
.sd-skill-list-slider.owl-carousel.owl-theme .tab-content-right .owl-controls .owl-next {
    right: 0;
}
.sd-skill-list-slider.owl-carousel.owl-theme .tab-content-right .owl-controls .owl-prev {

}
.sd-skill-list-slider.owl-carousel.owl-theme .tab-content-right .owl-controls {
    padding-right: 0px;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-pagination {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 30px;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-pagination .owl-page {
    display: inline-block;
    margin: 0 3px;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-pagination .owl-page span {
    background-color: #d9d9d9;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    display: inline-block;
}
.sd-skill-list-slider.owl-carousel.owl-theme .owl-controls .owl-pagination .owl-page.active span {
    background-color: #37b34a;
}
body.tooltip-hidden .tooltip.show {
    display: none;
}



/* my css */

.login-slider .carousel-indicators {
    bottom: 10px !important;
}


.custom-carousel .carousel-indicators li {
    width: 10px !important;
    border-radius: 100%;
    background-color: #999!important;
    padding: 5px;
}
.custom-carousel .carousel-indicators li.active {
    background-color: #37b34a !important;
}

 /* .custom-carousel .carousel-indicators{
    bottom: unset !important;
} */

.custom-carousel span.prev-button {
    width: 30px;
    height: 30px;
    color: #000;
    background-image: none !important;
    z-index: 1;
    background: #999999;
    border-radius: 100%;
    line-height: 32px;
    font-size: 18px;
    position: absolute;
    text-align: center;
    opacity: 3.5;
    cursor: pointer;
}

.custom-carousel span.next-button {
    width: 30px;
    height: 30px;
    color: #000;
    background-image: none !important;
    z-index: 1;
    background: #999999;
    border-radius: 100%;
    line-height: 32px;
    font-size: 18px;
    position: absolute;
    text-align: center;
    opacity: 3.5;
    cursor: pointer;
}

.custom-carousel a.carousel-control-prev {
    width: 2%;
}
.skill-directory-page a.carousel-control-next {
    width: 3%;
}

/*.tooltip-inner {
    max-width: 200px;
}*/

.skill-wizard-tabs-main .skill-wizard-tab-content .tab-pane .carousel-inner {
    margin-bottom: 58px;
    height: 454px;
}


.custom-carousel .industry-list {
    float: left;
}

#carousel-industry-indicators a.carousel-control-prev ,#carousel-field-list a.carousel-control-prev,#carousel-discipline-list a.carousel-control-prev,  , #carousel-skills-wizard-indicators a.carousel-control-prev {
    width: 8%;
}
.hide-content{display:  none;}

.sd-skill-list{ display: unset; float: left; }

 .error-hide{display:none;}

button.save_skills_btn {
    float: right;
    border: none;
    background: #2bab58;
    color: #fff;
    text-align: center;
    position: absolute;
    border-radius: 3px;
    font-weight: bold;
    right: 4em;
    width: 80px;
    top: 10px;
    padding: 5px;
    visibility: hidden;
    z-index: 99;
    display: inline;
}
/*li.user {
    width: 160px;
}*/
.review-box-list {
    max-height: 420px;
    overflow-y: auto;
}

b.upparcase_purpose {
    text-transform: capitalize;
}

.mini-sidebar .mCSB_inside > .mCSB_container {
  margin-right: 0!important;
}

/*.mini-sidebar .mCSB_scrollTools {
  width: 6px !important;
}
*/
.load-more .fa-spin {
    /*display: block !important;*/
}

.load-spinner.fa-spin{display: none;}
.upparcase_purpose{
    text-transform:capitalize;
}

.addAttachmentInput{cursor: pointer;}

.letsidepanel {
    left: -258px !important;
}

/*.matched-bids-filter-search span.select2-selection.select2-selection--multiple {
    width: 600px;
    height: 35px;
    overflow-y: scroll;
}*/

.select2-container {
    width: 100%;
}
.col-sm-2 .btn .btn-primary .follow_button {
    margin-left: 5px;
}
svg.svg-inline--fa.fa-hand-rock.fa-w-16 {
    color: #559dd4;
}

div#ms-list-1 {
    width: 100%;
}
button.col-sm-2.btn.btn-primary.follow_button {
    margin-left: 5px;
}

.ms-options {
    margin-left: 2.5%;
    width: 81% !important;
}
div#ms-list-1 button {
    border: 1px solid #ccc;
    height: calc(32px + 2px);
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    color: #333;
    border-radius: 3px;
    padding: 0.375rem 0.6rem;
}

.skip-link{
    cursor: pointer;
}

.related_skill_inner{
    height: 285px;
}
.innerskillsset {
    height: 240px !important;
}
.page {
    padding-right: 0 !important;
}
.page .modal-header {
    padding: 0.5rem 1rem;
    background: #69717e;
    color: #fff;
}
.page .modal-header .close {
    opacity: 1;
    text-shadow: none;
    outline: 0;
}
.page .modal-header .close span {
    color: #fff;
}

.page .claim-successful-box {

}
.page .claim-successful-box ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
.page .claim-successful-box ul li.claim-successful-box-item {
    background-color: #edf0f3;
    min-height: 85px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flow-root;
    width: 100%;
}
.page .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year label {
    margin: 0;
}
.page .claim-successful-box ul li.claim-successful-box-item.right-hat .dropdown-year {
    position: absolute;
    right: 12px;
    top: 8px;
    margin: 0;
}
.page .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img {
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin: 6px 2px 0 10px;
    width: 40px;
    height: 40px;
}
.page .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-img img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
}
.page .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail {
    padding: 0px 12px 0px 12px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.page .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail {
    padding-right: 135px;
}
.page .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star {
    position: absolute;
    right: 12px;
    top: 16px;
}
.page .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a.star-green {
    color: #37b34a;
    margin: 0;
}
.page .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a {
    color: #cccccc;
    font-size: 16px;
}
.page .claim-successful-box ul li.claim-successful-box-item.right-hat .claim-successful-box-detail .star a:hover {
    color: #37b34a;
}
.page .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2 {
    font-size: 16px;
    font-weight: bold;
    color: #2bab58;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
.page .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail span.ghost_count{
    width: 19px;
    height: 19px;
    text-align: center;
    border-radius: 100%;
    line-height: 19px;
    /* display: inline-block; */
    font-size: 11px;
    font-weight: bold;
    background-color: #868e95;
    color: #fff;
    margin-left: 5px;
}
.page .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .new {
    background: #eb3b48;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    padding: 2px 5px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 5px;
    height: 16px;
    font-weight: normal;
}
.page .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail h2 a {
    color: #2bab58;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.page .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .experiance {
    font-size: 13px;
    color: #777;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    line-height: 16px;
}
.page .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .location {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    word-spacing: normal;
    text-overflow: inherit;
    font-style: italic;
    line-height: 16px;
}
.page .modal-header .modal-title,
.modal-claim .modal-header .modal-title,
.modal-item-overlay .modal-header .modal-title {
    font-size: 1.2rem;
}
.page .modal-dialog,
.modal-claim .modal-dialog,
.modal-item-overlay .modal-dialog {
    max-width: 520px;
}
.page .dropdown-function-year {
    padding-top: 15px;
}
.page .dropdown-function-year .form-group {
    margin-bottom: 0rem;
}


.chat-text{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 25ch;
}

/* .claim-button-on-hover-active {
    right: 80px !important;
    color: #2bab58 !important;
    position: absolute;
    border-radius: 3px;
    padding: -17px 5px;
    font-size: 25px;
    margin-top: -48px;
} */


.matched-bids-box ul li.matched-bids-box-item:hover .claim-button-on-hover-active {
    opacity: 1;
   }
   .claim-button-on-hover-active.no-bottom{
       right: 0px;
   }
   .matched-bids-box ul li .works-delight.list-card-view .claim-button-on-hover-active {
       bottom: 32px;
   }
   .claim-button-on-hover-active {
       position: absolute;
       right: 70px;
       bottom: 27px;
       opacity: 0;
   }
   .claim-button-on-hover-active a {
       /*background: #edf0f3;*/
       border-radius: 3px;
       padding: 2px 5px;
       text-transform: uppercase;
       font-size: 22px;
       display: inline-block;
       letter-spacing: 1px;
   }

   .claim-button-on-hover-active a:hover {
       text-decoration: none;
   }
   .matched-bids-list-view .matched-bids-list-view-main .claim-button-on-hover-active {
       top: 12px;
       bottom: auto;
   }
   .matched-bids-list-view .matched-bids-list-view-main:hover .claim-button-on-hover-active {
    opacity: 1;
   }

/*
   .modal-input-form .post-product-main-box label.camera-icon {
    position: absolute !important;
    top: 0 !important;
    z-index: 99 !important;
    font-size: 28px !important;
    right: 110px !important;
    color: #fff !important;
    bottom: unset !important;
    left:unset !important;

} */

#image_change {
    /* display: none; */
    opacity: 0;
    height: 140px;
    top: 0;
    position: relative;
    left: 0;
    border-radius: 100%;
    width: 140px;
    z-index: 9;
}

.selected-skills.marginal {
    right: 120px!important;
    background-color: #1b75bb;
}

.selected-skills.recommanded-skills {
  right: 65px ;
  background: #222830;
}


.one-record-col3 {
    padding-left: 5px;
     padding-top: 30px;
     margin: 0 0 0 -1.333%;
}
.one-record-col3 .skills-box-list {
    margin: 0 0 20px 0;
    padding-right: 0%;
    float: left;
    margin-left: 1.333%;
}
.one-record-col3 .skills-box-list .skills-box-heading {
    padding: 0px 8px 18px 8px;
}
.one-record-col3 .skills-box-list li {
    width: 96%;
    margin: 0 0 -1px 0;
}
.one-record-col3 .skills-box-list li .progress-box {
    padding: 0px 8px 10px 8px;
}
.one-record-col3 .skills-box-list li .progress-box .progress {
    height: 10px;
    border-radius: 20px;
    background-color: #ccc;
}
.one-record-col3 .skills-box-list li .progress-box .progress .bg-green {
    background-color: #37b363;
    border-radius: 20px;
}
.one-record-col3 .skills-box-list li .progress-box .progress .bg-yellow {
    background-color: #f59458;
    border-radius: 20px;
}
.one-record-col3 .skills-box-list li .progress-box .progress .bg-blue {
    background-color: #3a98f4;
    border-radius: 20px;
}
.one-record-col3 .skills-box-list li .skills-list-img {
    width: 39px;
    height: 39px;
    margin-top: 0px;
}
.one-record-col3 .skills-box-list li .skills-list-img img {
    width: 39px;
    height: 39px;
}
.how_match{
    background-color: #1d77bb;
    border-radius: 85px 85px 85px 85px;
    width: 130px;
    text-align: center;
    color: white;
    padding: 5px;
    margin-top: -15px;
    position: relative;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

.title_how_match {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.seeAll-progres-ellipsis
{
    position: absolute;
    right: 0;
    top: 8px;
    height: 28px;
}

/* cm page custom css start */
.cm-modal-container .btn-file{
    background-color: #37b34a;
    min-width: 120px;
    letter-spacing: 1px;
    font-size: 13px;
    border: 0;
    padding: 0.45rem .75rem;
    border-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #fff;
    cursor: pointer;
}
.cm-modal-container .cm_attach_file{
    position: relative;
  background: #fff;
  cursor: not-allowed;
}
.cm-modal-container .custom-error-msg{
    font-size: 14px;
  color: #ff0000;
  width: 100%;
  padding-bottom: 5px;
}
.cm-modal-container .char-limit-txt{
    font-size: 12px;
  line-height: 12px;
  padding-top: 3px;
    width: 100%;
}
.cm-page-post-product-upload-list > li .cm-text-bg-box{
    height: 180px;
}
.slider-matched-bids-box .cm-text-bg-box{
    height: 268px;
}
.cm-page-post-product-upload-list > li .cm-text-bg-box, .slider-matched-bids-box .cm-text-bg-box{
    width: 100%;
    color: #ffffff;
  padding: 10px;
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
    display: flex;
  align-items: center;
    justify-content: center;
}
.slider-matched-bids-box .cm-text-bg-box{
    text-align: center;
}
.cm-modal-container .text-box-textarea #text-box-a{
    border: none;
    font-size: 1.2rem;
  line-height: 1.4rem;
    padding: 10px;
}
.cm-page-post-product-upload-list-main .cm-page-post-product-upload-list > li .post-product-upload-list-img img{
  max-height: 180px;
}
.cm-page-post-product-upload-list > li .post-product-upload-list-img{
    text-align: center;
    background: #ffffff;
    border: none!important;
}
.cm-page-post-product-upload-list > li .post-product-upload-list-img a:hover{
    text-decoration: none;
}

.ng-tooltip {
    position: absolute;
    max-width: 150px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 2px 5px;
    background: #212830;
    border-radius: 4px;
    z-index: 9999;
    opacity: 0;
}
.ng-tooltip:after {
    content: "";
    position: absolute;
    border-style: solid;
}
.ng-tooltip-top:after {
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-color: black transparent transparent transparent;
}
.ng-tooltip-bottom:after {
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-color: transparent transparent black transparent;
}
.ng-tooltip-left:after {
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-color: transparent transparent transparent black;
}
.ng-tooltip-right:after {
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-color: transparent #212830 transparent transparent;
}
.ng-tooltip-show {
    opacity: 1;
}
header.topbar .topbar-left li.menu-icon a span{
  display: none;
}
jw-modal {
    display: none;
}
jw-modal .jw-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: auto;
    background-color: #000000;
}
/*jw-modal .jw-modal .jw-modal-body {
    padding: 20px;
    background: #fff;
        max-width: 750px;
    min-height: calc(100% - (1.75rem * 2));
    margin: 1.75rem auto;
}*/
jw-modal .jw-modal-background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.9;
    z-index: 900;
}
body.jw-modal-open {
    overflow: hidden;
}
.custom-btn-close{
    text-transform: uppercase;
    min-width: 0px;
    letter-spacing: 1px;
    font-size: 13px;
    border: 0;
    padding: 0.45rem .75rem;
    border-radius: 3px;
    margin-left: 10px;
    background-color: #eee;
}
.expand-modal .expand-modal-slider .expand-cm-text-bg-box {
    width: 100%;
    height: 550px;
    color: #ffffff;
    padding: 0px 20%;
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.expand-modal .expand_video_box{
    width:100%;
    max-width: 100%;
}
/* cm page custom css end */

/* cm page css */
.cm-page-bg {
    background-color: #fff;
}

.cm-page-container {
    padding: 20px 5px;
    display: inline-block;
    width: 100%;
}

.cm-page-container .matched-bids-heading {
    text-align: center;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 15px;
}
.cm-page-container .matched-bids-heading h1 {
    text-align: left;
    float: left;
}


.cm-page-container .matched-bids-heading .icon-center {
    display: inline-block;

}
.cm-page-container .matched-bids-heading .icon-center ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.cm-page-container .matched-bids-heading .icon-center ul li {
   display: inline-block;
    vertical-align: top;
    padding: 0 8px;
}
.cm-page-container .matched-bids-heading .icon-center ul li:hover a {
    color: #222;
    text-decoration: none;
}
.cm-page-container .matched-bids-heading .icon-center ul li a {
    font-size: 20px;
    color: #aaa;
}
.cm-page-post-product-upload-list-main {
    display: inline-block;
    width: 100%;
}
.cm-page-post-product-upload-list {
    list-style: none;
    margin: 0 -15px;
    padding: 0;
    float: left;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
}
.cm-page-post-product-upload-list > li {
    float: left;
    margin: 15px;
    width: calc(20% - 30px);
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    background: #fff;
}
.cm-page-post-product-upload-list > li:hover .upload-list-overlay,
.cm-page-post-product-upload-list > li:focus .upload-list-overlay {
    width: 32px;
    opacity: 1;
    display: block;
}
.cm-page-post-product-upload-list > li .post-product-upload-list-img {
    /*border: 1px solid #e8e8e8;*/
    z-index: 1;
    position: relative;
}
.cm-page-post-product-upload-list > li .post-product-upload-list-des {
    padding: 8px;
    background: #fff;
}
.cm-page-post-product-upload-list > li .post-product-upload-list-img a span {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 30px;
    width: 32px;
    background: rgba(0, 0, 0, 0.6);
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}
.cm-page-post-product-upload-list > li .post-product-upload-list-img .product-upload-checkbox {
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
}
.cm-page-post-product-upload-list > li:hover .post-product-upload-list-img .product-upload-checkbox {
    display: inline-block;
}
.cm-page-post-product-upload-list > li .post-product-upload-list-img img {
    width: 100%;
    min-height: 180px;
}
.cm-page-post-product-upload-list > li .post-product-upload-list-img .no-width img {
    width: 100%;
    min-height: 180px;
}
.cm-page-post-product-upload-list .upload-list-overlay ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cm-page-post-product-upload-list .upload-list-overlay ul li {
    text-align: center;
    margin: 2px 0;
}
.cm-page-post-product-upload-list .upload-list-overlay ul li a {
    width: 24px;
    height: 24px;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 100%;
    color: #aaa;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 3px 0 4px;
}
.cm-page-post-product-upload-list .upload-list-overlay ul li:hover a {
    border: 1px solid #fff;
}
.cm-page-post-product-upload-list .upload-list-overlay ul li:hover a svg {
    color: #fff;
    fill: #fff;
}
.cm-page-post-product-upload-list .upload-list-overlay ul li svg {
    width: 14px;
    height: 14px;
    color: #aaa;
    fill: #aaa;
}
.cm-page-post-product-upload-list .upload-list-overlay ul li:hover a span {
    color: #fff;
}
.cm-page-post-product-upload-list .upload-list-overlay ul li span {
    color: #aaa;
    display: inline-block;
}
.cm-page-post-product-upload-list .upload-list-overlay ul li:hover span {
    color: #005cbf;
}
.cm-page-post-product-upload-list .upload-list-overlay {
    position: absolute;
    right: 0;
    width: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    top: 10px;
    z-index: 1;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    opacity: 0;
    display: none;
}
.cm-page-post-product-upload-list > li:hover .upload-list-overlay ul {
    top:0;
}
.cm-page-post-product-upload-list > li .post-product-upload-list-des p {
    margin: 0;
}
.cm-page-upload-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    padding: 1rem 0;
    border-top: 1px solid #e9ecef;
    margin-top: 1rem;
}
.matched-bids-box ul li .works-delight .cm-edit-icon {
    position: absolute;
    bottom: 5px;
    right: 5px;
}
a.suggest-link.edit-skills {
    margin-left: 0;
}
/* end cm page css */

/* expand popup */
.expand-modal .modal-dialog-centered {
    max-width: 1350px;
}
.expand-modal .modal-content {
    position: relative;
    overflow: hidden;
}
.expand-modal .modal-content .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    z-index: 1;
    font-size: 36px;
    text-shadow: none;
    opacity: 1;
    font-weight: normal;
    background: #fff;
    border-radius: 100%;
    box-shadow: -2px 2px 5px #c0c0c0;
}
.expand-modal .modal-content .close:focus {
    box-shadow: none;
    border: none;
    outline: none;
}
.expand-modal .expand-modal-body {
    display: flex;
    flex-wrap: wrap;
}
.expand-modal .expand-modal-slider {
    width: 50%;
}
.expand-modal .expand-modal-slider .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.expand-modal .expand-modal-slider .carousel-item .carousel-topbar {
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
}
.expand-modal .expand-modal-slider .carousel-item .carousel-caption {
    right: 0px;
    bottom: auto;
    left: 0px;
    top: 0px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: right;
    order: 2;
}
.expand-modal .expand-modal-slider .carousel-item .carousel-caption p {
    margin: 0;
  line-height: initial;
}
.expand-modal .expand-modal-slider .carousel-control-next {
    right: 15px;
}
.expand-modal .expand-modal-slider .carousel-control-prev {
    left: 15px;
}
.expand-modal .expand-modal-slider .carousel-control-next,
.expand-modal .expand-modal-slider .carousel-control-prev {
    width: 30px;
    height: 30px;
    top: 50%;
    background: #000;
    text-align: center;
    border-radius: 100%;
}
.expand-modal .expand-modal-slider .carousel-control-next-icon,
.expand-modal .expand-modal-slider .carousel-control-prev-icon {
    width: 14px;
    height: 14px;
}
.expand-modal .expand-modal-slider .carousel-indicators {
    bottom: 0px;
}
.expand-modal .expand-modal-slider .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    border-radius: 100%;
        background-color: #fff;
    border: 1px solid #028002;
}
.expand-modal .expand-modal-slider .carousel-indicators li.active {
    background-color: #028002;
    border: 1px solid #fff;
}
.expand-modal .expand-modal-chat {
    /* width: 35%; */
    width: 50%;
    position: relative;
    padding-bottom: 66px;
    max-height: 500px;
}

.expand-modal-chat .expand-chat-heading {
    background-color: #edf0f3;
    min-height: 80px;
    padding: 12px 15px;
    position: relative;
    display: flex;
}
.expand-modal-chat .expand-chat-heading .expand-chat-heading-img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin: 3px 10px 0 0px;
}
.expand-modal-chat .expand-chat-heading .expand-chat-heading-img img {
    width: 40px;
    height: 40px;
}
.expand-modal-chat .expand-chat-heading .expand-chat-heading-title {
    width: calc(100% - -100px);
    padding-right: 15px;
}
.expand-modal-chat .expand-chat-heading .expand-chat-heading-title h2 {
    font-size: 17px;
    font-weight: bold;
    color: #2bab58;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.expand-modal-chat .expand-chat-heading .expand-chat-heading-title h2 a {
    color: #2bab58;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.expand-modal-chat .expand-chat-heading .expand-chat-heading-title .experiance {
    font-size: 13px;
    color: #777;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 16px;
}
.expand-modal-chat .expand-chat-heading .expand-chat-heading-title .location {
    font-size: 13px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-style: italic;
    line-height: 16px;
}
.expand-modal-chat .expand-chat-heading .dot {
    margin-top: 35px;
}
.expand-modal-chat .expand-chat-heading .dot .ellipsis-link {
    font-size: 14px;
    color: #777;
    height: 20px;
    width: 20px;
    border-radius: 30px;
    text-align: center;
    display: inline-block;
}
.expand-modal-chat .expand-chat-heading .dot a.ellipsis-link:hover {
    color: #fff;
    background: #535762;
    position: relative;
    z-index: 1;
}
.expand-modal-chat .expand-chat-count {
    background-color: #69717e;
    display: inline-block;
    width: 100%;
}
.expand-modal-chat .expand-chat-count ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.expand-modal-chat .expand-chat-count ul li {
    display: inline-block;
    padding: 5px 3px;
}
.expand-modal-chat .expand-chat-count ul li a {
    color: #fff;
    font-size: 14px;
}
.expand-modal-chat .expand-chat-count ul li:hover a {

}
.expand-modal-chat .expand-chat-message-list {
    display: inline-block;
    width: 100%;
    padding: 20px;
}
.expand-modal-chat .expand-chat-message-list > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.expand-modal-chat .expand-chat-message-list > ul > li {
    display: flex;
    width: 100%;
    padding-top: 20px;
}
.expand-modal-chat .expand-chat-message-list > ul > li:first-child {
    padding-top: 10px;
}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px;
}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-img img {
    width: 36px;
    height: 36px;
}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-text {
    width: calc(100% - 80px);
    padding-right: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px;
}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-text .name {
    color: #000;
}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-text .name:hover {

}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-text .name span {
    font-weight: 600;
}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-text ul {
    margin: 8px 0 0 0;
    padding: 0;
    list-style: none;
}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-text ul li {
    display: inline-block;
    padding-right: 10px;
}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-text ul li a {
    color: #777;
}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-text ul li:hover a {
    color: #000;
    text-decoration: none;
}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-icon {
    width: 20px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px;
}
.expand-modal-chat .expand-chat-message-list ul li .expand-chat-message-list-icon a svg {
    fill: #333;
    width: 20px;
    height: 20px;
}
.expand-modal-chat .expand-chat-message-list .see-more-link {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}
.expand-modal-chat .expand-chat-message-list .see-more-link a {
    color: #0076c4;
}
.expand-modal-chat .expand-icon-group {
    display: inline-block;
    width: 100%;
    padding: 10px 20px 10px 20px;
    border-top: 1px solid #dddddd;
}
.expand-modal-chat .expand-icon-group a {
    margin-right: 20px;
    vertical-align: top;
}
.expand-modal-chat .expand-icon-group a:hover {
    text-decoration: none;
}
.expand-modal-chat .expand-icon-group a svg {
    width: 26px;
    height: 26px;
    fill: #333;
}
.expand-modal-chat .expand-icon-group a.save {
    margin-right: 0;
    float: right;
}
.expand-modal-chat .expand-icon-group a.save svg .st1 {
    fill:none;
    stroke:#303030;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}
.expand-modal-chat .expand-icon-group a.save svg .st2 {
    fill:#303030;
}
.expand-modal-chat .expand-chat-footer {
    height: 66px;
    border-top: 1px solid #dddddd;
    background: #fff;
    display: flex;
    padding: 0 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    align-items: center;
}
.nf-chat-message-list.expand-modal-chat-right {
    padding: 0px 10px;
    margin-top: 15px;
}
.expand-modal-chat .expand-chat-footer  .attach-icon img {
    width: 20px;
    opacity: 0.4;
    height: 20px;
}
.expand-modal-chat .expand-chat-footer input {
    width: calc(100% - 80px);
    border: none;
    padding: 0 20px;
    color: #000;
}
.expand-modal-chat .expand-chat-footer input::-webkit-input-placeholder {
  color: #999; opacity: 1;
}
.expand-modal-chat .expand-chat-footer input::-moz-placeholder {
 color: #999; opacity: 1;
}
.expand-modal-chat .expand-chat-footer input:-ms-input-placeholder {
  color: #999; opacity: 1;
}
.expand-modal-chat .expand-chat-footer input:-moz-placeholder {
  color: #999; opacity: 1;
}
.expand-modal-chat .expand-chat-footer .send-post {
    width: 40px;
    height: 40px;
    background: #1b75bb;
    text-align: center;
    border-radius: 100%;
    margin-left: 20px;
    padding: 0;
    text-align: center;
    border: none;
    min-width: 40px;
}
.expand-modal-chat .expand-chat-footer .send-post svg {
    width: 18px;
    height: 18px;
    fill: #fff;
    margin-left: 4px;
}
.expand-modal-chat .expand-chat-footer input:focus,
.expand-modal-chat .expand-chat-footer .send-post:focus {
    border: none;
    outline: none;
    box-shadow: none;
}
.expand-modal .expand-modal-slider .carousel-item .video-icon {
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
}
.expand-modal .expand-modal-slider .carousel-item .video-icon a {
    background-color: rgba(0,0,0,0.7);
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* end expand popup */

/* new custom dropdown */
.dropdown-filter-sort {
    float: right;
    position: relative;
    z-index: 1;
}
.dropdown-filter-sort .sort {
    vertical-align: top;
    opacity: 0.5;
}
.dropdown-filter-sort:hover .sort,
.dropdown-filter-sort.active .sort {
    opacity: 1;
}
.dropdown-filter-sort:focus,
.dropdown-filter-sort:active {
    box-shadow: none;
    outline: none;
    border: none;
}
.dropdown-filter-sort .svg-inline--fa {
    font-size: 18px;
    color: #999999;
    vertical-align: top;
}
.dropdown-filter-sort:hover .svg-inline--fa,
.dropdown-filter-sort.active .svg-inline--fa {
    color: #222;
}

.dropdown-filter-sort .dropdown-fs {
    position: absolute;
    top: 140%;
    background: white;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    border-radius: 2px 0 2px 2px;
    border: 1px solid #ddd;
    padding: .5rem .7rem;
    width: 160px;
    right: 0;
}

.dropdown-filter-sort .dropdown-fs:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 0px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;
}

.dropdown-filter-sort .dropdown-fs:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: -1.5px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(221,221,221,1) transparent;
}

.dropdown-filter-sort .dropdown-fs li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #8aa8bd;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.dropdown-filter-sort .dropdown-fs li i {
    float: right;
    color: inherit;
}

.dropdown-filter-sort .dropdown-fs li:first-of-type a {
    border-radius: 7px 7px 0 0;
}
.dropdown-filter-sort .dropdown-fs li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}
.dropdown-filter-sort .dropdown-fs li:hover a {
    background: #f3f8f8;
}
.dropdown-filter-sort.active .dropdown-fs {
    opacity: 1;
    pointer-events: auto;
}

.dropdown-filter-sort .dropdown-fs .custom-control {
    text-align: left;
}

/* end new custom dropdown */
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item:hover .slider-count-box {
    display: block;
}
.slider-count-box {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
        z-index: 1;
        display: none;
}
.slider-count-box span {
        color: #fff;
}
.slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item:hover .slider-top-icon {
    display: block;
}
.slider-top-icon {
    display: none;
}
.slider-top-icon a {
    bottom: 0;
    position: absolute;
    left: 0px;
    height: 30px;
    width: 32px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 20px;
        z-index: 2;
}
.slider-top-icon a svg,
.slider-top-icon a:hover {
    color: #fff;
        fill : #fff;
}
.cm-slide-img-box {
        position: relative;
}
.news-feed-page-container .cm-slide-img-box img {
    position: relative;
    height: 400px;
}
.post-play-icon a {
    background-color: rgba(0,0,0,0.7);
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
.post-play-icon a svg {
    width: 16px !important;
}
.post-play-icon a.cm-audio-icon svg {
    width: 12px !important;
        margin-right: 2px;
}
.post-play-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.expand-bottom-icon {
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 20px;
        display: flex;
    justify-content: center;
    align-items: center;
        min-width: 50px;
        order: 1;
}
.expand-bottom-icon svg {
        fill: #fff;
        color: #fff;
}
#cm-resize-img-box{
        width: 100%;
        visibility: hidden;
        position: absolute;
        z-index: -1;
}
.cm-resize-main-box{
        position: relative;
}
.cm-resize-img-container{
    position: fixed;
    width: 100%;
    opacity: 0;
    z-index: -1;
}
#content-edit-modal .modal-text-box-a {
    background: none;
}
.cm-modal-container .btn-clear{
      min-width: 60px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #fff;
    background-color: #868686;
}

.claim-button-on-hover .edits a{
    color: #1e76bb;
    font-size: 13px;
    padding: 0;
    text-transform: inherit;
}

/* News Feed Page Css */
.news-feed-bg {
    min-height: 100vh;
}
.news-feed-page-container {

}
.news-feed-container {
    width: 100%;
    margin: 0 auto;
    max-width: 1380px;
    min-height: 100vh;
    overflow: hidden;
}
.news-feed-left-sidebar {
    width: 330px;
    float: left;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    margin-top: 15px;
}
.news-feed-left-sidebar-open {
    position: absolute;
    right: -24px;
    background: #272c35;
    color: #fff;
    z-index: 1;
    border-radius: 0 5px 5px 0;
    top: 1px;
    display: none;
}
.news-feed-left-sidebar-open a {
    padding: 3px 7px;
    display: inline-block;
}
.news-feed-left-sidebar-open img {
    max-width: 10px;
}
.news-feed-left-sidebar-open.show {
    display: block;
}

.news-feed-left-sidebar .heading {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 25px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.news-feed-left-sidebar .mobile-view .heading {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: 0;
}
.news-feed-left-sidebar .my-skills-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.news-feed-left-sidebar .my-skills-list li {
    padding-bottom: 8px;
}
.news-feed-left-sidebar .my-skills-list li a {
    color: #777;
    line-height: 16px;
    display: inline-block;
}
.news-feed-left-sidebar .see-all {
    padding-top: 5px;
    padding-bottom: 15px;
}
.news-feed-left-sidebar .see-all a {
    font-weight: 600;
}
.news-feed-left-sidebar .tags {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    display: inline-block;
    width: 100%;
}
.news-feed-left-sidebar .tags {

}
.news-feed-left-sidebar .tags ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.news-feed-left-sidebar .tags ul li {
    position: relative;
    display: inline-block;
    padding-left: 8px;
    margin-right: 8px;
}
.news-feed-left-sidebar .tags ul li a {
    color: #999;
}
.news-feed-left-sidebar .tags ul li:before {
    position: absolute;
    background-color: #999;
    height: 4px;
    width: 4px;
    content: "";
    left: 0;
    top: 50%;
    border-radius: 100%;
    margin-top: -2px;
}
.news-feed-left-sidebar .tags ul li:first-child {
    padding-left: 0px;
}
.news-feed-left-sidebar .tags ul li:first-child:before {
    display: none;
}

.news-feed-center {
    width: 600px;
    float: left;
    margin: 0 30px;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    margin-top: 15px;
}
.news-feed-center .box {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    margin-bottom: 20px;
    float: left;
}
.news-feed-center .box.feed-skill-box{
    padding: 10px;
    background: #fff;
    overflow: hidden;
    max-height:50px;
    display: inline-flex;
    padding-left: 20px;
    padding-right: 20px;
}
.news-feed-center .heading {
    font-size: 20px;
    margin-bottom: 0px;
    padding: 25px 10px;
    font-weight: bold;
}
.news-feed-center .heading a {
    color: #333;
}
.news-feed-center .heading .my-skills-open {
    display: none;
    margin-right: 15px;
}
.news-feed-center .heading .skills-consider-open {
    display: none;
    float: right;
}
.news-feed-chat-group {
    position: relative;
    padding: 0px 10px 0 60px;
}
.news-feed-chat-group .news-feed-chat-social-img {
    position: absolute;
    left: 10px;
    top: 0px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}
.news-feed-chat-group .news-feed-chat-social-img img {
    width: 40px;
    height: 40px;
}
.news-feed-chat-group textarea {
    height: calc(40px + 2px);
    padding: 0.60rem 0.6rem;
}
.news-feed-center .matched-bids-box {
    float: left;
}
.news-feed-center .matched-bids-box ul {
    margin: 0;
}
.news-feed-center .matched-bids-box ul li.matched-bids-box-item {
    width: 100%;
    margin: 0;
    box-shadow: none;
    max-height: inherit;
}
.news-feed-center .matched-bids-box ul li .works-delight .works-delight-detail {
    padding: 0 10px 0 0px;
}
.news-feed-center .matched-bids-box ul li .works-delight .works-delight-detail h2 {
    align-items: center;
    padding-bottom: 2px;
}
.news-feed-center .matched-bids-box ul li .works-delight .works-delight-detail .tag-btn {
    background-color: #999999;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    padding: 1px 1rem;
    height: 22px;
    text-transform: none;
    min-width: 80px;
}
.news-feed-center .matched-bids-box ul li .works-delight {
    background-color: #fff;
    padding-bottom: 20px;
}
.news-feed-center .slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img {
    height: inherit;
}
.news-feed-center .slider-matched-bids-box.owl-theme .owl-wrapper-outer .owl-item .slider-matched-img img {
    height: inherit;
    /* min-height: 400px;
    object-fit: contain; */
}
.news-feed-center .works-delight .imatch-btn-right {
    position: absolute;
    bottom: -26px;
    right: 10px;
    margin-top: 0px;
    padding-bottom: 10px;
    z-index: 2;
}
.news-feed-center .works-delight .imatch-btn-right .imatch-btn {
    background-color: #1c74bb;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    min-width: 130px;
    padding: .30rem 1rem;
    border-radius: 20px;
}
.news-feed-center .works-delight .imatch-btn-right .imatch-btn:focus {
    border: 1px solid transparent;
    outline: 0;
    box-shadow: none;
}
.news-feed-center .works-delight .imatch-btn-right:hover .imatch-overlay {
    display: block;
}
.news-feed-center .works-delight .imatch-btn-right .imatch-btn .fa-angle-down {
    -webkit-transition: .3s;
    transition: .3s;
}
.news-feed-center .works-delight .imatch-btn-right:hover .imatch-btn .fa-angle-right {
    -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.news-feed-center .works-delight .imatch-btn-right .imatch-overlay:after,
.news-feed-center .works-delight .imatch-btn-right .imatch-overlay:before {
    bottom: 100%;
    right: 55px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.news-feed-center .works-delight .imatch-btn-right .imatch-overlay:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 10px;
    right: 53px;
}
.news-feed-center .works-delight .imatch-btn-right .imatch-overlay:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
}
.news-feed-center .works-delight .imatch-btn-right .imatch-overlay {
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    top: 100%;
    right: 0px;
    padding: 5px 10px;
    z-index: 2;
    min-width: 150px;
    display: none;
}
.news-feed-center .works-delight .imatch-btn-right .imatch-overlay ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 99;
}
.news-feed-center .works-delight .imatch-btn-right .imatch-overlay ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: inherit;
    border: none;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news-feed-center .works-delight .imatch-btn-right .imatch-overlay ul li a {
    color: #333;
    text-decoration: none;
    cursor: auto;
}
.news-feed-center .works-delight .imatch-btn-right .imatch-overlay ul li .svg-inline--fa.fa-circle {
    color: #ccc;
    font-size: 14px;
    margin-right: 3px;
}
.news-feed-center .works-delight .imatch-btn-right .imatch-overlay ul li .svg-inline--fa.fa-check-circle {
    color: #2bab58;
    font-size: 14px;
    margin-right: 3px;
}
.news-feed-center .slider-matched-bids-box.owl-theme .owl-controls .owl-buttons {
    top: 50%;
    margin-top: -15px;
}
.news-feed-center .news-feed-chat-social-icon-group {
    display: inline-block;
    width: 100%;
    padding: 15px 10px 10px 10px;
}
.news-feed-center .news-feed-chat-social-icon-group ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.news-feed-center .news-feed-chat-social-icon-group ul li {
    display: inline-block;
    margin-right: 20px;
}
.news-feed-center .news-feed-chat-social-icon-group ul li a {
    color: #999999;
    display: flex;
    align-items: center;
}
.news-feed-center .news-feed-chat-social-icon-group ul li a svg {
    color: #999999;
    fill: #999999;
    height: 20px;
    margin-right: 8px;
}
.news-feed-center .news-feed-chat-social-icon-group ul li a:hover {
    text-decoration: none;
    color: #333;
}
.news-feed-center .news-feed-chat-social-icon-group ul li a:hover svg {
    color: #333;
    fill: #333;
}
.news-feed-center .nf-chat-message-list {
    display: inline-block;
    width: 100%;
    padding: 0 5px;
    background: #fff;
}
.news-feed-center .nf-chat-message-list > ul {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}
.news-feed-center .nf-chat-message-list > ul + ul {
    padding-left: 55px;
}

.news-feed-center .nf-chat-message-list > ul > li:first-child {
    padding-top: 0px;
}
.news-feed-center .nf-chat-message-list > ul > li {
    display: flex;
    width: 100%;
    padding-top: 20px;
    /* border-bottom: 1px solid #dddddd;
    padding-bottom: 10px; */
}
.news-feed-center .nf-chat-message-list > ul > li a:hover {
    text-decoration: none;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
    margin-top: 3px;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-img img {
    width: 40px;
    height: 40px;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-text {
    width: calc(100% - 55px);
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-text .chat-message-hading {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2px;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-text .name {
    color: #3F4254;
    font-weight: 600;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-text .name:hover {
    color: #1c74bb;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-text .date {
    color: #B5B5C3;
    margin-left: 15px;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-text .reply {
    color: #B5B5C3;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-text ul {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-text ul li {
    display: inline-block;
    padding-right: 10px;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-text ul li a {
    color: #B5B5C3;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-text ul li a svg {
    top: 2px;
    position: relative;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-text ul li:hover a {
    color: #000;
    text-decoration: none;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-icon {
    width: 20px;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-icon a svg {
    fill: #999999;
    width: 20px;
    height: 20px;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-icon a:hover svg {
    fill: #333;
}
.news-feed-center .nf-chat-message-list ul li .chat-message-list-icon a.active svg,
.news-feed-center .nf-chat-message-list ul li .chat-message-list-icon a.active:hover svg {
    fill: #ff0000;
}
.news-feed-center .nf-chat-message-footer {
    display: flex;
    padding: 15px 0px;
    align-items: center;
    border-top: 1px solid #EBEDF3;
    margin: 0 10px;
}
.news-feed-center .nf-chat-message-footer .img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    min-width: 40px;
}
.news-feed-center .nf-chat-message-footer .img img {
    width: 40px;
    height: 40px;
}
.news-feed-center .nf-chat-message-footer input {
    width: calc(100% - 80px);
    border: none;
    padding: 0 10px;
    color: #000;
}
.news-feed-center .nf-chat-message-footer input:focus,
.news-feed-center .nf-chat-message-footer .send-post {
    border: none;
    outline: none;
    box-shadow: none;
}
.news-feed-center .nf-chat-message-footer .send-post {
    width: 40px;
    height: 40px;
    background: #1b75bb;
    text-align: center;
    border-radius: 100%;
    padding: 0;
    text-align: center;
    border: none;
    min-width: 40px;
    cursor: pointer;
}
.news-feed-center .nf-chat-message-footer .send-post svg {
    width: 18px;
    height: 18px;
    fill: #fff;
    margin-left: 4px;
}


.news-feed-right-sidebar {
    width: 370px;
    float: left;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    margin-top: 15px;
}
.news-feed-right-sidebar .heading {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 25px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.news-feed-right-sidebar .skills-consider-list,.news-feed-left-sidebar .skills-consider-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.news-feed-right-sidebar .skills-consider-list li,.news-feed-left-sidebar .skills-consider-list li {
    padding-bottom: 20px;
}
.news-feed-right-sidebar .skills-consider-list li span,.news-feed-left-sidebar .skills-consider-list li span {
    display: block;
    color: #333;
    padding-bottom: 5px;
}
.news-feed-right-sidebar .skills-consider-list li .btn, .news-feed-left-sidebar .skills-consider-list li .btn,.news-feed-center a.skill-btn{
    border: 1px solid #1d77bb;
    min-width: 80px;
    font-size: 12px;
    padding: .325rem .75rem;
    margin-right: 6px;
}
.news-feed-center a.skill-btn{
    border-radius: 1.25rem;
    border-color: #4d4d4d70;
    color: #000;
    background: #4d4d4d2e;
    margin: 0 8px;
    display: flex;
    justify-content: center;
    margin-right: 20px;
}
.chat-message-list-text p > b {
    color: #1b75bb;
}
.cm-chat-box-main .cm-chat-box .commentbox > b{
    color: #1b75bb !important;
}
.news-feed-center a.skill-btn.active-btn{
    color:#fff;
    background: #000;
    border-color: #000;
    display: flex;
    justify-content: center;
    margin-right: 20px;
}
.news-feed-center a.skill-btn:focus{
    box-shadow:none;
}
.news-feed-center a.skill-btn:hover{
    color:#fff;
    background: #000;
    border-color: #000;
}
.news-feed-right-sidebar .see-all a {
    font-weight: 600;
}

.news-feed-right-sidebar-open {
    position: absolute;
    left: -24px;
    background: #272c35;
    color: #fff;
    z-index: 1;
    border-radius: 5px 0px 0px 5px;
    top: 1px;
    display: none;
}
.news-feed-right-sidebar-open a {
    padding: 3px 7px;
    display: inline-block;
}
.news-feed-right-sidebar-open img {
    max-width: 10px;
}
.news-feed-right-sidebar-open.show {
    display: block;
}
.nf-expand-popup-chat .expand-chat-count {
    background-color: #fff;
    padding: 15px 20px 10px 20px;
    border-bottom: 1px solid #dddddd;
}
.nf-expand-popup-chat .expand-chat-count ul {
    text-align: left;
}
.nf-expand-popup-chat .expand-chat-count ul li {
    padding: 0;
    margin-right: 20px;
}
.nf-expand-popup-chat .expand-chat-count ul li:last-child {
    margin-right: 0px;
}
.nf-expand-popup-chat .expand-chat-count ul li a {
    color: #999999;
    display: flex;
    align-items: center;
}
.nf-expand-popup-chat .expand-chat-count ul li a svg {
    color: #999999;
    fill: #999999;
    height: 20px;
    margin-right: 8px;
}
.nf-expand-popup-chat .expand-chat-count ul li a:hover {
    text-decoration: none;
    color: #333;
}
.nf-expand-popup-chat .expand-chat-count ul li a:hover svg {
    color: #333;
    fill: #333;
}
.nf-expand-popup-chat .expand-chat-message-list ul li .expand-chat-message-list-img {
    margin-right: 10px;
    width: 40px;
    height: 40px;
}
.nf-expand-popup-chat .expand-chat-message-list ul li .expand-chat-message-list-img img {
    width: 40px;
    height: 40px;
}
.nf-expand-popup-chat .expand-chat-message-list {
    padding-right: 0px;
}
.nf-expand-popup-chat .expand-chat-message-list ul li .expand-chat-message-list-icon a svg {
    fill: #999999;
}
.nf-expand-popup-chat .expand-chat-message-list ul li .expand-chat-message-list-icon a:hover svg {
    fill: #333;
}

.nf-expand-popup-chat .expand-chat-message-list ul li .expand-chat-message-list-icon a.active svg,
.nf-expand-popup-chat .expand-chat-message-list ul li .expand-chat-message-list-icon a.active:hover svg {
    fill: #ff0000;
}
.nf-expand-popup-chat .expand-chat-message-list > ul + ul {
    padding-left: 50px;
}
.nf-expand-popup-chat .expand-chat-message-list ul li .expand-chat-message-list-text,
.nf-expand-popup-chat .expand-chat-message-list ul li .expand-chat-message-list-icon {
    border-bottom: none;
}
.nf-expand-popup-chat .expand-chat-message-list > ul > li {
    border-bottom: 1px solid #dddddd;
    padding-top: 15px;
}
.nf-expand-popup-chat .expand-chat-message-list ul li .expand-chat-message-list-text ul {
    margin: 3px 0 0 0;
}
.nf-expand-popup-chat .expand-chat-message-list > ul > li:first-child {
    padding-top: 0px;
}
.nf-expand-popup-chat .expand-chat-footer .img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
    min-width: 40px;
}
.nf-expand-popup-chat .expand-chat-footer .img img {
    width: 40px;
    height: 40px;
}
.nf-expand-popup-chat .expand-chat-footer {
    padding-right: 0;
}
.nf-expand-popup-chat .expand-chat-footer input {
    padding: 0px;
}
.nf-expand-popup-chat .expand-chat-footer .send-post {
    margin-left: 10px;
}
.nf-expand-popup-chat .expand-chat-heading {
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
}
.nf-expand-popup-chat .expand-chat-heading .expand-chat-heading-title h2{
    display: flex;
}
.nf-expand-popup-chat .expand-chat-heading .expand-chat-heading-title h2 .tag-btn {
    background-color: #999999;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    padding: 1px 1rem;
    height: 22px;
    text-transform: none;
    min-width: 80px;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right {
    position: absolute;
    bottom: -26px;
    right: 0px;
    margin-top: 0px;
    padding-bottom: 10px;
    z-index: 2;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-btn {
    background-color: #1c74bb;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    min-width: 130px;
    padding: .30rem 1rem;
    border-radius: 20px;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-btn:focus {
    border: 1px solid transparent;
    outline: 0;
    box-shadow: none;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right:hover .imatch-overlay {
    display: block;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-btn .fa-angle-down {
    -webkit-transition: .3s;
    transition: .3s;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right:hover .imatch-btn .fa-angle-right {
    -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-overlay:after,
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-overlay:before {
    bottom: 100%;
    right: 55px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-overlay:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 10px;
    right: 53px;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-overlay:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-overlay {
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    top: 100%;
    right: 0px;
    padding: 5px 10px;
    z-index: 2;
    min-width: 150px;
    display: none;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-overlay ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 99;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-overlay ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: inherit;
    border: none;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-overlay ul li a {
    color: #333;
    text-decoration: none;
    cursor: auto;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-overlay ul li .svg-inline--fa.fa-circle {
    color: #ccc;
    font-size: 14px;
    margin-right: 3px;
}
.nf-expand-popup-chat .expand-chat-heading .imatch-btn-right .imatch-overlay ul li .svg-inline--fa.fa-check-circle {
    color: #2bab58;
    font-size: 14px;
    margin-right: 3px;
}
.nf-expand-popup-chat .expand-chat-message-list > ul > li.step1 {
    margin-left: 50px;
    width: calc(100% - 50px);
}
/* End News Feed Page Css */

header.topbar .topbar-right li.news-feed-icon a {
    position: relative;
    top: 5px;
}
header.topbar .topbar-right li.news-feed-icon a span.point {
    background: #eb3b48;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: -12px;
    right: -10px;
}

.slider-main-box .owl-carousel .owl-wrapper-outer {
padding-top: 17px;
margin-top: -17px;
}

span.span_skill:after, span.span_skill:before{
    content:"\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
    text-decoration:line-through;
}

p.para_skill {
    color: #333;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 8px;
}
.match-overlay .match-overlay-title {
    font-size: 16px;
    background: #1d77bb;
    color: #fff;
    padding: 5px;
    margin: -6px -10px 0px -10px;
    text-align: center;
    margin-bottom: 5px;
}
.profile-progress-title:hover .edit-title
{
    display: inline;
    margin-left: 5px;
}

.edit-title{
    display: none;
}

.item-overlay .custom-control-label{
    margin-left: 20px!important;
    color: #333!important;
    font-weight: 150!important;
}
h3.ellipsis-sub-menu-title.tagged_heading {
    background-color: #1d77bb !important;
}
li.noskillsfound {
    list-style: none;
 }
.chat_right_profile span {
    color: #333;
   text-align: center;
}
.chat_right_profile a {
    color: #333;
}
.chat_right_profile h1 {
    margin: 6px 0 0 0;
    font-weight: normal;
    font-size: 24px;
    color: #333;
 }
.panel-body {
    overflow: scroll !important;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s;
}
.how_match .star {
    width: 200px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    text-decoration: none;
    cursor: auto;
}
.profile-detail-box.about-me-box {
    padding-top: 50px;
}
input.no-border {
    border: none;
}

.mini-sidebar.open .scroll-sidebar .sidebar-nav .sub-head li a span.counters {
    float: right;
}

.notlikeother {
    background: #3eab57;
    border-radius: 50%;
    min-width: 25px !important;
    height: 24px;
    width: 24px;
    padding: 5px;
    color: #fff;
    margin: 12px 17px 0 20px !important;
}

a.reset_btn {
    cursor: pointer;
}

a.tab-button.active.show {
    color: #fff;
    background-color: #222830;
    border-radius: 3px;
    padding: 3px 10px;
}
span.pull-right {
    font-size: 13px;
    color: #666;
    margin-bottom: -10px;
    float: right;
}

.autocomplate-content-area:hover a.noSkill {
    color: white;
}

.hide-right-sidebar .profile-right-sidebar-scroll .profile-toggle-switch .arrow {
    margin: 0px;
}

.dateLine span {
    background: #f7f8fa;
    padding: 0 10px;
}

.dateLine {
    /*text-align: center;*/
    width: 100%;
    /*border-bottom: 1px solid #e4e8ed;*/
    line-height: 0.1em;
    margin: 20px 0px;
}
.dateLine.right {
  text-align: right;
}

span.btn.btn-file {
    background-color: #37b34a;
    min-width: 120px;
    letter-spacing: 1px;
    font-size: 13px;
    border: 0;
    padding: 0.45rem .75rem;
    border-radius: 3px;
    color: #fff;
}

.mini-sidebar .scroll-sidebar .sidebar-nav li.create .sidebar-nav-sub-menu li{
    display: none;
}
.mini-sidebar.open .scroll-sidebar .sidebar-nav li.create .sidebar-nav-sub-menu li {
    display: block;
}
.modal-content .form-group a.input-help-icon {
    color: #999;
    float: right;
    margin: -30px -25px 0 0;
    font-size: 15px;
}
.all-notifications.hide-right-sidebar {
    width: calc(100% - 410px);
}

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

.claim-button-on-hover.view_detail {
    right: 60px;
}

.head-cm-img img {
    width: 80px;
    height: 80px;
}

.head-cm-img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin: 3px 10px 0 10px;
}

.cm-page-container .matched-bids-headings {
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 15px;
}

.works-delight-cm-detail h4 {
    font-weight: bold;
    color: #2bab58;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: flex;
    padding-right: 0px;
}

button.btn.custom-btn-close.go-back {
    float: right;
}
/* Begin Scholarships Page Css 10/09/2020 */

.matched-bids-container.scholarships-page {
}
.matched-bids-container.scholarships-page .matched-bids-heading h1 {
    font-size: 30px;
}
.matched-bids-container.scholarships-page .socials-users-icons-box {
    margin: 0;
    padding: 0;
}
/*.matched-bids-container.scholarships-page .socials-users-icons-box ul {

    width: 440px;

    margin:0 auto;

}*/

.matched-bids-container.scholarships-page .socials-users-icons-box ul li.matched-bids-box-item {
    float: none;
    width: auto;
    background: transparent;
    box-shadow: none;
}
.matched-bids-container.scholarships-page .socials-users-icons-box ul li .works-delight-progress-bar .socials-more-users {
    padding: 20px 0 0 9px;
}
.matched-bids-container.scholarships-page .socials-users-icons-box ul li .works-delight-progress-bar {
    float: none;
    background-color: transparent;
}
.matched-bids-container.scholarships-page .socials-users-icons-box ul li .works-delight-progress-bar .socials-more-users ul.more-users li {
    height:inherit;
    width: inherit;
    margin-bottom:20px;
}
.matched-bids-container.scholarships-page .socials-users-icons-box ul li .works-delight-progress-bar .socials-more-users ul.more-users li img {
    height: 80px;
    width: 80px;
    border-radius: 100%;
    overflow: hidden;
}
.matched-bids-container.scholarships-page .socials-users-icons-box ul li .works-delight-progress-bar .socials-more-users .more-users li.more {
    width: auto;
    margin-left: 20px;
    margin-top: 15px;
}
.matched-bids-container.scholarships-page .socials-users-icons-box ul li .works-delight-progress-bar .socials-more-users .more-users li.more .more-person ul li {
    height: auto;
    width: 100%;
    margin-bottom: 0;
}
.matched-bids-container.scholarships-page .skill-wizard-tab-content {
    padding: 0px 0px 30px 0px;
}
.matched-bids-container.scholarships-page .skill-wizard-tab-content .wizard-checkbox-list {
    padding: 0;
}
.matched-bids-container.scholarships-page .mapping-tabs-box {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-right: 0;
}
.matched-bids-container.scholarships-page .mapping-tabs-box ul.nav li.nav-item {
    float: left;
    width: 25%;
}
.matched-bids-container.scholarships-page .tab-title-main {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
    padding: 0;
}
.matched-bids-container.scholarships-page .tab-title-main span {
    font-size: 18px;
    color: #0081ff;
    font-weight: bold;
}
.matched-bids-container.scholarships-page .tab-title-main b {
    color: #00bc9c;
}
.matched-bids-container.scholarships-page .ds-social-following-list-main {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.matched-bids-container.scholarships-page .news-feed-center {
    width: 100%;
    margin: 0;
    /*height: 395px;*/
}
.matched-bids-container.scholarships-page .job-function-section {
    width: 100%;
    display: inline-block;
}
.matched-bids-container.scholarships-page .job-function-section .job-function-content {
    float: left;
    width: 62%;
    padding-right: 15px;
    border-right: 1px solid #e8e8e8;
}
.matched-bids-container.scholarships-page .job-function-section .job-function-content .jqx-treemap-rectangle-parent > span {
    display: none;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match {
    margin-bottom: 30px;
    float: left;
    width: 100%;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    background: #fff;
    padding: 20px 15px;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider-box {
    padding: 10px 15px;
    width: 100%;
    display: inline-block;
    border: 1px solid #e8e8e8;
    margin: 0;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-mainheight {
    min-height:300px;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider {
    padding: 0;
    width: 100%;
    margin: 0;
    max-height: 350px;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .eighty-match {
    font-size: 40px;
    font-weight: 600;
    color: #333;
    padding: 0;
    margin: 0;
    text-align: center;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .eighty-match span {
    font-size: 18px;
    margin-left: 3px;
    font-weight: 500;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .salary-range {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0 0 10px 0;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .salary-range .first-box,
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .salary-range .last-box {
    text-align: center;
    background-color:#ecf6ff;
    padding:5px 10px;
    width: 48%;
    border: solid 1px #d0e8fd;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .salary-range .last-box {
    background-color:#e6fdee;
    border: solid 1px #b2f5ca;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .salary-range .first-box p,
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .salary-range .last-box p {
    margin:0 0 5px 0;
    font-size: 16px;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .salary-range .first-box b,
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .salary-range .last-box b {
    font-weight: 600;
    font-size: 18px;
    color:#0081ff;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .salary-range .last-box b {
    color:#28b559;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .salary-range .last-box {

}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .salary-range .last-box img.arrowUp {
    margin-top: -8px;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider .how-match-content {
    margin-top: 20px;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider-box.owl-theme .owl-controls .owl-pagination {
    position: relative;
    text-align: center;
    width: 101%;
    bottom: 0;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider-box.owl-theme .owl-controls .owl-buttons {
    display: none;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider-box.owl-carousel:hover .owl-buttons {
    display: block;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider-box.owl-theme .owl-controls .owl-page span {
    background: #999999;
    width: 10px;
    height: 10px;
    margin: 0px 3px;
    opacity: 1;
    display: block;
    border-radius: 20px;
    cursor: pointer;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider-box.owl-theme .owl-controls .owl-page.active span,  .matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider-box.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #37b34a;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider-box.owl-theme .owl-controls .owl-buttons div {
    background: #999999;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    position: absolute;
    top: 40%;
    z-index: 9;
    border-radius: 30px;
    opacity: .5;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider-box.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -20px;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider-box.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -20px;
}
.matched-bids-container.scholarships-page #chart {
    text-align: left;
    box-shadow: 0px 2px 8px rgba(0,0,0,.2);
    border: 1px solid #aaa;
    margin: 32px auto;
    background: white;
}
.matched-bids-container.scholarships-page .dashboard-skills-right .ds-right-how-i-match .how-i-match-slider canvas {
    max-width: 70%;
    margin: 0 auto 20px;
}



.matched-bids-container.scholarships-page .him-progress.circle {
    width: 100%;
    margin: 15px auto 14px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
    max-width: inherit;
}
.matched-bids-container.scholarships-page .him-progress.circle canvas {
    width: 150px;
    height: 150px;
}
.matched-bids-container.scholarships-page .him-progress.circle strong {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: normal;
    color: #333;
    font-size: 36px;
    font-weight: bold;
}
.matched-bids-container.scholarships-page .him-progress.circle strong i {
    font-size: 24px;
    font-style: normal;
}
.matched-bids-container.scholarships-page .him-progress.circle strong span {
    display: block;
    font-size: 16px;
    text-transform: uppercase;;
    font-weight: normal;
    line-height: 14px;
}

/** 01-10-2020 **/
/*.jqx-treemap-label {
    display:none;
}*/
.jobTitle-box {
    float: left;
    width: 38%;
    padding-left: 15px;
}
.Jobs-scrollBar .skills-box-list {
    margin: 0 auto;
    width: 99%;
    padding-right: 3%;
}
.jobTitle-box .Jobs-scrollBar {
    width:100%;
    height: 600px;
}
.jobTitle-box .Jobs-scrollBar .skills-box-list .progres-ellipsis {
    margin-top:10px;
}
.jobTitle-box ul.skills-box-list li {
    width:100%;
}
.matched-bids-container.scholarships-page .socials-users-icons-box ul li .works-delight-progress-bar .socials-more-users ul.more-users li .socials-icons-box
 {
    display: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50px;
    cursor: pointer;
}
.matched-bids-container.scholarships-page .socials-users-icons-box ul li .works-delight-progress-bar .socials-more-users ul.more-users li:hover .socials-icons-box {
    display: flex;
}
.socials-icons-box svg {
    color:#fff;
    font-size:18px;
    padding:0;
    margin:0 3px;
}
.social-main-icons-scroll {
    padding:20px 0 0 0;
}
.social-main-icons-scroll .heading {
    padding-left:15px;
}
.social-main-icons-scroll .ds-right-upcoming-events-see-all {
    padding-right:15px;
}
.jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main  {
    background: #fff !important;
}
.social-main-icons-scroll .ds-social-following-scroll {
    height: 441px;
}
.matched-bids-container.scholarships-page .ds-social-following-list-main.bg-white-box {
    background-color:#fff;
    padding-top: 5px;
}
.ds-right-skill-mate .heading.headingMergin {
    margin: 0 0 10px 0;
}
.news-feed-center .box.boxBorder {
    border: 1px solid #e8e8e8;
    box-shadow: none;
}
/* End Scholarships Page Css */
.ng-tooltip-rightdown:after {
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-color: transparent #212830 transparent transparent;
}
.ng-tooltip { pointer-events: none; }


.claim-button-on-hover.m-right {
    margin-right: 6px;
}

.claim-successful-box textarea {
    width: 100%;
}
li.no-limit {
    width: 66% !important;
}

.home-bg{
    background-color: #f6f8fa;
}
.home-bg .tooltip-inner {
    /* max-width: 500px !important; */
    /* background-color: #4a4a4a; */
}
.home-bg .tooltip.show div {
    text-align:left!important;
}
.home-bg .tooltip-inner .tooltip1 {
    font-size: 18px;
    color: red;
    /* padding: 5px; */
    line-height: 20px;
}
.home-bg .tooltip-inner .tooltip1 {
    font-size: 18px;
    color: red;
    /* padding: 5px; */
    line-height: 20px;
}
.home-bg .tooltip-inner .tooltip2 {
    font-size: 14px;
    color: green;
    /* padding: 5px; */
    line-height: 20px;
}
.home-bg .tooltip-inner .tooltip3 {
    font-size: 12px;
    color: blue;
    /* padding: 5px; */
    line-height: 20px;
}

/* Footer css */
.footer-basic {
    width: 100%;
    background: #5CE1E6;
    display: inline-block;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .footer-basic footer {
    border-top: 1px solid #fff;
    padding: 15px 0px;
    margin: 0 60px;
}

  .footer-basic ul {
    padding:0;
    list-style:none;
    text-align:center;
    font-size:18px;
    line-height:1.6;
    margin-bottom:0;
  }

  .footer-basic li {
    padding:0 10px;
  }

  .footer-basic ul a {
    color:inherit;
    text-decoration:none;
    font-weight: bold;
  }

  .footer-basic ul a:hover {
    text-decoration: underline;
  }

  .footer-basic .copyright {
    margin-top:15px;
    text-align:center;
    font-size:13px;
    color:#fff;
    margin-bottom:0;
    font-weight: bold;
  }

.container-login-box .fpor {
    position: relative;
    text-align: center;
    margin: 15px 0;
    display: inline-block;
    width: 100%;
}
.container-login-box .fpor:before {
    background-color: #ccc;
    height: 1px;
    width: 100%;
    left: 0;
    top: 50%;
    content: "";
    position: absolute;
    margin-top: -0.5px;
}
.container-login-box .fpor span {
    background-color: #fff;
    padding: 0 15px;
    z-index: 1;
    display: inline-block;
    position: relative;
}
.container-login-box .create-account {
    text-align: center;
    padding-bottom: 30px;
}
.container-login-box .create-account a {
    color: #333;
}
.container-login-box .create-account a:hover{
    color: #1d77bb;
    text-decoration: none;
}
.container-login-box .back-login {
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}
.container-login-box .back-login a {
    color: #333;
}
.container-login-box .back-login a:hover{
    color: #1d77bb;
    text-decoration: none;
}
.select2-container .select2-selection--single {
    height: 34px !important;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-selection__rendered:focus,
.select2-container--default .select2-search--dropdown input:focus {
    outline: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}
.my-skills a {
    border-left: 3px solid #161c25;
    padding-right: 30px;
}

li.my-skills:hover a , li.my-skills.active a {
    border-left: 3px solid #1a71b4;
    background: #1c232d;
}

a.reset_btn{
    background-color: #1975bb;
    color: white !important;
}
.modal-open {
    overflow-y: auto !important;
}
.dateLine button {
    background: #f6f8fa;
    color: #69717e;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    line-height: 41px;
    border-radius: 25px;
    border: 1px solid #69717e;
    min-width: 130px;
    height: 42px;
    text-transform: uppercase;
    cursor: text;
}
.separete-e:after {
    position: relative;
    top: 18px;
    left: 64px;
    width: 3px;
    height: 15px;
    background: url(../images/border-dashed-vertical.png);
    content: "";
    display: block;
}

.separete-e:before {
    position: relative;
    top: -18px;
    left: 64px;
    width: 3px;
    height: 15px;
    background: url(../images/border-dashed-vertical.png);
    content: "";
    display: block;
}



.separete-e.right:before{
    position: relative;
    top: -18px;
    left: calc(100% - 68px);
    width: 3px;
    height: 15px;
    background: url(../images/border-dashed-vertical.png);
    content: "";
    display: block;
}
.separete-e.right:after {
  position: relative;
  top: 18px;
  left: calc(100% - 68px);
  width: 3px;
  height: 15px;
  background: url(../images/border-dashed-vertical.png);
  content: "";
  display: block;
}
.separete-e ul:last-child .based_li li {
    border-bottom: none !important;
    padding-bottom: 6px !important;
}
.separete-e ul:first-child .based_li li {
    padding-top: 0 !important;
}
.error-msgs {
    font-size: 12px;
    color: #ff0000;
    width: 100%;
    line-height: 12px;
    padding-top: 3px;
}
input.select2-search__field {
    outline: none !important;
    color: gray;
}
.dot_hidden{
    display: none;
}
.badge-img {
    overflow: visible !important;
    height: auto !important;
    border-radius: 0 !important;
}
.claim-successful-box-item .badge-main,.matched-bids-box-item .badge-main{
  position: absolute;
  left: 5px;
  bottom: 1px;
  text-align: center;
  width: 52px;
}
.badge-main .badge-box {
    text-align: center;
    padding: 5px 0;
}
.badge-main .badge-box span {
    /* width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: inline-block; */
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-right: 2px;
}
.badge-main .badge-box .dark {
    background-color: #1d77bb;
    color: #fff;
}
.badge-main .badge-box .light {
    background-color: #1d77bb;
    color: #fff;
}
.page .claim-successful-box ul li.claim-successful-box-item .claim-successful-box-detail .ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.match-overlay .match-overlay-title .edit-icon {
    margin-left: 5px;
    font-size: 14px;
}

.match-overlay .match-overlay-title .expand-more {
    float: right;
    margin-right: 5px;
    font-size: 14px;
    margin-top: 2px;
    cursor: pointer;
}
.match-overlay .match-overlay-title .expand-more a i,
.match-overlay .match-overlay-title .expand-more a .svg-inline--fa {
    color: #535762;
    fill: #535762;
    font-size: 18px;
}
svg.svg-inline--fa.fa-check-circle.fa-w-16.edit_skills_check {
    font-size: 16px;
    color: #36b34a;
    margin: 0 7px 0 -23px;
}
.skills-check-uncheck {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    margin-top: 15px;
    font-size: 12px;
}
.skills-check-uncheck svg.svg-inline--fa.check {
    font-size: 16px;
    color: #36b34a;
    margin: 0 7px 0 0px;
}

.skills-check-uncheck svg.svg-inline--fa.uncheck {
    fill: #ccc;
    color: #ccc;
    font-size: 16px;
    margin: 0 7px 0 0px;
}
.innerskillsset .carousel-inner {
    height: 100%;
    overflow-y: auto;
}
.claim_agency_note{
    color: red;
    margin-bottom: 0;
}
.page_loader{
    position: fixed;
    top: 65px;
    right: 0;
    bottom: 0;
    left: 70px;
    z-index: 10;
    background-color: #ffff;
}
.page_loader svg {
    display: block !important;
    position: absolute;
    left: 50%;
    top: 50%;
}
.hide_close{
	display: none;
}
@media (max-width: 767.98px) {
.modal-skill-slider .carousel-indicators {
    display: none;
}
.float-btn-right-skill.z-index {
    z-index: 10;
}
.create-main-menu{
  display: none !important;
}
/* .mymatchmenu .increement-counter{
  display: none !important;
} */
/* .mini-sidebar.open .scroll-sidebar .sidebar-nav li a span.count-menu.increement-counter{
  display: none;
} */
.mini-sidebar .scroll-sidebar{
  overflow-y: scroll !important;
  height: calc(100vh - 100px);
}
.tutorial-container.wizard-top {
  left: -43px !important;
}
.tooltip{
  display: none !important;
}
}

@media (max-width: 359px){

/* .fix-content-top {
    height: 35vh;
}
.checkbox{
    margin-top: 35vh;
}
.mark-top {
    height: calc(65vh - 90px);
} */
.front-survey div {
  height: 60px;
  width: 60px;
}
#rotate {
  clip: rect(0 30px 60px 0);
}
#left {
  clip: rect(0 30px 60px 0);
}
#right {
  clip: rect(0 30px 60px 0);
}
#profile_per {
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  width: 50px;
}
.values_head {
font-size: 16px;
}


}

/* new chat css 18-12-2020 */
.cm-chat-box-main {
    padding: 0 5px;
}
.cm-chat-box-main .cm-chat-box {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
.cm-chat-box-main .cm-chat-box.replay-comment {
    padding-left: 55px;
}
.cm-chat-box-main .cm-chat-box .cm-chat-box-img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-top: 3px;
}
.cm-chat-box-main .cm-chat-box .cm-chat-box-img img {
    width: 40px;
    height: 40px;
}
.cm-chat-box-main .cm-chat-box .cm-chat-box-text {
    width: calc(100% - 40px);
    padding-left: 15px;
}
.cm-chat-box-main .cm-chat-box .cm-chat-box-hading {
    display: flex;
    justify-content: space-between;
}
.cm-chat-box-main .cm-chat-box .cm-chat-box-hading .name {
    color: #3F4254;
    font-weight: 600;
}
.cm-chat-box-main .cm-chat-box .cm-chat-box-hading .name:hover {
    color: #1c74bb;
}
.cm-chat-box-main a:hover {
    text-decoration: none;
}
.cm-chat-box-main .cm-chat-box .cm-chat-box-hading .time {
    color: #B5B5C3;
    margin-left: 15px;
}
.cm-chat-box-main .cm-chat-box .cm-chat-box-hading .reply a {
    color: #B5B5C3;
}
.cm-chat-box-main .cm-chat-box .commentbox {
    line-height: 1.25;
    padding: 5px 0;
}
.cm-chat-box-main .cm-chat-box .likes-count {
    display: flex;
    align-items: center;
}
.cm-chat-box-main .cm-chat-box .likes-count a {
    color: #B5B5C3;
}
.cm-chat-box-main .cm-chat-box .likes-count a {
    margin-right: 15px;
}
.cm-chat-box-main .cm-chat-box .likes-count .fa-heart {
    position: relative;
    top: 1px;
}
.cm-chat-box-reply {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #EBEDF3;
    padding: 15px 0;
}
.cm-chat-box-reply .type-msg {
    margin:0;
    padding: 0;
    color: #B5B5C3;
}
.cm-chat-box-reply .submit-btn svg {
    width: 16px;
    height: 16px;
    fill: #B5B5C3;
    margin-left: 15px;
}

/* .btn--shockwave.is-active {
  -webkit-animation: shockwaveJump 1s ease-out infinite;
  animation: shockwaveJump 1s ease-out infinite;
}

.btn--shockwave.is-active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave 1s 0.5s ease-out infinite;
  animation: shockwave 1s 0.5s ease-out infinite;
}

.btn--shockwave.is-active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave 1s 0.65s ease-out infinite;
  animation: shockwave 1s 0.65s ease-out infinite;
}

@keyframes shockwaveJump {
  0% {
    transform: scale(1);
 }
  40% {
    transform: scale(1.08);
 }
  50% {
    transform: scale(0.98);
 }
  55% {
    transform: scale(1.02);
 }
  60% {
    transform: scale(0.98);
 }
  100% {
    transform: scale(1);
 }
}

@keyframes shockwave {
  0% {
    transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
 }
  95% {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0), inset 0 0 30px rgba(0, 0, 0, 0);
 }
  100% {
    transform: scale(2.5);
 }
} */


/* body {
  max-width: 600px;
  margin: 4.8rem auto;
  background: #acd4e4;
  font-family: tahoma, helvetica neue, helvetica, arial, sans-serif;
  background: -webkit-linear-gradient(to right, #acd4e4, #bbe0df);
  background: -webkit-linear-gradient(left, #acd4e4, #bbe0df);
  background: linear-gradient(to right, #acd4e4, #bbe0df);
  text-align: center;
}

.btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.btn {
  width: 6.4rem;
  line-height: 6.4rem;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  margin: 1.6rem;
  font-size: 0.8rem;
  border: none;
  padding: 0;
  position: relative;
  outline: none;
} */

.btn--shockwave.is-active {
  -webkit-animation: shockwaveJump 1s ease-out infinite;
          animation: shockwaveJump 1s ease-out infinite;
}
.btn--shockwave.is-active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave 1s .65s ease-out infinite;
          animation: shockwave 1s .65s ease-out infinite;
  background-color: #51ab4675;
}
.btn--shockwave.is-active:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-animation: shockwave 1s .5s ease-out infinite;
          animation: shockwave 1s .5s ease-out infinite;
  background-color: #51ab4675;
}

.recommanded-skills.btn--shockwave.is-active:before,.recommanded-skills.btn--shockwave.is-active:after{
  background-color: #22283069;
}

.btn--shockwave.is-active:hover:after{
  display: none;
}
.btn--shockwave.is-active:hover:before{
  display: none;
}

@-webkit-keyframes shockwaveJump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  50% {
    -webkit-transform: scale(0.90);
            transform: scale(0.90);
  }
  55% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes shockwaveJump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  50% {
    -webkit-transform: scale(0.90);
            transform: scale(0.90);
  }
  55% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes shockwave {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
  }
  95% {
    box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@keyframes shockwave {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 1px rgba(0, 0, 0, 0.15);
  }
  95% {
    box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
.btn--jump.is-active {
  -webkit-animation: .4s jump ease infinite alternate;
          animation: .4s jump ease infinite alternate;
}

@-webkit-keyframes jump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  }
  100% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
}

@keyframes jump {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  }
  100% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
}

header.topbar ul li.btn--shockwave.is-active a .svg-inline--fa{
  color: #fff;
}

li.btn--shockwave.is-active:hover {
  animation: none;
}

.tutorial-container{
	width: 303px;
	position: absolute;
	left: -319px;
	top: -32px;
	box-shadow: 10px -10px 5px #CCC;
	background-color: #fff;
   box-shadow:  0 0 10px  rgba(0,0,0,0.6);
   -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
   -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
   -o-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
   color: #333;
   border-radius: 6px;
   display: none;
   z-index: 1;
}
.tutorial-container .close {
  position: absolute;
  right: 5px;
  top: 0px;
  z-index: 111;
  font-size: 28px;
}
.tutorial-container .close:focus{
  outline: none;
}
.tutorial-text-container {
  min-height: 75px;
  padding: 10px 0;
  position: relative;
  margin: 0 10px;
}
.turotial-tooltip-text{
	color: #333 !important;
	font-size: 16px !important;
	line-height: 20px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
    padding: 5px !important;
}
.tutorial-action-btn{
	text-align: right;
	line-height: 36px;
}
.tutorial-container.skill-search{
  top: -16px;
}
.tutorial-container.skill-directory{
  top: -20px;
}
.tutorial-container.skill-wizard{
  left: 455px;
  top: -20px;
}
.tutorial-container.wizard-top {
  top: 71px;
  left: -115px;
}
/* .tutorial-container.skill-related{
  top: -5px;
  left: -335px;
} */
.ripple {
  animation: ripple 3s linear infinite;
}
.ripple::before,
.ripple::after {
  content: "";
  grid-area: 1/1;
  border-radius: 50%;
  animation: inherit;
  animation-delay: 1s;
}
.ripple::after {
  animation-delay: 2s;
}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 .7rem rgba(185, 30, 30, 0.2);
  }
  100% {
    box-shadow: 0 0 0 8rem rgba(185, 30, 30, 0);
  }
}

.arrow-right {
  background-color: rgb(255, 255, 255);
  border-left: 1px solid #cbd5e0;
  border-top: 1px solid #cbd5e0;
  height: 0.75rem;
  right: -23px;
  position: absolute;
  top: 17px;
  transform: translate(-50%, -50%) rotate(132deg);
  width: 0.75rem;
}

@keyframes scaling {
  From {
      -webkit-transform: scale(1.0);
  }
  To {
      -webkit-transform: scale(2.0);
  }
}

  .treeLeaves {
  -webkit-animation: scaling 1s infinite alternate;
  animation: scaling 1s infinite alternate;
  }


  .pulse {
    animation: animate 3s linear infinite,scaling 1s linear infinite;
    z-index: 111;
}

.pulse i {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: #fff;
    height: 100%;
    cursor: pointer
}

.animated-none{
  animation: none;
}

@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 rgb(255, 109, 74, 0.7), 0 0 0 0 rgb(255, 109, 74, 0.7);
        z-index: 111;
    }

    40% {
        box-shadow: 0 0 0 50px rgb(255, 109, 74, 0), 0 0 0 0 rgb(255, 109, 74, 0.7);
        z-index: 111;
    }

    80% {
        box-shadow: 0 0 0 50px rgb(255, 109, 74, 0), 0 0 0 30px rgb(255, 109, 74, 0);
        z-index: 111;
    }

    100% {
        box-shadow: 0 0 0 0 rgb(255, 109, 74, 0), 0 0 0 30px rgb(255, 109, 74, 0);
        z-index: 111;
    }
}

#mymatchmenuParent:hover .increement-counter{
  animation: none;
}

.vibrate-1 {
	-webkit-animation: vibrate-1 0.3s linear infinite both;
	        animation: vibrate-1 0.3s linear infinite both;
}

@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

.introjs-helperNumberLayer {
  position: absolute;
  visibility: visible;
  top: -10px;
  left: -33px;
  z-index: 9999999999 !important;
  /* padding: 2px; */
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #40ab57;
  /* background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); */
  width: 35px;
  height: 35px;
  line-height: 31px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000);
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-helperNumberLayer .fa-search{
  color: #fff;
  font-size: 15px;
}

.user-tutorial-top-content .vjs-big-play-button {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  width: 65px!important;
  -webkit-border-radius: 0.8em!important;
  -moz-border-radius: 0.8em!important;
  border-radius: 1.9em!important;
}

.skill-paginate-hide{
  display: none;
}
.skill-paginate-show{
  display: inline-flex !important;
}

.match-claim-follow-like{
  color: #1d76bb;
}
.match-claim-follow-like a{
  display: inline;
}
.custom-control.bubble-modal{
  min-height: 2rem;
}
.profile-avtar-container{
  display: flex;
  flex-wrap: wrap;
}
.profile-avtar-container.mobile{
  display: none;
}
.profile-avtar-container .profile-item {
  width: 116px;
  height: 75px;
  margin: 2px;
  border: solid 2px #ddd;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.profile-avtar-container .profile-item span{
  position: absolute;
  right: -6px;
  top: -10px;
  color: #333;
}
.profile-avtar-container .add-profile-image{
  background-color: #696d74a8;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  cursor: pointer;
}

.profile-avtar-container .add-profile-image .camera-icon{
  font-size: 23px;
  margin: 0;
  width: 100%;
  cursor: pointer;
  display: inline-block !important;
}

.profile-avtar-container .profile-item img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-sm-88.mobile{
  display: none;
}
.enter-your-personal-box .img-upload-error{
  margin-top: 0;
}


.stooltip {
  position: relative;
  display: inline-block;
}

.stooltip .stooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #fff;
  color: #333;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1000;
  left: 0;
  border: 1px solid rebeccapurple;
  top: 27px;
  display: inline-block;
  white-space: normal;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.stooltip:hover .stooltiptext {
  visibility: visible;
}

.popover-header {
  background-color: #69717e;
  border-bottom: 1px solid #69717e;
  color: #fff;
}

.squestion-tooltip{
  vertical-align: super;
  margin-left: 10px;
  color: #1d77bb;
  display: none;
}
.skillofday-tooltip{
  margin-left: 10px;
  color: #1d77bb;
}
.squestion-tooltip2{
  margin-left: 10px;
  color: #1d77bb;
  display: none;
}
.stooltip:hover .squestion-tooltip,.stooltip:hover .squestion-tooltip2{
  display: inline-block;
}
.ghost_danger{
  padding: 5px;
  font-style: initial;
  font-size: 11px;
}
button.btn.btn-primary.submit-expert:disabled{
  background-color: #7b8289;
  border-color: #7b8289;
}

.kt-badge.kt-badge--white{
  color: #fff;
  background: #2bab58;
  font-style: normal;
  font-weight: bold;
}

.kt-badge {
  padding: 0;
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  font-size: 0.7rem;
  text-align: center;
}

.kt-spinner{
position: absolute;
top: 17px;
right: 79px;
}
.kt-spinner.kt-spinner--v2.kt-spinner--success:before {
border: 4px solid #67f7cd;
border-top-color: #09ac7d;
}

.kt-spinner.kt-spinner--v2:before {
-webkit-animation: kt-spinner .5s linear infinite;
animation: kt-spinner .5s linear infinite;
}

.kt-spinner:before {
    width: 39px;
    height: 39px;
    margin-top: -15px;
    margin-left: -4px;
}

.kt-spinner:before {
content: '';
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 0;
border-radius: 50%;
}

@-webkit-keyframes kt-spinner {
to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes kt-spinner {
to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

    .bell{
      width: 40px;
      height: 40px;
      font-size: 40px;
      margin:-13px 0;
      color: #9e9e9e;
      -webkit-animation: ring 4s .7s ease-in-out infinite;
      -webkit-transform-origin: 50% 4px;
      -moz-animation: ring 4s .7s ease-in-out infinite;
      -moz-transform-origin: 50% 4px;
      animation: ring 4s .7s ease-in-out infinite;
      transform-origin: 50% 4px;
    }

    @-webkit-keyframes ring {
      0% { -webkit-transform: rotateZ(0); }
      1% { -webkit-transform: rotateZ(30deg); }
      3% { -webkit-transform: rotateZ(-28deg); }
      5% { -webkit-transform: rotateZ(34deg); }
      7% { -webkit-transform: rotateZ(-32deg); }
      9% { -webkit-transform: rotateZ(30deg); }
      11% { -webkit-transform: rotateZ(-28deg); }
      13% { -webkit-transform: rotateZ(26deg); }
      15% { -webkit-transform: rotateZ(-24deg); }
      17% { -webkit-transform: rotateZ(22deg); }
      19% { -webkit-transform: rotateZ(-20deg); }
      21% { -webkit-transform: rotateZ(18deg); }
      23% { -webkit-transform: rotateZ(-16deg); }
      25% { -webkit-transform: rotateZ(14deg); }
      27% { -webkit-transform: rotateZ(-12deg); }
      29% { -webkit-transform: rotateZ(10deg); }
      31% { -webkit-transform: rotateZ(-8deg); }
      33% { -webkit-transform: rotateZ(6deg); }
      35% { -webkit-transform: rotateZ(-4deg); }
      37% { -webkit-transform: rotateZ(2deg); }
      39% { -webkit-transform: rotateZ(-1deg); }
      41% { -webkit-transform: rotateZ(1deg); }

      43% { -webkit-transform: rotateZ(0); }
      100% { -webkit-transform: rotateZ(0); }
    }

    @-moz-keyframes ring {
      0% { -moz-transform: rotate(0); }
      1% { -moz-transform: rotate(30deg); }
      3% { -moz-transform: rotate(-28deg); }
      5% { -moz-transform: rotate(34deg); }
      7% { -moz-transform: rotate(-32deg); }
      9% { -moz-transform: rotate(30deg); }
      11% { -moz-transform: rotate(-28deg); }
      13% { -moz-transform: rotate(26deg); }
      15% { -moz-transform: rotate(-24deg); }
      17% { -moz-transform: rotate(22deg); }
      19% { -moz-transform: rotate(-20deg); }
      21% { -moz-transform: rotate(18deg); }
      23% { -moz-transform: rotate(-16deg); }
      25% { -moz-transform: rotate(14deg); }
      27% { -moz-transform: rotate(-12deg); }
      29% { -moz-transform: rotate(10deg); }
      31% { -moz-transform: rotate(-8deg); }
      33% { -moz-transform: rotate(6deg); }
      35% { -moz-transform: rotate(-4deg); }
      37% { -moz-transform: rotate(2deg); }
      39% { -moz-transform: rotate(-1deg); }
      41% { -moz-transform: rotate(1deg); }

      43% { -moz-transform: rotate(0); }
      100% { -moz-transform: rotate(0); }
    }

    @keyframes ring {
      0% { transform: rotate(0); }
      1% { transform: rotate(30deg); }
      3% { transform: rotate(-28deg); }
      5% { transform: rotate(34deg); }
      7% { transform: rotate(-32deg); }
      9% { transform: rotate(30deg); }
      11% { transform: rotate(-28deg); }
      13% { transform: rotate(26deg); }
      15% { transform: rotate(-24deg); }
      17% { transform: rotate(22deg); }
      19% { transform: rotate(-20deg); }
      21% { transform: rotate(18deg); }
      23% { transform: rotate(-16deg); }
      25% { transform: rotate(14deg); }
      27% { transform: rotate(-12deg); }
      29% { transform: rotate(10deg); }
      31% { transform: rotate(-8deg); }
      33% { transform: rotate(6deg); }
      35% { transform: rotate(-4deg); }
      37% { transform: rotate(2deg); }
      39% { transform: rotate(-1deg); }
      41% { transform: rotate(1deg); }

      43% { transform: rotate(0); }
      100% { transform: rotate(0); }
    }
  svg.svg-inline--fa.fa-bell.fa-w-14.bell {
      color: #fff;
  }

.new-notification-loading{
  display: inline-flex;
  vertical-align: middle;
}
.fa-spinner.fa-spin.show {
    display: inline-block;
}
h3#thirdHeading {
  font-size: 14px;
  border-bottom: 1px solid #e8e8e8;
  padding: 5px 0;
  margin: 0;
}
div#bodyContent p {
  margin: 0;
  padding: 7px 0;
}
.gm-style-iw-t button {
  top: 4px !important;
  right: 0px !important;
}

.gm-style-iw-t button:focus {
  outline: none !important;
}