/*--- 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 ----*/
#user-info { padding:16px 16px 24px;}
#user-info .profile-user-pic { float:left; position:relative; border-radius:3px; border:1px solid #dadada;}
#user-info .profile-user-pic img { width:80px; height:80px; border-radius:2px;}
#user-info .profile-user-pic .update-pic { width:80px; height:80px; background-color:rgba(0,0,0,0.6); text-align:center; border-radius:3px; position:absolute; top:0; top:0; display:none;}
#user-info .profile-user-pic:hover .update-pic { display:table;}
#user-info .profile-user-pic .update-pic span { display:table-cell; vertical-align:middle; font-size:10px; line-height:12px; color:#fff;}
#user-info .details { margin-left:96px;}
#user-info h2 { font-weight:bold; margin-bottom:4px; text-transform:capitalize;}
/*#user-info h2 .form-control { border:0; border-bottom:1px solid #dadada; text-transform:capitalize; font-size:24px; border-radius:0; box-shadow:none; padding:0; height:32px;}*/
#user-info p { margin-bottom:8px;}
#user-info dl.description-list.inline dd { margin-left:0; color:#8a858d; font-weight:600; margin-bottom:0;}
#user-info .share-icon { width:32px; height:32px; display:inline-block; vertical-align:top; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-91px -265px;}
#user-info .camera-icon { width:24px; height:24px; display:block; margin:0 auto; background:url(images/tg_images_new/sprites.svg) no-repeat; background-position:-288px -269px;}

#user-info .user-actions-area { padding-top:39px; }
#user-info .user-actions-area .follow-this, #user-info .user-actions-area .follow-this.button2 { min-width:120px; vertical-align:top; height:32px; padding-top:0; padding-bottom:0; line-height:30px;-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none; }
#user-info .user-actions-area .button1.unfollow { background:#dadada; }
#user-info .user-actions-area .button1.unfollow:hover { background:#d7263d; }
#user-info .user-actions-area .follow-this.button2 { line-height:27px;}
#user-info .user-actions-area .notification-btn { display:none;}
#user-info .user-actions-area .button2 { width:32px; height:32px; line-height:15px; border-width:2px; padding:5px; margin-left:6px; }
#user-info .user-actions-area .button2 svg { vertical-align:middle;}
#user-info .user-actions-area .button2 svg g { transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;}
#user-info .user-actions-area .button2:hover svg g { fill:#fff;}
#user-info .user-actions-area .notification-btn.active { background:#d7263d;}
#user-info .user-actions-area .notification-btn.active svg g { fill:#fff;}

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

/*----- User Profile Details ----*/
#user-profile-details .tab-content { padding:16px 16px 16px;}
#user-profile-details .overall-title { position:relative; bottom:-40px; z-index:2; float:left;}
#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;}

/*----- User Overall Graph ----*/
#user-overall-graph { position:relative; margin:0 -8px 0 -8px; 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 { padding-bottom:24px; margin-bottom:24px; border-bottom: 1px dashed #dadada;}
.profile-about-section .add-link { font-size:14px; font-weight:600; display:block; padding-top:16px; }
.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 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 h6 { margin-bottom:8px; }
.profile-about-section:hover .action-controls { display:block; }
.profile-about-section .action-controls { margin-top:-40px; }
.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 .action-controls .dropdown-menu { left:-92px; }
.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;}

/*----- Badges List ----*/
.badges-list { margin:0 0 8px 0; padding:0px; list-style-type:none;}
.badges-list li i { margin-right:4px; }
.badges-list li { float:left; margin-right:16px; font-size:14px; color:#19171a; font-weight:600; }

/*----- Achieve Badges List ----*/
.achieve-badges-list { text-align:center; }
.achieve-badges-list .result { display:block; font-size:18px; color:#4a4548; }
.achieve-badges-list p { color:#8a858d; margin-bottom:4px; }
.achieve-badges-list .special-achievement { float:left; }
.achieve-badges-list i { display:block; margin-bottom:8px; }
.achieve-badges-list .special-achievement i img { min-height:43px; padding-top:4px; }
.achieve-badges-list .tips { display:inline-block; width:16px; height:16px; background:url(images/tg_images_new/sprites.svg)-237px -240px no-repeat; vertical-align:middle; }
.achieve-badges-list i  { min-height:65px; }
.achieve-badges-list i img { min-height:65px; }

/*----- 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 { float:right; display:none; position:relative; margin-top:-4px; }
.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 .user-btn { background-position:-319px -266px; }
.action-controls .edit-btn { background-position:-359px -266px; }
.profile-about-section .delete-btn  { background-position:-211px -305px; position:absolute; right:16px; bottom:16px;}
.action-controls .dropdown-menu { width:100%; border:none; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:0px; border-radius:0px; top:0px; left:-128px;}
.action-controls .dropdown-menu li:hover a { background:#f2f2f2; color:#4a4548; }
.action-controls .dropdown-menu li.selected a { color:#19171a; }
.action-controls .dropdown-menu li a { font-size:14px; line-height:20px; color:#8a858d; padding:8px 15px; }

/*--- 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 .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 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;}

/*--- Slider  --- */
.slider { position:relative; }
.slider .slider-box { border:1px solid #dadada; padding:12px 16px; border-radius:6px; min-height:126px; }
.slider .slider-box  .action-lnk { margin-top:8px; display:inline-block;}
.slider .slider-box  h5, #skill-analysis .slider .slider-box  h5  { margin-bottom:4px; }
.slider .slider-box  p { color:#8a858d; margin-bottom:4px; }
.slider .slider-box  p strong { font-weight:600; }
.slider .previous-btn,.slider .next-btn { display:inline-block; width:32px; height:32px; position:absolute; top:50%; margin-top:-16px; background:url(images/tg_images_new/sprites.svg) no-repeat;}
.slider .previous-btn { background-position:-130px -264px; left:-2px; margin-left:-16px;  transition:all .10s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .10s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .10s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .10s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .10s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; opacity:1; }
.slider .previous-btn.not-visible { opacity:0; pointer-events:none; cursor:default;}
.slider .previous-btn:hover { background-position:-210px -264px; }
.slider .next-btn { background-position:-170px -264px; right:-2px; margin-right:-16px; }
.slider .next-btn:hover { background-position:-250px -264px; }

/*--- 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; }
.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:132px; }
.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.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;}

/*--- 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:16px; }
.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 a { padding-top:13px; padding-bottom:13px;}
#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 .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;}
/*.accuracy-multiple-choice-graph .highcharts-container:before, .code-submissions-graph .highcharts-container:before { content:""; width:60px; height:60px; background:#fff; position:absolute; left:57px; top:55px; display:block; border-radius:50%; z-index:1;}*/

/*----- Dragable-box ----*/
.dragable-box { margin-bottom:20px; min-height:36px;}
.dragable-box a { height: 32px; text-decoration:none; border-radius: 16px; background-color: #ffffff; border: solid 1px #f2f2f2; display:inline-block; margin:4px 8px 4px 0; padding:7px 10px; white-space:nowrap; font-size:14px; cursor:move; color:#4a4548; line-height:16px; float:left;}
.dragable-box a .drag-frame { width:10px; display:inline-block; position:relative; top:-1px; height:7px; background:url("images/tg_images_new/sprites.svg") -3px -301px no-repeat; vertical-align:middle; margin-right:8px;}
.dragable-box a .close-icon { width:8px; display:inline-block; position:relative; top:-2px; height:8px; background:url("images/tg_images_new/sprites.svg") -52px -300px no-repeat; vertical-align:middle; margin-left:16px; cursor:pointer;}

/*----- 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;}

/*----- Follow User ----*/
.follow_user {-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;transition-property: none;}

/*--- Bootstrap Datepicker --*/
.daterangepicker.single .calendar,.daterangepicker.single .ranges,.ranges{float:none}.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:3px;width:278px;padding:4px;margin-top:1px;top:100px;left:20px}.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;content:''}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.dropup{margin-top:-5px}.daterangepicker.dropup:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.dropup:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.dropdown-menu{max-width:none;z-index:3001}.daterangepicker.show-calendar .calendar{display:block}.daterangepicker .calendar{display:none;max-width:270px;padding:4px}.daterangepicker .calendar.single .calendar-table{border:none}.daterangepicker .calendar td,.daterangepicker .calendar th{white-space:nowrap;text-align:center;font-size:13px;min-width:32px}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:3px;background-color:#fff}.daterangepicker table{width:100%;margin:0}.daterangepicker td,.daterangepicker th{text-align:center;width:20px;height:20px;border-radius:3px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#8a858d}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:3px 0 0 3px}.daterangepicker td.end-date{border-radius:0 3px 3px 0}.daterangepicker td.start-date.end-date{border-radius:3px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#d7263d;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin-bottom:0}.daterangepicker .input-mini{border:1px solid #ccc;border-radius:3px;color:#555;height:30px;line-height:30px;display:block;vertical-align:middle;margin:0 0 5px;padding:0 6px 0 28px;width:100%}.daterangepicker .input-mini.active{border:1px solid #08c;border-radius:3px}.daterangepicker .daterangepicker_input{position:relative}.daterangepicker .daterangepicker_input i{position:absolute;left:8px;top:8px}.daterangepicker.rtl .input-mini{padding-right:28px;padding-left:6px}.daterangepicker.rtl .daterangepicker_input i{left:auto;right:8px}.daterangepicker .calendar-time{text-align:center;margin:5px auto;line-height:30px;position:relative;padding-left:28px}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.ranges{font-size:11px;margin:4px;text-align:left}.ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.ranges li{font-size:13px;background-color:#f5f5f5;border:1px solid #f5f5f5;border-radius:3px;color:#08c;padding:3px 12px;margin-bottom:8px;cursor:pointer}.ranges li.active,.ranges li:hover{background-color:#08c;border:1px solid #08c;color:#fff}.daterangepicker th.next .fa,.daterangepicker th.prev .fa{width:16px;height:0;padding-top:16px;background:url(images/tg_images_new/sprites.svg) no-repeat}.daterangepicker th.month,.daterangepicker th.next,.daterangepicker th.prev{background-color:#f2f2f2;border-radius:0}.daterangepicker th.next .fa:before,.daterangepicker th.prev .fa:before{display:none}.daterangepicker th.prev{border-radius:3px 0 0 3px}.daterangepicker th.next{border-radius:0 3px 3px 0}.daterangepicker th.prev .fa{background-position:-248px -46px}.daterangepicker th.next .fa{background-position:-287px -46px}@media (min-width:564px){.daterangepicker.ltr .calendar.right .calendar-table,.daterangepicker.rtl .calendar.left .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.ltr .calendar.left .calendar-table,.daterangepicker.rtl .calendar.right .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker{width:auto}.daterangepicker .ranges ul{width:160px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .calendar.left{clear:none}.daterangepicker.single.ltr .calendar,.daterangepicker.single.ltr .ranges{float:left}.daterangepicker.single.rtl .calendar,.daterangepicker.single.rtl .ranges{float:right}.daterangepicker.ltr{direction:ltr;text-align:left}.daterangepicker.ltr .calendar.left{clear:left;margin-right:0}.daterangepicker.ltr .calendar.right{margin-left:0}.daterangepicker.ltr .left .daterangepicker_input{padding-right:12px}.daterangepicker.ltr .calendar,.daterangepicker.ltr .ranges{float:left}.daterangepicker.rtl{direction:rtl;text-align:right}.daterangepicker.rtl .calendar.left{clear:right;margin-left:0}.daterangepicker.rtl .calendar.right{margin-right:0}.daterangepicker.rtl .calendar.left .calendar-table,.daterangepicker.rtl .left .daterangepicker_input{padding-left:12px}.daterangepicker.rtl .calendar,.daterangepicker.rtl .ranges{text-align:right;float:right}}@media (min-width:730px){.daterangepicker .ranges{width:auto}.daterangepicker.ltr .ranges{float:left}.daterangepicker.rtl .ranges{float:right}.daterangepicker .calendar.left{clear:none!important}}

/* ==========================================================================
	Responsive Settings
========================================================================== */

@media (max-width:1200px) {
	.achieve-badges-list .silver-badge { clear:left; }
	.achieve-badges-list .special-achievement { float:none; }
}

@media (max-width:992px) {
	/*----- Slider Group ----*/
	#slider-group h4 { top:0px; margin-bottom:8px; }
	#slider-group .tabs2 .nav-tabs.pull-right { margin-top:0px; float:none; }

	#user-profile-details  > .nav-tabs > li { width:auto;}
	#user-info .user-actions-area { padding-top:16px; text-align:left; margin-left:98px; }
	#user-info .user-actions-area .button2.follow-this { margin-left:0px; }
	#user-profile-details .overall-title p { margin-bottom:40px;}

	.other-performance .row li { width:100%; margin-bottom:16px;}
	.other-performance .row li:nth-last-child(2) { margin-bottom:16px; }
	
	/*----- User Overall Graph ----*/
	#user-overall-graph { margin:0;}
	#user-profile-details .overall-title h3 { float:none; line-height:22px; margin-bottom:40px;}

}

@media (max-width:767px) {

	/*----- User Info ----*/
	#user-info { padding-top:24px; }
	#user-info h2 { font-size:18px; line-height:22px; }
	#user-info .profile-user-pic img { width:48px; height:48px;}
	#user-info .profile-user-pic .update-pic { width:48px; height:48px;}
	#user-info .details { margin-left:56px; }
	#user-info .share-icon { margin-top:-4px;}

	#user-info .user-actions-area .button2 { margin-left:3px; }
	#user-info .user-actions-area { margin-left:56px; }

	/*----- Sill Analysis ----*/
	#skill-analysis { border:none; }
	#skill-analysis .analysis-section { padding:8px 0px 8px 0px; border:none; }
	#skill-analysis .analysis-section .table1-wrap { margin-bottom:16px; }
	#skill-analysis p:last-child { margin-bottom:16px;}
	#skill-analysis .analysis-section .action-lnk  { display:block; }
	#skill-analysis .analysis-section h4 { margin-bottom:8px; }
	#skill-analysis .nav-tabs .dropdown-menu { display:block !important; border:0 !important; box-shadow:none; position:relative; top:auto !important; margin:0; max-height:none;}
	#skill-analysis .nav-tabs li.more-links .down-arrow { display:none;}
	#more-sub-links { display:none;}

	/*----- User Profile Details ----*/
	#user-profile-details h3 { margin-bottom:8px; }
	#user-profile-details > .mobile-dropdown-view { margin:0px 16px; }

	/*----- Slider Group ----*/
	#slider-group .tabs2 .nav-tabs.pull-right > li, .tabs2 > .nav-tabs > li { width:104px; }

	.profile-page .left-panel > .box-default1 { margin:-24px -16px 0px -16px; border-radius:0px; box-shadow:none; }

	/*----- Profile About Section ----*/
	.profile-about-section dl.description-list dt { float:none; margin-right:0px; margin-bottom:4px; }
	.profile-about-section dl.description-list dd { margin-left:0px; margin-bottom:12px; }
	.profile-about-section h4 { margin-bottom:8px; }
	.profile-about-section .add-link { padding-top:0px; }
	.profile-about-section .mark-divition .form-inline .form-group { float:left; }
	.profile-about-section .profile-edit-mode .action-controls.share-control { margin-top:-58px; }

	/*----- Slider ----*/
	.slider .previous-btn { left:4px; }
	.slider .next-btn { right:4px; }

	.profile-edit-mode .btn { margin-right:6px; min-width:105px; }
	.profile-edit-mode .btn:last-child { margin-right:0px; }

	#add-skills-form { width:100%; }
	#add-skills-form input[type="text"] { width:164px; }
	#add-skills-form input[type="button"] { min-width:60px; width:auto; }
	.other-performance.form1 li { margin-bottom:16px; }

	.profile-edit-mode.form1 ul li > label { width:100%; float:none; }
	.profile-edit-mode.form1 ul li .inner { width:100%; margin-left:0px; padding-left:0px; }
	.profile-edit-mode.form1 ul li .inner .form-inline .cse-input { margin-right:16px; }
	.profile-edit-mode.form1 ul li .inner.date-field .select { width:64px; margin-right:4px; }
	.profile-edit-mode.form1 ul li .inner.date-field .select:last-child { width:88px; }

	.profile-about-section h4 { padding-right:70px;}
	.profile-about-section .delete-btn { right:-7px; }
	.profile-about-section .action-controls { position:relative; margin-top:-32px;}

	/*--- Widget - Profilerhs  --- */
	.widget.profile-widget .widget-heading .select.inline { display:block; margin-left:0; width:156px; margin-top:8px;}

}