.profile-page #container-wrap{padding-top: 24px;}
.profile-page .tabs2 .nav-tabs > li > a{line-height: 31px; min-width: auto;}
.profile-lhs-bar{width: calc(100% - 304px); padding: 0 8px;}
.profile-header{background:#fff url(https://www.techgig.com/files/contest_upload_files/profile_header_bg_030523.png) no-repeat top center; padding-top: 54px; position: relative; border-radius: 6px;}
.profile-header .setting-icon{position: absolute; top: 16px; right: 16px;}
.tgpro-icon-badge{position: absolute; top: 81px; left: 16px;}

.tgpro-percent{color: #fff; font-weight: bold; padding: 6px 8px; border: solid 2px #fff; background: #0FC35D; position: absolute; left: 0; bottom: -10px; right: 0; width: 60px; font-size: 14px; z-index: 2; border-radius: 16px; margin: auto; line-height: 16px; text-align: center;}
.tgpro-percent.tgpro_icon{width: 75px; background: #2D1846;}
.last-time-active{position: absolute; top: 16px; left: 16px; color: #fff;}
#top-bar-percent{background: #E3FCEE; width: 84px; height: 84px; border-radius: 50%; overflow: hidden; margin: auto; border:solid 2px #fff;}
#top-bar-percent img{max-width: 105%; max-height: 105%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.wd104{width: 104px;}
.profile-lhs-section .tabs2 .nav-tabs{border-bottom:solid 1px transparent; margin-bottom: 0; background: #fff;}
.profile-lhs-section .tabs2 .nav-tabs > li > a,.profile-lhs-section .tabs2 .nav-tabs > li > a:hover,.profile-lhs-section .tabs2 .nav-tabs > li > a:focus{border-bottom:solid 2px #F2F2F2;}
.profile-lhs-section .tabs2 .nav-tabs > li > a.active{border-bottom-color: #D7263D;}

#user_streght_display{background:#fff url(https://www.techgig.com/files/contest_upload_files/user_profile_completion_120623.png) no-repeat center -1px;}

.p-strength .hover-node.font12.dark-node {margin-left: -165px;}
.p-strength .hover-node::after{margin-left: 58px;}
#tguser-profile .box-default.pad24{padding: 22px; border:solid 2px #fff;}
#tguser-profile .box-default.pad24.sample-content{border-color: #FEB95F; position: relative;}
#tguser-profile .box-default.pad24.sample-content ._emptyblock{display: none;}

.char_block .ullegends{display: flex; justify-content: flex-start;}

.sample-content .samplechart_data{display: block;}
.sample-content::before{content: "Sample Performance"; font-size: 12px; color:#fff; display: block; left: 50%; top: 0px; margin-left: -64px; padding:6px 8px; background: #FEB95F; width: 128px; position: absolute; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.profile-rhs-bar .nav-link:first-child{border-top-left-radius: 6px; border-top-right-radius: 6px;}
.profile-rhs-bar .nav-link:last-child{border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.profile-rhs-bar .nav-link{padding: 13px 16px; background: #fff; color: #4A4548; border-radius: 0; margin-bottom: 1px;}
.profile-rhs-bar .nav-link:hover,.profile-rhs-bar .nav-link:focus,.profile-rhs-bar .nav-link.active{background: #fff; color: #19171A;}
.profile-rhs-bar .nav-link:hover path[stroke]{stroke: #4A4548;}
.profile-rhs-bar .nav-link:hover path[fill]{fill: #4A4548;}
.profile-rhs-bar .nav-link.active{font-weight: bold; color: #D7263D;}
.profile-rhs-bar .nav-link:focus path[stroke],.profile-rhs-bar .nav-link.active path[stroke]{stroke: #D7263D;}
.profile-rhs-bar .nav-link:focus path[fill],.profile-rhs-bar .nav-link.active path[fill]{fill: #D7263D;}
.orbar{position: relative; text-align: center;}
.orbar::after{position: absolute; height: 1px; background: #dadada; top: 50%; margin-top: -1px; left: 0; right: 0; content: "";}
.orbar span{display: inline-block; background: #fff; color: #8A858D; font-size: 14px; line-height: 20px; padding: 2px 4px; margin: auto; position: relative; z-index: 1;}
.msg-warning{padding: 16px; color:#FE950B; background: #FFF4E6; border-radius: 6px; font-weight: bold;}
.tag-action.green{background: #E3FCEE; color: #058C42; border: 1px solid #CCF7DF;}
.tag-action.blue{background: #E4F0FB; color: #3C91E6; border: 1px solid rgba(60, 145, 230, 0.15);}
.tag-action.red{background: #FFE6E6; color: #FF0000; border: 1px solid #FFE6E6;}
.tag-action.orange{background: #FFF4E6; color: #DF9216; border: 1px solid #FFECD3;}
.tag-action.purple{background: #EFE4FB; color: #88498F; border: 1px solid #EFE4FB;}
._skill_close{position: absolute; top: 5px; right: 5px;}

.modal .tag-action{font-weight: 600;}
.tag-action.green:not(.normal) svg path{fill: #058C42;}
.tag-action.blue:not(.normal) svg path{fill: #3C91E6;}
.tag-action.red:not(.normal) svg path{fill: #C43145;}
.tag-action.orange:not(.normal) svg path{fill: #DF9216;}
.tag-action.normal ._skillicon_selected{border:solid 1px #fff; background: #fff; border-radius: 50%; width: 16px; height: 16px; transition: all 0.5s;}
.tag-action.normal ._skillicon_selected img{visibility: hidden;}
.tag-action.normal:hover ._skillicon_selected{border-color: #0FC35D;}
.tag-action.normal ._skillslection:checked + ._skillicon_selected{border: none;}
.tag-action.normal ._skillslection:checked + ._skillicon_selected img{visibility: visible;}

.checkbox-parentbox.current .nodisplay{display: block;}
.benchmark_disabled ._label{opacity: 0.5; pointer-events: none;}
#viewQRcode .modal-sm{max-width: 336px;}

#top-bar-percent.progress-circle:after{width: 72px; height: 72px; top:4px; left: 4px;}
#top-bar-percent .user-ppic{width: 72px; height: 72px; top: 4px; left: 4px; right: 0; bottom: 0; z-index: 1; position: absolute; padding: 4px; border-radius: 50%; overflow: hidden; display: flex;}
#top-bar-percent .left-half-clipper{width: 80px; height: 80px; clip:rect(0, 80px, 80px, 40px);}
#top-bar-percent.progress-circle.over50 .left-half-clipper{clip:rect(auto,auto,auto,auto);}
#top-bar-percent .value-bar{clip: rect(0, 40px, 80px, 0); width: 80px; height: 80px; border: 4px solid transparent;}
#top-bar-percent.progress-circle.over50 .first50-bar{clip: rect(0, 80px, 80px, 40px); background-color: #0FC35D; border-radius: 50%; width: 80px; height: 80px;}

.aitool{background: #FFF4E6; border: 1px solid #FEB95F; border-radius: 53px; padding:12px; padding-right: 20px; margin-top: 16px;}
.aitool .media-body{color: #000;}
.greybox-skil-section{padding: 24px; background: #F7F7F7; border-radius: 6px;}


.user-personal-details{display: flex; flex-flow: row wrap;}
.user-personal-details .user-col{padding: 24px; padding-right: 12px; border: 1px solid #F2F2F2; border-top-width: 2px; border-bottom: none;}
.user-personal-details .user-col:last-child{border-right-color: transparent;}
.user-personal-details .user-col:first-child{border-left-color: transparent;}

.practice-group-wrap{margin-top: 24px;}
.practice-group{padding-left: 24px; position: relative; padding-bottom: 32px;}
.practice-group.end:after,.charptergroup .practice-group-wrap:last-child .practice-group:after {content:none;}
.practice-group:after{position: absolute;content:""; left:5px; top: 6px; bottom: -6px; width: 1px; border-left: solid 1px #dadada;}
.practice-group::before{content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 10px; position: absolute; left: 0px; top: 6px; background: #dadada; border-radius: 50%; z-index:1;}
.practice-group.active i.circle {background: #feb95f; border-color:transparent;}
.practice-group:last-child{padding-bottom: 0;}
.practice-group:last-child::after{content: none;}
.tag-action.contest-lbl{font-size: 11px; padding: 4px 16px; border-color: transparent; line-height: 14px; margin: 0;}
.generatemore{position: relative;}

.generatemore .hover-node-content{white-space: nowrap;}
.generatemore .hover-node::after{left: 0; top: 15px;}
.informtion-success{padding:15px; border: solid 1px #0FC35D; border-radius: 12px; background: #E3FCEE; color: #19171A; font-weight: 600;}
.informtion-success .tgpro-label{background: #19171A; color: #fff; text-transform: uppercase; font-size: 10px; position: absolute; top: 0px; margin-top: -9px; left: 0; margin-left: 16px; padding: 4px 8px; border-radius: 16px; font-weight: 700; line-height: 10px;}
#v-pills-tab{position: sticky; top: 0px;}
.primaryWidget-section .font12,.primaryWidgetsection .font12{font-size: 11px;}
.information-block{padding-top: 24px; padding-bottom: 24px; border-bottom: solid 1px #DADADA;}
.user-setting_block.information-block{padding-bottom: 16px; padding-top: 16px; border-bottom-style: dashed;}
.information-block:last-child{border-bottom-color:transparent; padding-bottom: 0;}
.user_settings{background-image: url(https://www.techgig.com/files/contest_upload_files/user_settings_bg_080523.png); background-repeat: no-repeat; background-position: top center;}
.btn-upload-img{border-radius: 40px; border:solid 1px #dadada; transition: all 0.5s; color:#fff; background: rgba(255, 255, 255, 0.3); padding: 7px 16px;}
.btn-upload-img path{transition: all 0.5s;}
.btn-upload-img:hover{border-color: #fff; background: #fff; color: #19171A;}
.btn-upload-img:hover path{stroke: #19171A;}
.user-pic_block{padding: 4px; background: #fff; width: 96px; height: 96px; text-align: center; border-radius: 50%; margin-right: 24px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.user-pic_block img{max-width: 100%; max-height: 100%; margin: auto;}
.user-pic_block.usersetting{width: 104px; height: 104px;}
.user-pic_block.default-radius{border-radius: 6px;}
.user_pic_block .posoverlay{display: none; transition: all 0.5s; background: rgba(0,0,0,0.6); border-radius: 50%; margin: 0px; cursor: pointer;}
.user-pic_block .posoverlay{margin: 4px;}
.user_pic_block:hover .posoverlay{display: flex; align-items: center; justify-content: center;}
.resume-uploaded-box{padding: 16px; border-radius: 6px; background: #F7F7F7;}
.resume-upload-complete{background: #E3FCEE;}
.progress_section .progress-bar{background: rgba(41, 180, 115, 0.2);}
.progress-bar > div{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.progress-bar.height4{height: 4px;}
.secondry-email-block{border-top: dashed 1px #dadada; padding-top: 16px; margin-top: 16px;}
.publicinput{position: relative;}
.publicinput:before {content: "https://www.techgig.com/pub/"; position: absolute; left: 16px; width: 191px; top: 0; display: block; color: #8A858D; z-index: 1; right: 0; bottom: 0; line-height: 40px;}
.publicinput input{padding-left: 204px; color: #19171A;}

.sm-label-tag{margin: 0; padding: 3px 4px; border-color: #dadada; padding-right: 12px;}
.markprimary:checked + .sm-label-tag{background: #F7F7F7;}
.markprimary:checked + .sm-label-tag ._fill{fill: #0FC35D;}
.markprimary:not(:checked) + .sm-label-tag:hover ._grstroke,.markprimary:not(:checked) + .sm-label-tag:hover ._stroke,.markprimary:checked + .sm-label-tag ._grstroke{stroke: #0FC35D;}
.markprimary:checked + .sm-label-tag ._stroke{stroke: #fff;}
.markprimary:checked + .sm-label-tag .txttext{color:#19171A; font-weight: bold;}

.markprimary:not(:checked) + .sm-label-tag:hover{border-color: #8A858D;}
.markprimary:not(:checked) + .sm-label-tag:hover ._fill{fill: #fff;}
.csscharts tspan{font-size: 12px;}

/* .sm-label-tag.bg-light{background: #F7F7F7;} */
.label-tag-action{padding: 4px 8px; cursor: pointer;}
.popupinput:checked + .label-tag-action:not(.pskill):hover,.label-tag-action:not(.pskill):hover{border-style: dashed; border-color: #058C42; background: #E3FCEE;}
.popupinput:checked + .label-tag-action{border-color: #058C42; background: #058C42;}
.popupinput:checked + .label-tag-action span{color: #fff;}
.popupinput:checked + .label-tag-action svg path{fill: #fff;} 
.label-tag-action:not(.pskill):hover span{color: #058C42;}
.popupinput:checked + .label-tag-action:not(.pskill):hover svg path,.label-tag-action:not(.pskill):hover svg path{fill: #058C42;}
.h32{height: 32px;}
.tag-action.skilltag{border-color:transparent; padding: 3px 12px; background: #fff; color: #8A858D;}
.tag-action.skilltag:hover{border-color: #4A4548; color:#4A4548; background: #fff;}
.slick-slide img{margin: auto;}



.arrow_icon:not(.slick-disabled) .pathfill{fill: #19171A;}
.arrow_icon:not(.slick-disabled) .pathstorke{stroke: #fff;}
.arrow_icon:not(.slick-disabled) .pathdark{stroke: #19171A;}
.arrow_icon.right_arr{transform: rotate(180deg);}

.more-option{margin-right: -8px;}

.progress-circle.wd80{width: 80px; height: 80px; background: #F2F2F2;}
.progress-circle.wd80:after{top: 8px; left: 8px; width: 64px; height: 64px;}
.progress-circle.wd80 .left-half-clipper{width: 80px; height: 80px;}
.progress-circle.wd80.over50 .left-half-clipper{clip: rect(auto,auto,auto,auto);}
.progress-circle.wd80 .value-bar{clip: rect(0, 40px, 80px, 0); width: 80px; height: 80px;}
.progress-circle.wd80.over50 .first50-bar{clip: rect(0, 80px, 80px, 40px); width: 80px; height: 80px;}
.role-profile-pic{display: flex; position: relative; z-index: 1; font-weight: 800; align-items: center; justify-content: center; height: 100%;}

.learning-section {border: solid 1px #dadada; border-radius: 6px; margin: 0; margin-top: 24px;}
.learning-section .col-sm-20 {padding: 16px;}
.learning-section .col-sm-20+.col-sm-20 {border-left: solid 1px #dadada;}
.col-sm-20 {width: 20%;}
.role-column{border-radius: 6px; background: #FFFFFF; border: 1px solid rgba(218, 218, 218, 0.5); height: calc(100% - 32px); margin-bottom: 32px;}
.new-role-colum{border-style: dashed;}
.role-column.popuprole{margin: 0;}
.profile-skills{background: #F7F7F7; border-top: 1px solid rgba(218, 218, 218, 0.5);}
.profile-info,.profile-skills{padding: 24px;}
@keyframes mymove {from {left: 132px;} to {left: 150px;}}

.badgegroup{width: 80px; height: 80px; border-radius: 50%; background: rgba(255, 222, 57, 0.2); display: flex; align-items: center; justify-content: center;}
.iconbadge{margin-right: 24px;}
.silverbadge{background: rgba(198, 204, 208, 0.2);}
.silverbadge .badge-type{stroke: #C6CCD0;}
.silverbadge .badge-fill{fill: #C6CCD0;}
.bronzebadge{background: rgba(227, 185, 143, 0.2);}
.bronzebadge .badge-type{stroke: #E3B98F;}
.bronzebadge .badge-fill{fill: #E3B98F;}
.modal .modal-border-footer{border-top:solid 1px #F2F2F2;}
.profile_widget_block{position: fixed; bottom: 20px; right: 8px; box-shadow: 0px 8px 18px -6px rgba(25, 23, 26, 0.12), 0px 12px 42px -4px rgba(25, 23, 26, 0.12); border-radius:50%; z-index: 3;}
.profile_widget_block .tgpro-percent{box-shadow: 0px 8px 18px -6px rgba(25, 23, 26, 0.12), 0px 12px 42px -4px rgba(25, 23, 26, 0.12);}
.profile_widget_block{display: none;}
.tg-spacing .modal-body{padding-top: 0px; padding-bottom: 0px;}
#user_streght_display .modal-header .close{margin-top: -24px; margin-right: -24px;}
.share-widget-cta{margin-top: 20px; padding-top: 4px;}
.share-resume-block{position: absolute; bottom: 28px; width: 244px; display: none; box-shadow: 0px 8px 22px -6px rgba(25, 23, 26, 0.12), 0px 14px 64px -4px rgba(25, 23, 26, 0.12); left: 0;}
.share-widget-cta:hover .share-resume-block{display: block;}

#_cand_participation_companies .chart-column .column > .col{width: 48px;}
#_cand_participation_companies .chart-column .column > .textdark + .col{background: #d1d1d1;}
._blockheader{position: relative; z-index: 2;}
ul.token-input-list-facebook li input,ul.token-input-list-facebook li input.form-control:focus{min-height: 36px; height: auto !important;}

.__profile_completion_status{padding:0 23px;}
.__profile_completion_status .__profile-separte-bar{border-right: dashed 1px #dadada;}
.progress-circle.wd-cirlce-32{width: 32px; height: 32px;}
.progress-circle.wd-cirlce-32:after{top: 4px; left: 4px; width: 24px; height: 24px;}
.progress-circle.wd-cirlce-32 .value{position: absolute; line-height: 32px; width: 32px; text-align: center; display: block; color: #53777A; z-index: 2;}
.progress-circle.wd-cirlce-32 .left-half-clipper{width: 32px; height: 32px; position: absolute; clip: rect(0, 32px, 32px, 16px);}
.progress-circle.wd-cirlce-32.over50 .left-half-clipper {clip: rect(auto,auto,auto,auto);}
.progress-circle.wd-cirlce-32.over50 .first50-bar {clip: rect(0, 32px, 32px, 16px); width: 32px; height: 32px;}
.progress-circle.wd-cirlce-32 .value-bar {position: absolute; clip: rect(0, 16px, 32px, 0); width: 32px; height: 32px; border-radius: 50%; border: 4px solid transparent;}
.progress-circle.wd-cirlce-32 .user_pic_block{position: relative; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 2;}
/** Profile upload ***/
.upload-profile-box{width: 160px; height: 160px; display: flex; align-items: center; justify-content: center; background: #F7F7F7; border:dashed 1px #dadada; margin: auto; border-radius: 50%;}
.upload-profile-box .ctrlcenter{border-radius: 50%; text-align: center; padding: 24px;}
.upload-profile-box .anchor{color: #D7263D;}
.__ctrlcontrol{z-index: 1; margin: 0; border-radius: 50%;}
.image-error{background: #FFE6E6; border-color: #FF0000;}
._plussymbol{position: absolute; bottom: 0; left: 50%; margin-left: -12px; margin-bottom: -12px;}
#uploadedimgbox .croppie-container .cr-viewport,#uploadedimgbox .croppie-container .cr-resizer{box-shadow: 0 0 2000px 2000px #fff;}

.box-wrap{width: 160px; margin: auto; text-align: center; position: relative; line-height: normal; z-index: 2; height: 0; display: none;}
.move-icon-info{display: inline-block; background: rgba(255, 255, 255, 0.59); padding: 4px 8px; border-radius: 22px; font-size: 12px; color:#4A4548; position: absolute; left: 50%; margin-left: -36px; bottom: -140px;}
.move-icon-info > span{line-height: 17px;}
.cr-slider-wrap{position: relative;}
.cr-slider-wrap::before,.cr-slider-wrap::after{content: ""; left: -20px; top: 0; background: url('https://www.techgig.com/files/contest_upload_files/search-zoom-out.svg'); position: absolute; width: 24px; height: 24px;}
.cr-slider-wrap::after{left: auto; right: -20px; background-image: url('https://www.techgig.com/files/contest_upload_files/search-zoom-in.svg');}
.cr-boundary .box-wrap{display: block;}
.cr-boundary:hover .box-wrap{display: none;}
img.cr-image[src=""] {visibility: hidden;}

input[type="range"]{-webkit-appearance: none; appearance: none; background: transparent; cursor: pointer;}
input[type="range"]:focus {outline: none;}

/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]::-webkit-slider-runnable-track {background: #F7F7F7; height: 4px;}
input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; margin-top: -8px; background-color: #0FC35D; height: 20px; width: 20px; box-shadow: 0px 2px 6px rgba(25, 23, 26, 0.12);border: 2px solid #fff;}



/******** Firefox ********/
input[type="range"]::-moz-range-track {background: #F7F7F7; height: 4px;}
input[type="range"]::-moz-range-thumb {border: none; border-radius: 0; background-color: #0FC35D; height: 20px; width: 20px; box-shadow: 0px 2px 6px rgba(25, 23, 26, 0.12);border: 2px solid #fff;}
/* input[type="range"]:focus::-moz-range-thumb {border: 1px solid #F7F7F7; outline: 1px solid #fff; outline-offset: 0.125rem;} 
input[type="range"]:focus::-webkit-slider-thumb {border: 1px solid #F7F7F7; outline: 3px solid #fff; outline-offset: 0.125rem;}
*/

.qrcode{width: 120px; height: 120px; display: inline-block;}
.qrcode .posoverlay{display: none;opacity: 1; background: rgba(0,0,0,0.5);}
.qrcode:hover .posoverlay{display: flex;}
.skill-performance-sec,.user-learnings-sec,.user-achievements-sec,.user-experience-sec,.user-education-sec{min-height: 300px;}

/** Resume parser **/
.btn-resume-parser{background: #FEB95F; color: #19171A; border-radius: 3px; margin-right:16px; align-items: center; padding: 7px 16px; line-height: 12px;}
.btn-resume-parser:hover{background: #FD9E22;}
.parser-bottom{position: fixed; z-index: 2; bottom: 0; left: 0; right: 0; padding: 24px 0; background: #fff; border-top: 1px solid #DADADA;}
.powered-by{position: absolute; width: 100px; right: 5px; top: 50%; display: inline-block; margin-top: -22px;}
.resume-parser-content.message-inner-content{box-shadow: none; margin-bottom: 16px; color: #0FC35D;}

.experience-info:last-child .accord-input + .accord-heading,.education-info:last-child .accord-input + .accord-heading{margin-bottom: 0;}


.accord-input + .accord-heading label{cursor: pointer;}
.exp-list-item{padding-top: 16px; padding-left: 32px; position: relative;}
.exp-list-item .exp-item-content{border-bottom: dashed 1px #DADADA; padding-bottom: 16px;}
.exp-list-item::after{position: absolute; top: 0px; bottom: 0; left: 6px; width: 1px; background: #DADADA; display: block; content: "";}
.exp-list-item::before{position: absolute; top: 22px; bottom: 0; left: 0; width: 12px; height: 12px; display: block; content: ""; background: #DADADA; border-radius: 50%;}
.exp-list-item:first-child::after,.exp-list-item:first-child::before{top: 20px;}
.exp-list-item:last-child .exp-item-content{border-bottom-color:transparent;}
.exp-list-item:last-child.exp-list-item::after{bottom: auto; height: 22px;}
.edit-mode-active .exp-list-item:not(.section-active){display: none;}
.exp-list-item.section-active{padding-left: 0; }
.exp-list-item.section-active::after,.exp-list-item.section-active::before{content: none;}
.exp-list-item.section-active .accord-heading{display: none;}
#user-profile-update .modal-footer{box-shadow: 0px 18px 88px -4px rgba(25, 23, 26, 0.14), 0px 8px 28px -6px rgba(25, 23, 26, 0.06);}
/** ./Resume parser **/

.ultablist{display: flex; margin: 0; padding: 0; list-style-type: none;}
.ultablist li{flex: 1; text-align: center; color: #8A858D; position: relative;}
.ultablist li::after,.ultablist li::before{content: ""; left: 0; width: 50%; top: 8px; height: 2px; background: #DADADA; position: absolute; z-index: 1;}
.ultablist li.bar-left-active::before,.ultablist li.bar-right-active::after{background: #0FC35D;}
.ultablist li::after{right: 0; left: auto; width: 50%;}

.ultablist li.bar-first::before{left: 50%;}
.ultablist li.bar-last::after{content:none;}
.ultablist li span{display: inline-block; margin: auto; width: 16px; height: 16px; border-radius: 50%; border:solid 2px #DADADA; background: #fff; z-index: 2; position: relative;}
.ultablist li.active{color: #4A4548; font-weight: bold;}
.ultablist li.active span{border-color: #0FC35D; background: #0FC35D;}
.ultablist li.active span::after{content: ""; width: 6px; height: 9px; border: solid 1px transparent; border-bottom-color: #fff; border-right-color: #fff; display: block; position: absolute; transform: rotate(41deg); left: 3px;}
#tj-profile .modal-footer>*{margin-left: -8px; margin-right: -8px;}

.qrcode.posrel.generating_qr {position: relative;}
.qrcode.posrel.generating_qr:before {content: "Generating QR..."; font-size: 12px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center; color: #8A858D;}
.qrcode.posrel.generating_face_qr {position: relative;}
.qrcode.posrel.generating_face_qr:before {content: "Generating Face QR..."; font-size: 12px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center; color: #8A858D;}
#location + .select2{width: 100% !important;}
@media (min-width: 992px){
    .modal-md{
        max-width: 600px;
    }
}

@media (min-width:768px) {
    #rhs-profile-section,#profilenav{position: sticky; top: 0px; z-index: 9;}
    .role-column{margin-left: 12px; margin-right: 12px;}
    #profile_strength_section{margin-left: -12px; margin-right: -12px;}
    .progress_section{margin-right: 16px;}
    .profile-rhs-bar{width: 304px; padding-right: 8px;}
    .profile-lhs-bar{padding-right: 24px;}
    #tguser-profile > .box-default:first-child{border-top-left-radius:0px; border-top-right-radius:0px;}
    #profilenav .tab_parents{border-top-left-radius:6px; border-top-right-radius:6px;}
    .generatemore .hover-node{display: inline-flex; left: 150px; margin-top: -8px; z-index: 3; animation-name: mymove; animation-duration: 0.5s; /* or: Xms */ animation-iteration-count: infinite; animation-direction: alternate; /* or: normal */ animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 1s; /* or: Xms */}
    .aitool .media-body{padding-right: 24px;}
    .tgpro-profile-block{height: 133px; margin-bottom: 16px;}
    .role-column{display: flex; flex-flow: column wrap; justify-content: space-between;}
}
@media (max-width:768px) {

    /** Resume Parser **/
    #user-profile-update.modal-dialog{margin: 0;}
    #user-profile-update .modal-content{border-radius: 0;}
    #user-profile-update .accord-footer-ctrl{justify-content:center}
    #user-profile-update .powered-by{position: static; display: block; margin: auto; text-align: center;}
    #user-profile-update .modal-footer .ctrlcenter{flex-flow: column wrap;}
    #user-profile-update .modal-footer .ctrlcenter .button1{margin-right: 0px; margin-bottom: 16px;}
    .ultablist li.active.bar-right-active div,.ultablist li span,.ultablist li div{display: none;}

    .ultablist li::after,.ultablist li::before{content: none;}
    .ultablist{position: absolute; left: 0; right: 0; top: 0;}
    .ultablist li{flex:1; height: 8px; background: #F2F2F2;}
    .ultablist li.active.bar-right-active{border-radius: 0;}
    .ultablist li.active{background: #0FC35D; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
    .ultablist li.active div{padding-top: 8px; display: block;}
    /** ./Resume Parser **/


    #profilestrength .modal-footer .btn + .btn{margin-top: 16px;}
    #profilestrength .modal-footer .btn{width: 100%;}
    #profilestrength .tgpro-profile-block{height: 135px;}
    #profilestrength .we-weight{white-space: nowrap;}
    #rhs-profile-section{display:none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding: 16px; background: rgba(0,0,0,0.6); z-index:1003;}
    #rhs-profile-section > article{position: fixed; transform: translateX(-50%) translateY(-200%); top: 50%; left: 50%; width: 295px;max-height: 90%; overflow: auto;}
    #rhs-profile-section.show_box > article{animation-name: animate_box; animation-duration: 0.5s; /* or: Xms */ animation-iteration-count: 1;  animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */ animation-fill-mode: forwards; /* or: backwards, both, none */ animation-delay: 0.5s; /* or: Xms */}
    @keyframes animate_box {from {transform: translateX(-50%) translateY(-200%);} to {transform: translateX(-50%) translateY(-50%);}}
    #rhs-profile-section .close {color: #fff; float: none; opacity: 1; font-weight: normal; margin-bottom: 8px;}
    
    .box-default.pad24.mobile_box{padding: 16px;}
    .mobile_icon_cta .ctatext{display: none;}
    .mobile_icon_cta.nobg{background: transparent;}
    .user-pic_block{margin-right: 16px;}
    .mobile_icon_cta{padding: 7px !important;}
    #tguser-profile .box-default.pad24{border:none; padding: 16px;}
    .aitool{border-radius:6px;}
    .aitool .flex-shrink-0{margin-top: 16px;}
    
    .profile-lhs-bar,.profile-rhs-bar{width: 100%; margin-bottom: 16px;}
    .learning-section .col-sm-20{width: 50%;}
    .learning-section .col-sm-20{border-bottom: solid 1px #dadada;}
    .user-setting-content-section{margin-top: 16px;}
}

@media (max-width:480px) {
    .profile_widget_block{display: block;}
}

#w-history td a{
    text-wrap: nowrap;
    text-wrap-mode: nowrap;
}