/* ==========================================================================
	Profile Page Specific Settings
========================================================================== */

/*--- Widget - Profilerhs  --- */
.widget.profile-widget .widget-heading { margin-bottom:8px; padding-right:0px; }
.widget.profile-widget .widget-heading .select.inline { margin-left:16px; width:auto; min-width:120px; display:inline-block; margin-top:0px; }
.widget.profile-widget .widget-heading .select { width:auto; min-width:120px; margin-top:8px; display:inline-block; }
.widget.profile-widget li .button2 { min-width:120px; margin-top:4px; }
.widget.profile-widget li .button2.unfollow { background:#dadada; color:#fff; border:none; border:solid 1px #dadada;  }
.widget.profile-widget li .button2.unfollow:hover { background:#fff; color:#d7263d; border:solid 1px #d7263d;}
.widget.profile-widget li .follow_user { margin-top:8px;}
.widget.profile-widget li figure.no-border { border:none; }
.widget.profile-widget li figure img  { max-width:62px; max-height:62px; border-radius:3px; }
.widget.profile-widget .widget-footer { border-top:1px solid #e0e0e0;}
.widget.profile-widget .widget-footer a { color:#d7263d; font-weight:600; font-size:14px; display:block; padding:12px; text-align:center;  }
.widget.profile-widget .widget-footer .arrow-icon { display:inline-block; width:16px; height:16px; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-194px -240px; vertical-align:text-bottom; }

.widget.profile-widget .tabs1 .nav-tabs { background:#f7f7f7; border-radius:6px 6px 0px 0px; margin-bottom:0px; }
.widget.profile-widget .tabs1 .nav-tabs  li { width:50%; }
.widget.profile-widget .tabs1 .nav-tabs  li  a { padding:13px; }


/*#user-info .action-controls  { margin-top:0;}
#user-info:hover .action-controls { display:block; }*/

/*----- User Profile Details ----*/
.userinfo-list{display: flex; flex-flow:row wrap;}
.userinfo-list > .fctrl{margin-right: 16px; margin-top: 8px;}
#user-profile-details .overall-title { position:relative; bottom:-40px; z-index:2; float:left; width: 100%;}
#user-profile-details .overall-title h3 { float:left; line-height:36px; margin-bottom:0;}
#user-profile-details .overall-title p { float:left; margin-bottom:0;}
#user-profile-details .overall-title .vs { color:#8a858d; display:inline-block; vertical-align:middle; font-size:14px; font-weight:normal; margin:0 16px;}
#user-profile-details .overall-title h3 small { color:#8a858d; display:inline-block; font-size:14px; font-weight:normal;}
#user-profile-details .overall-title h3 .vs { position:relative; top:-1px;}
#user-profile-details .overall-title .select { display:inline-block; vertical-align:middle; width:auto; min-width:162px; }
#user-profile-details .overall-wrap { position:relative; margin-top:-37px;}
.certificateListing .icon-img{margin-right: 20px; float: left;}
.certificateListing .desc-list{padding-left: 80px;}
/*----- User Overall Graph ----*/
#user-overall-graph {position:relative; float:left; width:100%;}

/*----- Profile History Section ----*/
.profile-history-section .load-more { min-width:120px; }
.profile-history-section .table1-wrap { margin-bottom:16px;}
.profile-history-section header h5 { margin-bottom:8px;}
.profile-history-section header .action-lnk { margin-left:8px;}
.profile-history-section .recent-view-list { list-style-type:none; margin:0px; padding:0px; }
.profile-history-section .recent-view-list li { margin-bottom:12px;  font-size:14px; }
.profile-history-section .recent-view-list li .name { color:#8a858d; }
.profile-history-section .recent-view-list li .time { display:block; color:#8a858d; padding-top:4px; }
.profile-history-section .recent-view-list li:last-child{ margin-bottom:16px; }
.profile-history-section .my-status-block { margin-top:-4px;}
.profile-history-section:hover .action-controls { display:block; }

/*----- Profile About Section ----*/
.profile-about-section h4{font-size: 20px; font-weight: bold;}
.profile-about-section .add-link { font-size:14px; font-weight:600; display:block;}
.profile-about-section .add-link .icon { margin-right:4px; display:inline-block; width:16px; height:16px; background:url(images/tg_images_new/sprites.svg)-260px -240px no-repeat; vertical-align:text-bottom; }
.profile-about-section .block { display:block; color:#8a858d; padding-top:4px; }
.profile-about-section:last-child { padding-bottom:0px; margin-bottom:0px; border:none; }
.profile-about-section dl.description-list dt { min-width:152px; margin-bottom:0px; }
.profile-about-section dl.description-list dd{ margin-left:160px; margin-bottom:16px;}
.profile-about-section dl.description-list dd::after{content: ""; clear:both; display: block;}
.profile-about-section dl.description-list dt:last-child,.profile-about-section dl.description-list dd:last-child { margin-bottom:0px; }
.profile-about-section .other-profile-list { margin:0px; padding:0px; list-style-type:none; }
.profile-about-section .other-profile-list li { display:inline-block; word-break:break-all; margin-right:20px; text-transform:none;}
.profile-about-section .other-profile-list li .icon { margin-right:4px; display:inline-block; width:16px; height:16px; background-image:url(images/tg_images_new/sprites.svg); background-repeat:no-repeat; vertical-align:text-bottom; }
.profile-about-section .other-profile-list li .icon.web { background-position:-284px -241px; } 
.profile-about-section .other-profile-list li .icon.twitter { background-position:-307px -241px; } 
.profile-about-section .other-profile-list li .icon.linkedin { background-position:-331px -241px; } 
.profile-about-section .other-profile-list li .icon.github { background-position:-355px -241px; } 
.profile-about-section .other-profile-list li:last-child { margin-right:0px; }
.profile-about-section h5{ margin-bottom:8px; }
.profile-about-section:hover .action-controls { display:block; }

.profile-about-section dl.description-list dd .action-controls { margin-top:0; }
.profile-about-section dl.description-list dd .action-controls  { display:none; margin-bottom:0px; }
.profile-about-section dl.description-list dd:hover .action-controls  { display:block; }
.profile-about-section .profile-edit-mode .action-controls .dropdown-menu { left:-129px; }
.profile-about-section .profile-edit-mode ul li .action-controls  { display:none; margin-bottom:0px; }
.profile-about-section .profile-edit-mode ul li:hover .action-controls  { display:block;  }
.profile-about-section .profile-edit-mode .action-controls { margin-top:-30px; }
.profile-about-section .profile-edit-mode ul.token-input-list-facebook {clear:none;}
.profile-about-section .profile-edit-mode .info_msg {padding-top:4px;}
.following-section li{padding-left: 40px; position: relative;}
.following-section li a{color: inherit;}
.following-section li:before{position: absolute; width: 20px; height: 20px; top: 50%; left: 0; margin-top: -10px; content: ""; background: url(https://www.techgig.com/files/contest_upload_files/dev-031221.svg);}
.following-section li.cmpli:before{background-image:url(https://www.techgig.com/files/contest_upload_files/cmp-031221.svg)}
.following-section li.skli:before{background-image:url(https://www.techgig.com/files/contest_upload_files/sk-031221.svg)}
.following-section li.publi:before{background-image:url(https://www.techgig.com/files/contest_upload_files/public-031221.svg)}
.following-section li.lnkli:before{background-image:url(https://www.techgig.com/files/contest_upload_files/lnk-031221.svg)}
.following-section li.twli:before{background-image:url(https://www.techgig.com/files/contest_upload_files/tw-031221.svg)}
.following-section li.gitli:before{background-image:url(https://www.techgig.com/files/contest_upload_files/git-031221.svg)}

/*----- Achieve Badges List ----*/
.achieve-badges-list { text-align:center; }
.achieve-badges-list .result { display:block; font-size:18px; color:#19171A; }
.achieve-badges-list p { color:#8a858d; margin-bottom:4px; }
.achieve-badges-list .special-achievement{background-color: #FFFFFF; border-radius: 4px; margin-bottom: 16px;}
.achieve-badges-list i{margin: auto; height:106px; width:100%; position: relative; background-color: #FFDE39;border-radius: 4px 4px 0 0;}
.achieve-badges-list i.blue{background-color: #48B3F4;}
.achieve-badges-list i.yellow{background-color: #FFDE39;}
.achieve-badges-list i.grey{background-color: #C6CCD0;}
.achieve-badges-list i.brown{background-color: #E3B98F;}
.achieve-badges-list i a{position: absolute; top: 10px; right: 10px;}
.achieve-badges-list .special-achievement i img {max-width:100%; width: 60px;}
.achieve-badges-list .spachivement{padding: 16px; border: 1px solid #F2F2F2; border-top: none; border-radius: 4px;border-radius: 0 0 4px 4px;}
.achieve-badges-list .tips { display:inline-block; width:16px; height:16px; vertical-align:middle; }
.profile-listing li:last-child dl{margin-bottom: 0;}

/*----- Edit_profile_picture ----*/
#edit_profile_picture .upload-userpic .image { width:100px; height:100px; display:table; text-align:center; border-radius:3px; border:1px solid #dadada; float:left;}
#edit_profile_picture .upload-userpic .image .inner { display:table-cell; vertical-align:middle;}
#edit_profile_picture .upload-userpic .image img { max-width:98px; max-height:98px; border-radius:2px;}
#edit_profile_picture .upload-userpic .details { margin-left:116px;}

/*--- Action Control  --- */
.action-controls ul{list-style-type: none; padding-left: 0;}
.action-controls {float:right; position:relative;}
.action-controls .btn-icon,.action-controls .edit-btn,.action-controls .user-btn,.profile-about-section .delete-btn { width:32px; height:32px; display:inline-block; text-decoration:none; background:url(images/tg_images_new/sprites.svg) no-repeat;}
.action-controls .edit-btn,.profile-about-section .delete-btn{background: none; width: auto; height: auto;}
.action-controls .user-btn { background-position:-319px -266px; }
.action-controls .dot-btn{ background-position:-113px -175px; width: 20px;}
.action-controls .edit-btn { background-position:-359px -266px; }
.profile-about-section .delete-btn  { background-position:-211px -305px; position:absolute; right:16px; bottom:16px;}
.profile-about-section .delete-btn{position: static;}
.action-controls .dropdown-menu {width:100%; border:none; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1); padding:0px; border-radius:0px; top:30px; left: auto; right:0; min-width:220px;}
.action-controls .dropdown-menu li a:hover{ background:#f7f7f7; color:#4a4548; }
.action-controls .dropdown-menu li.selected{background:#f7f7f7;}
.action-controls .dropdown-menu li.selected a { color:#19171a; }
.action-controls .settingmnu > li > a{display: flex;}
.action-controls .settingmnu > li > a > span{margin-left: 8px;}
.action-controls .dropdown-menu li a{font-size:14px; line-height:19px; color:#8a858d; padding:10px 16px; border-bottom: solid 1px #f7f7f7; display: flex;}
.action-controls .dropdown-menu li > span{font-size: 11px; display: block; color: #FFFFFF; background-color: #8A858D; padding: 4px 15px; text-transform: uppercase; line-height: 24px;}
.action-controls .dropdown-menu li a span{margin-left: 8px;}

/*--- Other Performance   --- */
.other-performance li { margin-bottom:24px; }
.other-performance li:last-child { margin-bottom:0px; }
.other-performance li:nth-last-child(2){ margin-bottom:0px; }
.other-performance .action-controls .dropdown-menu li { margin-bottom:0px; }
.other-performance .image { float: left; width: 64px; height: 64px; text-align: center; line-height: 61px; border: 1px solid #dadada; border-radius: 3px; }
.other-performance .image img { vertical-align: middle; max-width: 56px; max-height: 56px; }
.other-performance .details { margin-left:80px; }
.other-performance .details h5 { margin-bottom:4px; }
.other-performance .details p { color:#8a858d; margin-bottom:4px;}
.other-performance .details p:last-child { margin-bottom:0px;}
.other-performance .details p strong { font-weight:600; }

/*--- Following Company Box   --- */
.following-box { border:1px solid #dadada; border-radius:6px; padding:12px; margin-bottom:16px; }
.following-box .image { float: right; width: 64px; height: 64px; text-align: center; line-height: 60px; border: 1px solid #dadada; border-radius: 3px; } 
.following-box .image img { vertical-align: middle; max-width:62px; max-height:62px; border-radius:2px; }
.following-box .image.logo-frame img { max-width:56px; max-height:56px; border-radius:0; } 
.following-box .details { margin-right:80px; }
.following-box  .details h5 { margin-bottom:5px; }
.following-box  .details p { color:#7a7f8a; margin-bottom:4px;}
.following-box  .details p strong { color:#8a858d; font-weight:600; }

/*--- Slider-group --- */
#slider-group h4 { margin-bottom:0px; position:relative; top:12px; }
#slider-group ul { margin:0px; padding:0px; list-style-type:none; }
#slider-group .slider ul li { float:left; }
#slider-group .caroufredsel_wrapper { height:126px !important;}
#slider-group ul li { background:#fff; }
#slider-group .tabs2 .nav-tabs.pull-right { margin-top:-16px; }
#slider-group .tabs2 .nav-tabs { margin-bottom:16px; }
#slider-group .tabs2 .nav-tabs li a { min-width:104px; }
#slider-group .tab-content { padding-left:0px; padding-right:0px; }
#slider-group .tab-pane { display:block; opacity:0; visibility:hidden; position:absolute;}
#slider-group .tab-pane.active { display:block; opacity:1; visibility:visible; position:relative;}
#skill-analysis #slider-group .caroufredsel_wrapper{width: 100% !important;}
/*----- Add-skills-form ----*/
#add-skills-form { margin-bottom:24px; position:relative;}
#add-skills-form input[type="text"] { width:402px; float:left; background:none; padding:5px 10px 5px 10px; border:0; box-shadow:none; height:40px; outline:none;}
#add-skills-form input[type="button"] { height:40px; width:120px; float:right; margin:0; border-radius:0 3px 3px 0;}
#add-skills-form #search-form-content  { width:402px; top:41px;}
#add-skills-form #search-form-content ul li a { padding-left:36px;}
#add-skills-form #search-form-content h6 { margin-left:36px;}

/*----- User Result ----*/
#user-result.from-profile .test-base-result.cleared { background:#f7f7f7;}
#user-result.from-profile .test-base-result.cleared .inner-wrap { background:#e7ffec; border-radius:0 0 6px 6px;}
#user-result .test-base-result .inner-wrap { border-top: solid 1px #dadada; padding:16px; margin:0 -16px -16px -16px; position:relative;}
#user-result .test-base-result .inner-wrap h5 { margin-bottom:16px;}
#user-result .test-base-result .inner-wrap h6 { margin-bottom:8px;}
#user-result .test-base-result .inner-wrap .user-score { float:left; font-size:36px; margin-bottom:0; line-height:40px; margin-left:8px; margin-top:-3px;}
#user-result .test-base-result .inner-wrap .user-score span { font-size:12px;}
#user-result .test-base-result .inner-wrap .practice-btn { min-width:156px;}

/*--- Profile Edit Mode   --- */
.profile-edit-mode { background:#f7f7f7; padding:16px; position:relative; display:none; }
.profile-edit-mode .btn { min-width:120px; margin-right:12px; }
.profile-edit-mode.form1 ul li { margin-bottom:16px;}
.profile-edit-mode.form1 ul li:last-child { margin-bottom:0;} 
.profile-edit-mode.form1 ul li > label { width:134px; float:left; }
.profile-edit-mode.form1 ul li .inner { width:300px; padding-left:8px; margin-left:136px; }
.profile-edit-mode.form1 ul li .inner.date-field .select { float:left; margin-right:16px; width:70px; }
.profile-edit-mode.form1 ul li .inner.date-field .select:last-child { margin-right:0px; width:120px; }
.profile-edit-mode.form1 ul li .inner textarea { min-height:98px; }
.profile-edit-mode.form1 ul li .inner .form-inline { margin-bottom:8px; width:330px; }
.profile-edit-mode.form1 ul li .inner .form-inline .marks-divider { color:#c2c2c2; font-weight:300; font-size:18px; margin:0px 4px; }
.profile-edit-mode.form1 ul li .inner .form-inline .cse-input { width:90px; margin-right:23px; }
.profile-edit-mode.form1 ul li .inner .form-inline .actual-mark { width:60px; }
.profile-edit-mode.form1 ul li .inner .form-inline .out-of-mark { width:40px; }
.profile-edit-mode.form1 ul li .inner .form-inline .form-group .select select { min-width:100px; }
.profile-edit-mode.form1 ul li .inner .form-inline .form-group .form-control { width:102px; }
.profile-edit-mode.form1 ul li .inner .form-inline .form-group .select { width:150px; }
.profile-edit-mode.form1 ul li .inner .form-inline .form-group .divider { display:inline-block; margin:0px 4px; position:relative; width:13px; vertical-align:middle; }
.profile-edit-mode.form1 ul li .inner .form-inline .form-group .divider:after { content:""; width:13px; height:1px; background:#dadada; position:absolute; top:50%; left:0px; display:inline-block; z-index:10; }

.profile-edit-mode.form1 ul li .inner .input-group { position:relative; }
.profile-edit-mode.form1 ul li .inner .input-group .error_msg { position:absolute !important; bottom:-13px; }

.profile-edit-mode.performance-edit { margin-top:16px; }
.profile-edit-mode.performance-edit li .inner-box { border:1px solid #dadada; padding:12px; border-radius:6px; background:#fff;  min-height:95px; } 
.profile-edit-mode.performance-edit li .inner-box.non-connected-profile .image { opacity:0.2; border:none; } 
.profile-edit-mode.performance-edit li .inner-box.non-connected-profile h5 { color:#8a858d; }
.profile-edit-mode.performance-edit li { position:relative; }
.profile-edit-mode.performance-edit li .close-btn { position:absolute; top:5px; right:14px; display:inline-block; text-decoration:none; background:url(images/tg_images_new/sprites.svg) no-repeat; width:16px; height:16px; background-position:-49px -297px; }
.profile-edit-mode.edit-skills h5 { margin-bottom:4px;}

.profile-edit-mode .non-connected-profile .popover {  border:1px solid #dadada; max-width:300px; width:300px; left:10px; }
.profile-edit-mode .non-connected-profile .popover .popover-title { color:#8a858d; background:#fff; }
.profile-edit-mode .non-connected-profile .popover .arrow { border-bottom-color:#dadada; }
.profile-edit-mode .non-connected-profile .popover .popover-content { padding:16px; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul { padding:0px; margin:0px; list-style-type:none; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li { margin:0px; border-bottom:1px solid #dadada; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li h6 { margin-bottom:4px; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li p { color:#8a858d; font-size:12px; line-height:14px; margin:0px; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li a { padding:8px 14px; display:block; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li:hover a { background:#f2f2f2; }
.profile-edit-mode .non-connected-profile .popover .popover-content ul li:last-child  { border:none; }

/*--- Input Group   --- */
.input-group { margin-bottom:12px;}
.input-group .input-group-addon { background:#fff; min-width:38px; }
.input-group .input-group-addon .icon { display:inline-block; width:16px; height:16px; background-image:url(images/tg_images_new/sprites.svg); background-repeat:no-repeat; vertical-align:middle; }
.input-group .input-group-addon .icon.web { background-position:-284px -241px; } 
.input-group .input-group-addon .icon.twitter { background-position:-307px -241px; } 
.input-group .input-group-addon .icon.linkedin { background-position:-331px -241px; } 
.input-group .input-group-addon .icon.github { background-position:-355px -241px; } 

/*--- Profile Listing    --- */
.profile-listing { margin:0px; padding:0px; list-style-type:none; }
.profile-listing li {margin-bottom:24px;}
.profile-listing li dd {min-height:32px;}
.profile-listing li:last-child{margin-bottom:0px;}
.profile-listing .action-controls .dropdown-menu li{margin-bottom:0px;}

/*--- Empty Follow Status    --- */
.empty-follow-status { margin:0px; padding:0px; list-style-type:none; }
.empty-follow-status li { margin-bottom:24px; }
.empty-follow-status li:last-child { margin-bottom:0px; }
.empty-follow-status li h6{ margin-bottom:8px; }
.empty-follow-status li p{ color:#8a858d; }
.empty-follow-status li:last-child p { margin-bottom:0px; }

/*----- Sill-analysis ----*/
#skill-analysis { border:1px solid #dadada; border-radius:6px;}
#skill-analysis .tab-content { padding:0;}
#skill-analysis .nav-tabs.main-profile-nav { background:#f7f7f7; border-radius:5px 5px 0 0; margin-bottom:0;}
#skill-analysis .main-profile-nav > li { width:28.666%; display:table; height:41px;}
#skill-analysis .nav-tabs li.more-links { width:14%;}
#skill-analysis .main-profile-nav li a { padding:13px 16px 13px; background:none;}
#skill-analysis .main-profile-nav > li > a { display:table-cell; vertical-align:middle; padding:0 16px;}
#skill-analysis .nav-tabs li.more-links .down-arrow { width:8px; height:8px; margin-left:2px; position:relative; top:-2px; display:inline-block; vertical-align:middle; background:url(images/tg_images_new/sprites.svg) -76px -189px no-repeat;}
#skill-analysis .nav-tabs .dropdown-menu { padding:0; display:none !important;}
#skill-analysis .nav-tabs .open .dropdown-menu { display:block !important;}
#skill-analysis .nav-tabs .dropdown-menu li a { padding:11px; line-height:14px; color:#8a858d;}
#skill-analysis .nav-tabs .dropdown-menu li:last-child a { border-radius:0 0 2px 2px;}
#skill-analysis .nav-tabs .dropdown-menu > li > a:hover, #skill-analysis .nav-tabs .dropdown-menu > li > a:focus { background-color:#f2f2f2; color:#4a4548;}
#skill-analysis .analysis-section { border-bottom:1px solid #dadada; padding:24px;}
#skill-analysis .analysis-section:last-child { margin-bottom:0; border-bottom:0;}
#skill-analysis .up-arrow-icon, #skill-analysis .down-arrow-icon { vertical-align:middle; margin-left:0; position:relative; top:-2px;}
#skill-analysis .action-lnk { margin-left:0;}
#skill-analysis p:last-child { margin-bottom:0;}
#skill-analysis h5 { margin-bottom:8px;}
#skill-analysis .analysis-section.sq-stats h4 { line-height:33px;}
#skill-analysis .analysis-section.sq-stats h4 strong { font-weight:600; color:#19171a; }

#skill-analysis .open > a, #skill-analysis .open > a:hover, #skill-analysis .open > a:focus {border-color:#dadada;}

/*#skill-analysis .highcharts-tooltip { z-index:9998; position:relative;}
#skill-analysis .highcharts-tooltip span {z-index:9999!important;}*/

.accuracy-multiple-choice-graph { position:relative; margin:-8px 0 8px -12px; height:170px;}
.code-submissions-graph { position:relative; margin:-8px 0 -8px -12px; height:170px;}

.secondrycolor{color: #212121;}

.profile-nav{box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06); border-radius: 4px; }
.box-default1.profile-nav{padding:24px;}
.profile-nav .profnav{display: flex;}
.profile-nav .profnav li {flex: 1;}
.profile-nav .profnav > li > a{background: #fff; text-transform: uppercase;}


.profile-nav .profnav > li > a{border-color: #DADADA; text-transform: uppercase; font-weight: 900; line-height: 28px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);}
.profile-nav .profnav > li:last-child > a{border-right-color:#DADADA}
.log_header{height: 112px; width: 112px;padding: 3px;border: solid 1px #dadada;border-radius: 4px; position: relative;}
.log_header img{max-width: 100%; max-height: 100%;}
.profile-nav .profnav > li.active > a,.profile-nav .profnav > li.active:hover > a,.profile-nav .profnav > li.active:focus > a,.profile-nav .profnav > li.active > a:focus{border-color:#D7263D; background:#D7263D; color: #fff; font-weight: bold;}
.slider-box{margin: 0 4px;}
.header h5 {color: #fff; font-size: 1.25em; margin-top: 0}
.skill_sts {padding: 6px 16px; border-radius: 2px; color:#4A4548; background: #fff; border:solid 1px #F2F2F2; margin-right: 10px; line-height: 10px; margin-bottom: 8px; font-weight: normal;}
.skill_sts.green{color:#00BC87;}
.skill_sts.blue {color: #3C91E6}
.lighttext {color: #757575}
.skill_sts.orange {color: #FB8629}
.badge.tags {padding: 5px 7px; border-radius: 1px; background-color: #9e9e9e}
.tags.lighter {background-color: #eee; color: #757575; font-size: 11px; font-weight: 400; margin-top: 4px}
.tags.lighter strong {font-weight: 700; display: inline-block}
.badge.tags_light {padding: 10px; border-radius: 2px; background-color: #eee; margin-right: 15px; color: #757575; width: 80px; text-align: center}
.wrapflex {flex-flow: row wrap}
.box-shadow {padding: 34px 30px 36px; border-radius: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .02); border: solid 1px #eee; background-color: #fff; line-height: 1.5}
.skill-block {color: #212121; padding: 8px 31px 12px; border-radius: 3px; border: solid 1px #00bc43; background-color: rgba(0, 188, 67, .06); text-align: center; line-height: 23px}
.skill-block b {display: block}
.skill-block.bluebox {border: solid 1px #3bb1fb; background-color: rgba(59, 177, 251, .06)}
.txtsuccess {color: #00bc43}
.txtblue {color: #3bb1fb}
.justify-end {justify-content: flex-end; display: flex}
.lh14 {line-height: 14px}
.cloudicon {width: 100px; padding: 4px 9px; position: absolute; top: 0; font-size: 12px; margin-top: -35px; text-align: center; left: 0;margin-left: -74px; height: 26px; background-color: #FFFFFF; border: 1px solid #F2F2F2; border-radius: 2px 2px 2px 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06); line-height: 21px;}
.cloudicon:after {position: absolute; bottom: -4px; left: 80%; width: 8px; margin-left: -10px; display: block; content: ""; height: 8px;transform: rotate(45deg); background: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);}
.cloudicon span {align-items: center; display: flex; justify-content: center; color: #5c5cc6}
.contestbar {border-right: solid 1px #f7f7f7}
.contestbar-section .left-half-clipper, .contestbar-section .progress-circle {width: 42px; height: 42px}
.contestbar-section .left-half-clipper {clip: rect(0, 42px, 42px, 21px)}
.contestbar-section .progress-circle:after {width: 36px; height: 36px; top: 3px; left: 3px}
.contestbar-section .progress-circle .value {line-height: 42px; width: 42px}
.contestbar-section .progress-circle.over50 .first50-bar { clip: rect(0, 42px, 42px, 21px); height: 42px; width: 42px}
.contestbar-section .value-bar {clip: rect(0, 21px, 42px, 0); width: 42px; height: 42px; border-radius: 50%; border: 2px solid transparent; box-sizing: border-box}
.barline {height: 12px; background-color: #E0E0E0}
.barline.bar2 {background-color: #BDBDBD}
.barline.bar3 {background-color: #9E9E9E}
.contestbar-section .lblcolor {font-size: 10px}
.earnedpoint .progress-circle .first50-bar, .earnedpoint .value-bar {background-color: #34a853; border-color: #34a853}
.header .progress-circle {background: #3e3169}
.header .progress-circle:after {background: #5a44a5}
.progress-circle {font-size: 20px; position: relative; padding: 0; width: 64px; height: 64px; background-color: #f2f2f2; border-radius: 50%; line-height: 64px}
.progress-circle:after {border: none; position: absolute; top: 5px; left: 5px; text-align: center; display: block; border-radius: 50%; width: 54px; height: 54px; background-color: #fff; content: " "}
.progress-circle .value {position: absolute; line-height: 64px; font-size: 18px; width: 64px; text-align: center; display: block; color: #202124; z-index: 2}
.left-half-clipper {border-radius: 50%; width: 64px; height: 64px; position: absolute; clip: rect(0, 64px, 64px, 32px)}
.progress-circle.over50 .left-half-clipper {clip: rect(auto, auto, auto, auto)}
.value-bar {position: absolute; clip: rect(0, 32px, 64px, 0); width: 64px; height: 64px; border-radius: 50%; border: 7px solid transparent; box-sizing: border-box}
.progress-circle.over50 .first50-bar {position: absolute; clip: rect(0, 64px, 64px, 32px); background-color: #34a853; border-radius: 50%; width: 64px; height: 64px}
.progress-circle:not(.over50) .first50-bar {display: none}
.participation_history .media {position: relative;}
.participation_history .media + .media{margin-top:0;}
.participation_history .media:first-child:before {top: 60%}
.participation_history .media .tags_light {margin-top: 60%}
.participation_history .media:last-child:before {bottom: 35%}
.participation_history .media>.pull-left {position: relative; z-index: 1}
.participation_history .media:before {content: ""; position: absolute; top: 0; bottom: 0; left: 34px; width: 2px; background: #eee}
.participation_history .media-body h6 {color: #6a55b4}
.participation_history .media-body div:first-child {margin-top: 0}
.participation_history .media-body div, .participation_history .media-body h6 {margin-top: 4px; font-weight: 500}
.sessions_history .media {padding: 26px 30px}
.sessions_history .media:nth-child(even) {background: #fafafa}
.sessions_history .media>.pull-left>img {margin-right: 8px}
.user-feature {line-height: 16px}
.progressbar {height: 6px; background: #3e3169}
.progressbar div {height: 6px; background-color: #00bc43; width: 0%}
.verified {padding: 4px 5px; border-radius: 1px; border: solid 1px #26d974; color: #26d974; text-transform: uppercase; font-size: 10px; display: flex; flex-flow: row}
.chkicon {display: inline-block; width: 5px; height: 10px; border-bottom: solid 2px #26d974; border-right: solid 2px #26d974; transform: rotate(44deg); margin-left: 5px; margin-right: 4px}
.progressbar > div,.progressbar{height: 4px; background: #DADADA; border-radius:4px; line-height:0;}
.progressbar > div{background-color: #27c673; position:relative}
.skillsection span.u_skil_level,.u_skil_level{display: block; padding:5px 8px; position:absolute; top:-30px; right:-24px; background: #8A858D; font-size: 12px; line-height: normal; color:#fff; border-radius:2px; text-align:center;}
.skillsection span.u_skil_level{opacity: 0; transition: all 0.25s;}
.resume-delicon{margin-top: -12px; margin-right: -18px;}
.skillsection:hover span.u_skil_level{opacity: 1;}
.progressbar > div .u_skil_level:after{content:"";position:absolute;width:0px;height:0px;border: solid 5px transparent;border-bottom-color:#8A858D;border-right-color:#8A858D;bottom: -4px;margin-left: -5px;transform: rotate(45deg);left: 50%;}
.verifieduser{background-color: #00BC87;border-radius: 12px;padding: 3px 10px;display: inline-flex; justify-content: center; align-items: center; line-height: 12px; font-size: 11px;}
.mediayear{text-align: right; text-transform: uppercase; font-size: 11px; color: #8A858D;}
.semiverifieduser{background-color: #EAC435;border-radius: 12px;padding: 3px 10px;display: inline-flex; justify-content: center; align-items: center; line-height: 12px; font-size: 11px;}
@media (max-width:767px) {
    
	.achieve-badges-list .col-xs-6:nth-child(2n+1) {clear: both;}
    .userinfo-list{display: block;}
    .userinfo-list > .fctrl{margin-right:0px; margin-top: 16px;}
    .skill-block{margin-top: 16px;}
    dl.desc-list{position: relative;}
    .profile-about-section dl{padding-right: 16px;}
    .profile-about-section dd .action-controls {position: absolute; top: -5px; right: 0;}
    .add-link > span{display: none;}
    .add-link > span:first-child{display: block;}
}
@media (min-width:767px) {
	.skill-block {width: 170px;}
    #user-profile-details .tab-content{padding: 16px 16px 16px;}
    #user-profile-details #skill-analysis .tab-content{padding: 0;}

}